/* Agenda Falck Global Leadership Visit — estilos globales */

/* emi Falck corporate typeface — Falck (OTF, supplied by the brand). */
@font-face{font-family:"Falck";src:url("../fonts/Falck-Light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Falck";src:url("../fonts/Falck-LightItalic.otf") format("opentype");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Falck";src:url("../fonts/Falck-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Falck";src:url("../fonts/Falck-Italic.otf") format("opentype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Falck";src:url("../fonts/Falck-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Falck";src:url("../fonts/Falck-MediumItalic.otf") format("opentype");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Falck";src:url("../fonts/Falck-Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Falck";src:url("../fonts/Falck-BoldItalic.otf") format("opentype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Falck";src:url("../fonts/Falck-Heavy.otf") format("opentype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Falck";src:url("../fonts/Falck-HeavyItalic.otf") format("opentype");font-weight:800;font-style:italic;font-display:swap}


/* colors.css */
:root{
/* ==========================================================================
   OFFICIAL emi Falck / Falck Group colour definitions.
   Source: the brand's own colour-definition sheet (RGB / HEX / CMYK / Pantone
   / RAL / 3M vinyl). Print and fabrication references are kept in comments so
   they travel with the tokens.
   ========================================================================== */

/* --- Primary --- */
--emi-red:#FF1E2D;          /* Falck Red · rgb(255,30,45) · CMYK 0/100/80/0 · Pantone 185C · RAL 3020 · vinyl 3M 80-13 / 100-13 */
--emi-white:#FFFFFF;        /* White · CMYK 0/0/0/0 */

/* --- Secondary --- */
--emi-dark-red:#66182A;     /* Dark Red · rgb(102,24,42) · CMYK 45/100/65/55 · Pantone 7428 · RAL 3005 · vinyl 3M 100-723 */
--emi-dark-blue:#121A44;    /* Dark Blue · rgb(18,26,68) · CMYK 100/80/10/70 · Pantone 648 */
--emi-vibrant-blue:#0047FF; /* Vibrant Blue · rgb(0,71,255) · CMYK 100/50/0/0 · Pantone 300 */
--emi-dark-grey:#4D4D4D;    /* Dark Grey · CMYK 50/30/20/70 · Pantone 7545 (sheet also lists rgb 65/85/101 — HEX is authoritative here, see readme) */
--emi-cool-grey:#D1D4D3;    /* Cool Grey · rgb(209,212,211) · CMYK 5/0/3/20 · Pantone 427 */
--emi-yellow:#FFE600;       /* Response Yellow · rgb(255,230,0) · CMYK 5/5/90/0 · Pantone Yellow C */

/* --- Tint ramps (percentage of the full colour over white) --- */
/* dark-red tint ramp */
--emi-dark-red-90:#752F3F;
--emi-dark-red-80:#854655;
--emi-dark-red-70:#945D6A;
--emi-dark-red-60:#A3747F;
--emi-dark-red-50:#B38C95;
--emi-dark-red-40:#C2A3AA;
--emi-dark-red-30:#D1BABF;
--emi-dark-red-20:#E0D1D4;
--emi-dark-red-10:#F0E8EA;

/* dark-blue tint ramp */
--emi-dark-blue-90:#2A3157;
--emi-dark-blue-80:#414869;
--emi-dark-blue-70:#595F7C;
--emi-dark-blue-60:#71768F;
--emi-dark-blue-50:#898DA2;
--emi-dark-blue-40:#A0A3B4;
--emi-dark-blue-30:#B8BAC7;
--emi-dark-blue-20:#D0D1DA;
--emi-dark-blue-10:#E7E8EC;

/* vibrant-blue tint ramp */
--emi-vibrant-blue-90:#1959FF;
--emi-vibrant-blue-80:#336CFF;
--emi-vibrant-blue-70:#4D7EFF;
--emi-vibrant-blue-60:#6691FF;
--emi-vibrant-blue-50:#80A3FF;
--emi-vibrant-blue-40:#99B5FF;
--emi-vibrant-blue-30:#B3C8FF;
--emi-vibrant-blue-20:#CCDAFF;
--emi-vibrant-blue-10:#E6EDFF;

/* dark-grey tint ramp */
--emi-dark-grey-90:#5F5F5F;
--emi-dark-grey-80:#717171;
--emi-dark-grey-70:#828282;
--emi-dark-grey-60:#949494;
--emi-dark-grey-50:#A6A6A6;
--emi-dark-grey-40:#B8B8B8;
--emi-dark-grey-30:#CACACA;
--emi-dark-grey-20:#DBDBDB;
--emi-dark-grey-10:#EDEDED;

/* cool-grey tint ramp */
--emi-cool-grey-90:#D6D8D7;
--emi-cool-grey-80:#DADDDC;
--emi-cool-grey-70:#DFE1E0;
--emi-cool-grey-60:#E3E5E5;
--emi-cool-grey-50:#E8EAE9;
--emi-cool-grey-40:#EDEEED;
--emi-cool-grey-30:#F1F2F2;
--emi-cool-grey-20:#F6F6F6;
--emi-cool-grey-10:#FAFBFB;

/* --- Deck-observed legacy values (measured from the training decks) --- */
--emi-red-deck:#FF1E27;     /* the red the Google-Slides decks were built with — use --emi-red on new work */
--emi-red-pure:#FF0000;     /* the bullet-marker red in those decks */
--emi-grey-wordmark:#6D6E71;/* grey of the "emi" wordmark in the logo artwork */
--emi-blush:#F0E8EA;        /* blush panel behind slide copy — reads as dark-red 10% */
--emi-ink:#000000;          /* deck body copy is true black */

/* ==========================================================================
   NUEVA PLANTILLA (2026) semantics — authoritative for slides.
   Measured from uploads/NUEVA PLANTILLA.pptx. The plantilla inverts the old
   deck logic: the SLIDE ground is blush and the CARDS are white, and body
   copy is Dark Red, not black.
   ========================================================================== */
--plantilla-ground:#F0E8EA;      /* slide background on every content slide */
--plantilla-card:#FFFFFF;        /* rounded white card / panel */
--plantilla-ink:#66182A;         /* body copy, and titles inside a white card */
--plantilla-accent:#FF1E2D;      /* eyebrow, card titles, pills, medallions, dividers */
--plantilla-page-number:#AEAFAF; /* page number, bottom-left */
--plantilla-panel-cool:#F9FAFD;  /* the near-white panel on the divider layout */

/* --- Semantic aliases --- */
--surface-page:var(--plantilla-ground);
--surface-brand:var(--emi-red);
--surface-brand-deep:var(--emi-dark-red);
--surface-tint:var(--emi-blush);
--surface-tint-cool:var(--emi-cool-grey-30);
--surface-card:var(--emi-white);
--surface-inverse:var(--emi-dark-blue);

--text-body:var(--plantilla-ink);
--text-heading:var(--emi-red);
--text-title-on-card:var(--plantilla-ink);
--text-eyebrow:var(--emi-red);
--text-on-brand:var(--emi-white);
--text-muted:var(--emi-dark-grey);
--text-caption:var(--emi-dark-grey-70);
--text-neutral-strong:var(--emi-grey-wordmark);
--text-link-inverse:var(--emi-white);

--marker-bullet:var(--emi-red);
--marker-number:var(--emi-red);

--accent-info:var(--emi-vibrant-blue);
--accent-alert:var(--emi-yellow);

--border-hairline:rgba(0,0,0,.10);
--border-on-brand:rgba(255,255,255,.35);

--link:var(--emi-red);
--link-hover:var(--emi-dark-red);
}


/* typography.css */
:root{
/* Falck is a bespoke typeface commissioned for the brand. It is the ONLY
   permitted face — no substitutes, no Google-Fonts stand-in, no Arial.
   The generic keyword is a last-resort so text never disappears; if you see
   it rendering, the OTFs in assets/fonts/ have not loaded. */
--font-display:"Falck",sans-serif;
--font-body:"Falck",sans-serif;

--weight-light:300;
--weight-regular:400;
--weight-medium:500;
--weight-bold:700;
--weight-heavy:800;

/* ==========================================================================
   NUEVA PLANTILLA scale (authoritative, 2026)
   Measured from uploads/NUEVA PLANTILLA.pptx on a 1280x720 stage.
   Point sizes converted at 1pt = 1.3333px.
   ========================================================================== */
--type-cover:117px;         /* 88pt · Falck Heavy · portada only */
--type-divider:60px;        /* 45pt · Falck Heavy · red section divider */
--type-closing:48px;        /* 36pt · Falck Heavy · closing slide */
--type-title:40px;          /* 30pt · Falck Heavy · standard slide title */
--type-title-wide:37px;     /* 28pt · Falck Heavy · title over the wide right column */
--type-panel-title:32px;    /* 24pt · Falck Heavy · title inside a big white panel */
--type-eyebrow:23px;        /* 17pt · Falck Regular, red · section label above the title */
--type-list:21.5px;         /* 16.1pt · numbered agenda item */
--type-body:20px;           /* 15pt · body copy, the workhorse size */
--type-lead-strong:21px;    /* 16pt · "Ejemplos según los síntomas:" style lead-ins */
--type-card-title:20px;     /* 15pt · Falck Bold, red · card heading */
--type-card-body:17px;      /* 13pt · card body copy */
--type-step-number:25px;    /* 19pt · Falck Bold, red · number in a step medallion */
--type-example:16px;        /* 12pt · dense two-column example lists */
--type-footnote:13px;       /* 10pt · legal / url line */
--type-page-number:11px;    /* 8pt · page number, bottom-left */

/* ==========================================================================
   Leading
   The plantilla does NOT run everything at 1.0. Titles are set solid; body
   copy breathes. Use the role that matches, do not average them.
   ========================================================================== */
--leading-cover:.8;         /* 80% — portada only, the one deliberately tight stack */
--leading-title:1;          /* 100% — every Heavy title, divider and closing line */
--leading-body:1.15;        /* 115% — body copy inside cards and columns */
--leading-body-open:1.5;    /* 150% — the airy one-line-per-rule list (acuerdos slide) */
--leading-card:1.2;         /* 120% — card body copy */

/* Paragraph and list gaps carry the vertical rhythm */
--gap-bullet:18px;
--gap-para:20px;
--gap-icon-row:52px;        /* between icon+text rows inside a white card */
--gap-list-item:22px;       /* between numbered agenda items */

--tracking-title:-0.01em;   /* cover, divider and closing only */
--tracking-body:0;

/* ==========================================================================
   Legacy Google-Slides deck scale (pre-2026 training decks).
   Kept so old material can be reproduced; do NOT use on new work.
   ========================================================================== */
--legacy-type-closing:72px;
--legacy-type-slide-title:58.67px;
--legacy-type-slide-title-sm:53.33px;
--legacy-type-subtitle:29.33px;
--legacy-type-body:24px;
--legacy-type-body-sm:21.33px;
--legacy-leading:1;

/* Back-compat aliases so the pre-2026 components and specimen cards keep
   resolving. Names shared with the plantilla scale (--type-body,
   --type-closing, --leading-body) intentionally now carry the NEW values. */
--type-slide-title:var(--legacy-type-slide-title);
--type-slide-title-sm:var(--legacy-type-slide-title-sm);
--type-subtitle:var(--legacy-type-subtitle);
--type-subtitle-sm:var(--legacy-type-subtitle);
--type-body-sm:var(--legacy-type-body-sm);
--type-caption:18.67px;
--leading-tight:1;
--leading-closing:1;
}


/* spacing.css */
:root{
/* Deck stage — unchanged: 1280x720 */
--slide-w:1280px;
--slide-h:720px;

/* ==========================================================================
   NUEVA PLANTILLA geometry (authoritative, 2026)
   Every value measured from uploads/NUEVA PLANTILLA.pptx at 1280x720.
   ========================================================================== */

/* Card-left layout (introducción, servicios, agenda) */
--pl-card-x:156px;
--pl-card-y:78px;
--pl-card-w:594px;
--pl-card-h:568px;
--pl-card-pad-x:68px;       /* copy starts at x=224 */
--pl-eyebrow-y:149px;
--pl-title-y:189px;
--pl-body-y:305px;
--pl-photo-right-x:570px;   /* photo bleeds from x=570 to the right edge, full height */

/* Photo-left + card-right layout (¿qué es?, líneas de atención) */
--pl-photo-left-x:37px;
--pl-photo-left-y:39px;
--pl-photo-left-w:460px;
--pl-photo-left-h:649px;
--pl-right-title-x:553px;
--pl-right-title-y:78px;
--pl-right-card-x:545px;
--pl-right-card-y:217px;
--pl-right-card-w:672px;
--pl-right-card-h:399px;
--pl-pill-x:575px;          /* red tab pill straddling the card's top edge */
--pl-pill-y:200px;
--pl-pill-w:327px;
--pl-pill-h:40px;

/* Photo-band + cards layout (tres formas, pasos) */
--pl-band-h:369px;          /* full-width photo band from y=0 */
--pl-cards-y:302px;
--pl-cards-x:96px;          /* first card left edge; last card ends at 1184 */
--pl-card3-w:340px;         /* 3-up */
--pl-card4-w:244px;         /* 4-up */
--pl-cards-h:319px;
--pl-medallion:65px;        /* white circle centred on the card's top edge */
--pl-medallion-offset:-31px;

/* Half-photo layouts */
--pl-half-photo-w:573px;    /* flush left, full height, square corners */
--pl-half-col-x:649px;
--pl-half-col-w:511px;

/* Red divider layout */
--pl-divider-panel-w:727px; /* red rounded panel, offset -80px left, -8px top */
--pl-divider-title-x:74px;
--pl-divider-title-y:208px;
--pl-divider-title-w:366px;
--pl-divider-photo-x:278px;

/* Repeating furniture */
--pl-logo-w:101px;          /* white lockup, sits ON the photo, bottom-right */
--pl-logo-h:54px;
--pl-logo-x:1119px;
--pl-logo-y:642px;
--pl-logo-cover-w:202px;    /* cover + closing use the large lockup */
--pl-logo-cover-h:103px;
--pl-logo-cover-x:1025px;
--pl-logo-cover-y:572px;
--pl-page-number-x:60px;
--pl-page-number-bottom:22px;

/* Radii — the plantilla is a ROUNDED system, unlike the legacy decks */
--radius-card:35px;         /* the big 594x568 copy card */
--radius-card-sm:20px;      /* 3-up / 4-up service and step cards */
--radius-panel:28px;        /* the wide white panels on the benefit layout */
--radius-photo:24px;        /* inset photographs */
--radius-photo-cover:16px;  /* the cover photo */
--radius-divider:56px;      /* the red divider panel */
--radius-pill:999px;
--radius-none:0px;          /* flush-bleed photos keep square corners */

/* Icon + medallion sizes */
--pl-icon-bullet:48px;      /* red circle holding a white 24px icon */
--pl-icon-bullet-glyph:24px;
--pl-icon-medallion-glyph:35px;
--pl-number-chip:25px;      /* small blush circle in the numbered agenda */

/* Generic scale */
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:84px;

--shadow-none:none;         /* still no elevation system */

/* ==========================================================================
   Legacy Google-Slides deck geometry (pre-2026). Reproduce old decks only.
   ========================================================================== */
--legacy-slide-margin-x:84px;
--legacy-slide-margin-top:70px;
--legacy-slide-marker-col:96px;
--legacy-slide-body-col:128px;
--legacy-slide-body-top:353px;
--legacy-slide-text-w:560px;
--legacy-photo-w:523px;
--legacy-photo-h:568px;
--legacy-photo-inset:57px;
--legacy-tint-w:645px;
--legacy-tint-top:309px;
--legacy-logo-w:190px;
--legacy-logo-right:37px;
--legacy-logo-bottom:24px;

/* Back-compat aliases for the pre-2026 components and specimen cards */
--slide-margin-x:var(--legacy-slide-margin-x);
--slide-margin-top:var(--legacy-slide-margin-top);
--slide-marker-col:var(--legacy-slide-marker-col);
--slide-body-col:var(--legacy-slide-body-col);
--slide-body-top:var(--legacy-slide-body-top);
--slide-text-w:var(--legacy-slide-text-w);
--photo-w:var(--legacy-photo-w);
--photo-h:var(--legacy-photo-h);
--photo-inset:var(--legacy-photo-inset);
--tint-w:var(--legacy-tint-w);
--tint-top:var(--legacy-tint-top);
--logo-w:var(--legacy-logo-w);
--logo-w-cover:210px;
--logo-right:var(--legacy-logo-right);
--logo-bottom:var(--legacy-logo-bottom);
--radius-sm:4px;
--shadow-photo:0 1px 2px rgba(0,0,0,.08);
}


/* base.css */
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-wrap:pretty}
a{color:var(--link);text-decoration:none;border-bottom:1px solid currentColor}
a:hover{color:var(--link-hover)}
a:active{opacity:.8}
strong,b{font-weight:var(--weight-bold)}


/* Página */
html, body { margin: 0; background: #E4DCDE; font-family: "Falck", sans-serif; color: #66182A; }
    a { color: #FF1E2D; text-decoration: none; }
    a:hover { color: #D6131B; }
    button { font-family: "Falck", sans-serif; }
    ::-webkit-scrollbar { width: 0; height: 0; }