/* Base legible y táctil; ampliaciones de composición para pantallas grandes. */
body{font-size:18px;line-height:1.6}
:root{--muted:#52647a}
.btn,.nav>.btn,.itinerary .btn,.day-tab{font-size:16px;line-height:1.4;min-height:52px;white-space:normal}
.btn:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,button:focus-visible{outline-color:#213e73;outline-offset:4px}
.wrap{width:calc(100% - 32px)}
.links{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
.links a{font-size:16px;line-height:1.4;min-height:48px;padding:8px;border-radius:8px;background:var(--wash)}
.nav{height:auto;flex-wrap:wrap;gap:16px;padding:16px 0}.nav>.btn{padding:12px 16px}.nav-logo{width:88px}
.hero{padding:28px 0 36px}.hero-logo{width:min(300px,100%);margin:18px 0}.hero-copy{font-size:20px;line-height:1.5}
.hero .eyebrow,.eyebrow{font-size:13px;letter-spacing:1px}
.hero-ctas{display:grid;gap:12px}.hero-ctas .btn{width:100%}.hero-meta{gap:16px}.meta-item strong{font-size:18px;white-space:normal}.meta-item small{font-size:16px}
.demo-strip{font-size:13px;line-height:1.5;letter-spacing:.3px}.demo-strip span{display:block;margin:4px 0 0}
.hero-note,.form-hint,.test-warning,.session-note,.secure-note,.preview-note,.credential-label,.ticket-person,.ticket-middle small,.footer-bottom,.orgs small{font-size:15px;line-height:1.6;letter-spacing:normal}
.subtitle,.how-card p,.fact span,.plenary p,.session-details small,.itinerary-head p,.itinerary-day p,.itinerary-foot,.location p,.faq-intro p,.faq-list details p,.closing-inner p,.modal-box p{font-size:17px;line-height:1.6}
.fact strong,.how-card h3,.plenary h3,.session-details strong,.field label,.faq-list summary,.orgs strong{font-size:18px;line-height:1.5}
.how-card p{max-width:none}.how-card{padding:24px}.section{padding:40px 0}.section-title{font-size:32px;letter-spacing:-.6px}
.day-tabs{gap:12px}.day-tab{flex:1;padding:14px 10px}.session{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px;text-align:left}.session[aria-pressed=true]{padding:17px;border-color:var(--navy)}
.session-code{width:40px;height:40px;font-size:18px}.session-status{grid-column:2;font-size:16px;margin:0;color:#52647a}.session[aria-pressed=true] .session-status{color:var(--navy)}.radio{width:24px;height:24px;flex-shrink:0}.session[aria-pressed=true] .radio{background:var(--navy);border-color:var(--navy)}
.block-title,.block-title strong{font-size:16px;line-height:1.5}.block-title{display:block}.block-title>span{display:block;margin-top:4px}.included,.demo-badge{font-size:14px;white-space:normal}.included{margin-left:0}.plenary{padding:18px;flex-wrap:wrap}
.itinerary-day strong{font-size:16px}.itinerary-head small{font-size:14px;opacity:1}.itinerary-head p,.closing-inner p{opacity:1}.itinerary-body{padding:22px}
.steps{align-items:flex-start;gap:12px}.step{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:14px;line-height:1.4;white-space:normal;color:#52647a}.step span{width:30px;height:30px}.step-line{display:none}.step.done{color:#46671e}
.field input{font-size:18px;min-height:56px;border-color:#7d8da0}.form-fields{gap:24px}.field label span{display:block;font-size:15px}.form-card{padding:20px}.field-error{color:#9a2424;font-size:16px;margin:8px 0 0;line-height:1.5}.field-error:empty{display:none}.field input[aria-invalid=true]{border:2px solid #9a2424}
.credential{transform:none;max-width:100%;width:320px}.ticket-middle small{font-size:14px}.ticket-bottom{font-size:13px;gap:16px;flex-wrap:wrap}.credential-label{font-weight:700}.ticket-name{font-size:24px}
.location-right small,.location-right span{font-size:15px}.faq-list summary{min-height:56px;align-items:center}.faq-list details p{padding-right:0}.closing-inner{padding:24px}.closing-inner .btn{width:100%}.footer-bottom span{display:block;margin-bottom:12px}
@media(min-width:901px){.wrap{width:min(1216px,calc(100% - 64px))}.links{display:flex;width:auto;gap:12px}.links a{background:none}.nav{gap:20px}.nav-logo{width:111px}.hero{padding:56px 0}.hero-logo{width:405px}.hero-ctas{display:flex;flex-wrap:wrap}.hero-ctas .btn{width:auto}.section{padding:64px 0}.section-title{font-size:41px}.closing-inner .btn{width:auto;flex-shrink:0}.session{grid-template-columns:40px minmax(0,1fr)}.registration-grid{grid-template-columns:minmax(0,1fr) 340px;gap:40px}.demo-strip span{display:inline;margin-left:16px}}

/* Composición fluida: móvil, tablet y escritorio sin cortes forzados. */
h1,h2,h3,.section-title,.hero-copy,.facts-title,.faq-list summary,.credential-label,.session-details strong{word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
p,.subtitle,.session-details small,.hero-note,.test-warning,.secure-note,.footer-bottom{text-wrap:pretty}
.section-title{font-size:clamp(1.75rem,3.2vw,2.5625rem);line-height:1.2;max-width:24ch}
.hero-copy{max-width:32ch}.faq-intro h2{font-size:clamp(1.75rem,3.2vw,2.2rem)}
.eyebrow{line-height:1.5;text-wrap:balance;letter-spacing:.07em}.eyebrow:before{flex-shrink:0}
.hero-grid>*,.facts-grid>*,.how>*,.agenda-grid>*,.registration-grid>*,.faq-grid>*,.location-row>*,.field{min-width:0}
.session-details{overflow-wrap:normal}.session-details strong{margin-bottom:4px}.session-details small{display:block}
.btn{gap:12px;text-wrap:balance}.btn .arrow{flex-shrink:0}.day-tab{padding-inline:8px;text-wrap:balance}
.itinerary{width:100%;max-width:none}.credential-label{max-width:28ch;margin:0 auto 18px}.ticket-bottom{justify-content:center;text-align:center}.ticket-bottom span{white-space:nowrap}
.links a{text-wrap:balance}.meta-item{min-width:0}.facts-title{max-width:20ch}.orgs{flex-wrap:wrap}.footer-bottom{flex-wrap:wrap}.footer-bottom>span{flex:1 1 300px}
@media(max-width:599px){.nav{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px 12px}.nav>.btn{font-size:16px;padding:12px;gap:8px}.links{grid-column:1/-1;order:3}.hero-ctas .btn{min-width:0}.session{grid-template-columns:32px minmax(0,1fr);gap:12px}.session-code{width:32px;min-width:32px;height:36px}.session-details strong{font-size:18px}.session-details small{font-size:16px}.form-card{padding:18px}.steps{gap:8px}.step{font-size:14px}.step:last-child{flex:1.15}.location-right{gap:16px}.location-right strong{font-size:17px}.modal-box{padding:24px 20px}.closing-inner h2{font-size:26px;text-wrap:balance}.hero-note{max-width:36ch}}
@media(min-width:600px) and (max-width:1100px){.wrap{width:calc(100% - 64px);max-width:920px}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero-logo{width:360px;max-width:100%}.hero-meta{flex-direction:row;flex-wrap:wrap;gap:24px}.hero-ctas{display:flex}.hero-ctas .btn{width:auto}.links{display:flex;flex-wrap:wrap;order:3;flex-basis:100%;gap:12px}.links a{flex:1;justify-content:center}.facts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.facts-title{display:none}.fact{padding:0;border:0;align-items:flex-start;gap:12px}.how{grid-template-columns:1fr;gap:16px}.how-card{min-height:0}.agenda-grid{grid-template-columns:1fr;gap:28px}.itinerary-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}.itinerary-day{margin-bottom:0}.itinerary-foot,.itinerary .btn,.secure-note{grid-column:1/-1;margin-top:0}.registration-grid{grid-template-columns:minmax(0,1fr);gap:36px}.form-fields{grid-template-columns:1fr 1fr}.field.full{grid-column:1/-1}.credential-column{max-width:380px;width:100%;margin-inline:auto}.location-row,.faq-grid{grid-template-columns:1fr;gap:28px}.location-right{border:0;padding-left:0}.closing-inner{flex-direction:column;align-items:flex-start}.footer-top{align-items:flex-start;flex-direction:column}}
@media(min-width:1101px){.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:40px}.hero-meta{flex-wrap:wrap}.agenda-grid{grid-template-columns:minmax(0,1fr) 360px}.links{order:initial;flex-basis:auto}.links a{padding-inline:4px}.session{grid-template-columns:40px minmax(0,1fr) auto}.session-status{grid-column:3;grid-row:1}.facts-grid{gap:20px}.fact{padding-left:20px;gap:12px}.registration-grid{grid-template-columns:minmax(0,1fr) 340px}.how-card h3{min-height:0}}

/* Marcas suministradas: proporción original y fondo para versiones blancas. */
.footer-top{align-items:flex-start;flex-direction:column}.brand-credits{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;width:100%}.brand-credit{min-width:0}.brand-image{display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;min-height:160px;padding:16px 0;margin-bottom:16px}.brand-image img{display:block;max-width:100%;width:auto;height:auto;max-height:128px;object-fit:contain}.brand-image .tere-logo{width:210px;max-height:128px}.brand-credit strong{text-wrap:balance}.brand-credit small{display:block}
@media(min-width:700px){.brand-credits{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.brand-image{height:176px;padding:16px 8px}}

/* Créditos compactos: texto a la izquierda y marca a la derecha. */
.brand-credits{gap:24px}
.brand-credit{display:grid;grid-template-columns:minmax(0,1fr) 104px;column-gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:20px}
.brand-credit .brand-image{grid-column:2;grid-row:1 / span 2;min-height:0;height:64px;width:104px;padding:0;margin:0}
.brand-credit>strong{grid-column:1;grid-row:1;font-size:16px;line-height:1.4;margin:0 0 6px}
.brand-credit>small{grid-column:1;grid-row:2;font-size:14px;line-height:1.5}
.brand-image img{max-width:104px;max-height:58px;width:auto;height:auto;object-fit:contain}
.brand-image .tere-logo{width:auto;max-width:82px;max-height:49px}
@media(min-width:700px) and (max-width:1100px){.brand-credits{grid-template-columns:1fr}.brand-credit{grid-template-columns:minmax(0,1fr) 104px}}
@media(min-width:1101px){.brand-credits{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Iconografía Lucide local: decorativa, siempre acompañada por texto. */
.icon{display:inline-block;width:24px;height:24px;flex:0 0 24px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;vertical-align:middle}
.icon-calendar-days{--icon:url("../icons/lucide/calendar-days.svg")}
.icon-clock{--icon:url("../icons/lucide/clock.svg")}
.icon-map-pin{--icon:url("../icons/lucide/map-pin.svg")}
.icon-qr-code{--icon:url("../icons/lucide/qr-code.svg")}
.icon-users{--icon:url("../icons/lucide/users.svg")}
.icon-list-checks{--icon:url("../icons/lucide/list-checks.svg")}
.icon-contact-round{--icon:url("../icons/lucide/contact-round.svg")}
.icon-check{--icon:url("../icons/lucide/check.svg")}
.icon-info{--icon:url("../icons/lucide/info.svg")}
.icon-arrow-right{--icon:url("../icons/lucide/arrow-right.svg")}
.icon-arrow-up-right{--icon:url("../icons/lucide/arrow-up-right.svg")}
.icon-arrow-down{--icon:url("../icons/lucide/arrow-down.svg")}
.icon-ticket{--icon:url("../icons/lucide/ticket.svg")}
.icon-calendar-check{--icon:url("../icons/lucide/calendar-check.svg")}

.meta-icon{display:flex;align-items:center;top:3px;color:var(--navy)}.fact-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;background:#eaf6fc;border-radius:12px;color:var(--navy)}
.fact-icon .icon{width:26px;height:26px}.session-icon{color:var(--navy)}.arrow{display:inline-flex;line-height:1}.arrow .icon{width:20px;height:20px;flex-basis:20px}.check .icon,.radio .icon,.step .icon{width:16px;height:16px;flex-basis:16px}
.how-visual{display:flex;align-items:center;gap:14px;margin-bottom:20px}.how-graphic{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:#eaf6fc;color:var(--navy)}.how-graphic .icon{width:32px;height:32px}.how-num{margin:0}.how-card:nth-child(2) .how-graphic{background:#eff7e4}.how-card:nth-child(3) .how-graphic{background:#fcf5db}
.icon-heading{display:flex;align-items:center;gap:12px}.icon-heading .icon{flex-shrink:0}.session-details .session-schedule{display:flex;align-items:flex-start;gap:8px}.session-schedule .icon{width:18px;height:18px;flex-basis:18px;margin-top:4px}.credential-label>.icon{margin-right:6px}.test-warning>.icon{width:20px;height:20px}.modal-check .icon{width:28px;height:28px}

/* Ajuste de posición solicitado: acercar las marcas a sus títulos. */
.brand-credit{column-gap:20px}
.brand-credit .brand-image{position:relative;left:-12px}

/* Patrón suministrado: capa decorativa suave, sin interferir con interacción. */
.hero,#registro{position:relative;isolation:isolate}
.hero::before,#registro::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("../images/suma-pattern.png");background-repeat:no-repeat;background-size:auto 100%;background-position:center bottom;opacity:.075}
.hero::before{background-position:62% bottom;opacity:.12}
.form-card{background:#fff}.credential{background:#fff}
@media(min-width:901px){.hero::before,#registro::before{background-size:cover;background-position:center bottom}}

/* Marca de Salud junto a la acción principal. */
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.header-health-logo{display:block;width:104px;height:auto;flex-shrink:0;object-fit:contain}
.header-actions .btn{font-size:16px;min-height:52px;padding:14px 18px;gap:10px}
@media(max-width:599px){.nav{grid-template-columns:1fr}.nav>a{justify-self:start}.header-actions{grid-column:1;grid-row:2;justify-content:space-between;width:100%;gap:12px}.header-actions .btn{flex:1;padding:14px 12px}.header-health-logo{width:90px}.links{grid-column:1;grid-row:3}}
@media(min-width:600px) and (max-width:1279px){.nav{display:flex;flex-wrap:wrap}.header-actions{margin-left:auto}.links{order:3;flex-basis:100%;justify-content:space-between}}
@media(min-width:1280px){.nav{gap:16px}.links{gap:8px}.links a{font-size:15px}.header-actions{gap:14px}}

/* Separador entre registro y marca, con espacio a ambos lados. */
.header-actions{gap:18px}.header-divider{display:block;width:1px;height:36px;background:#b8c5d3;flex:0 0 1px}
@media(max-width:599px){.header-actions{gap:12px}.header-health-logo{width:82px}.header-actions .btn{padding-inline:10px}}

#demo-fields{border:0;padding:0;margin:0;min-width:0}#demo-fields:disabled{opacity:.6}

/* Mensaje institucional del hero (texto de la agencia, 14 oct 2026). */
.hero-copy{max-width:40ch;margin:0 0 24px}.hero-copy p{margin:0 0 14px;font-size:18px;line-height:1.6;color:#3f5068}.hero-copy p strong{color:var(--ink)}.hero-copy p:last-child{margin-bottom:0}

/* Vista previa del boleto móvil real de Boletera (ilustrativa). */
.ticket-demo{width:100%;max-width:340px;margin:0 auto;background:#fff;border:1px solid #d6dee6;border-radius:22px;box-shadow:0 18px 44px #17334c14;padding:14px 16px 18px;text-align:center;color:#1b2430}
.td-top{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 12px;border-bottom:2px dashed #e3e8ee}.td-brand{display:block;height:32px;width:auto;max-width:60%;object-fit:contain}.td-rsvp{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#222}.td-rsvp i{width:22px;height:22px;border:3px solid #222;border-radius:50%}
.td-tabs{display:flex;margin:14px 0 12px;border:1px solid #777;border-radius:8px;overflow:hidden;font-size:16px}.td-tabs span{flex:1;padding:10px 0;color:#444;background:#fff}.td-tabs span.is-active{background:#6a6a6a;color:#fff;font-weight:600}
.td-art{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #e3e8ee}
.td-qr{display:block;width:150px;height:150px;margin:14px auto 10px}
.td-type{margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.35;color:#333}
.td-row{margin:2px 0;font-size:15px;color:#222}.td-row span{display:block;font-size:13px;color:#444}.td-row strong{font-size:16px}.td-price strong{font-weight:500}
.td-event{margin:12px 0 10px;font-size:14px;line-height:1.5;color:#222}.td-event strong{font-size:16px}
.td-wallet{display:flex;flex-direction:column;gap:8px;align-items:center;margin:4px 0 10px}.td-wallet span{display:inline-block;background:#111;color:#fff;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600;min-width:200px}
.td-note{margin:4px 0 0;font-size:12px;letter-spacing:1.5px;color:#7a5a07;font-weight:700}
@media(min-width:901px){.ticket-demo{max-width:320px}}

/* Marco de teléfono para la vista previa del boleto. */
.ticket-phone{width:100%;max-width:360px;margin:0 auto;background:#1f2430;border-radius:34px;padding:14px 10px 12px;box-shadow:0 24px 60px #17334c33}
.ticket-phone .ticket-demo{max-width:none;border-radius:24px;box-shadow:none;border:0;padding:16px 16px 18px}
.td-link{margin:0 0 12px;font-size:15px;color:#1a6fd8;font-weight:500}
.td-wallet{gap:8px;margin:0}.td-wallet span{display:inline-flex;align-items:center;gap:10px;justify-content:center}.td-wallet span i{width:22px;height:16px;border-radius:4px;background:linear-gradient(135deg,#f7b733,#e5484d 40%,#3b82f6 75%,#22c55e);flex-shrink:0}
.td-wallet em{display:inline-block;font-style:normal;background:#e9ecf0;color:#1b2430;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600;min-width:200px;margin-top:4px}
.td-note{margin:12px 0 0;color:#ffe8a3;letter-spacing:1.5px;font-size:12px;font-weight:700}
@media(min-width:901px){.ticket-phone{max-width:340px}}

/* Rediseño del 14 oct 2026 (revisiones del cliente): landing informativa, programa en filas horizontales,
   sin pretítulos, sin selectores ni desplegables, un solo botón de registro (box office embebido de Boletera). */
.links{grid-template-columns:repeat(3,1fr)}.links a{justify-content:center;text-align:center}
.header-actions{margin-left:auto}
.hero-ctas .btn{justify-content:space-between}
.section-heading{align-items:flex-start}
.program-days{display:flex;flex-direction:column;gap:28px}
.day{min-width:0}
.day-title{margin:0 0 14px;font-size:24px;line-height:1.3;color:var(--navy);padding:14px 18px;background:#eef6fb;border-left:6px solid var(--navy);border-radius:10px;text-wrap:balance}
.prog-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;margin:0 0 10px;min-width:0}
.prog-row.is-light{background:var(--wash);border-style:dashed}
.prog-time{font-size:16px;font-weight:700;color:var(--navy);letter-spacing:.2px}
.prog-body{min-width:0}.prog-title{margin:0;font-size:19px;line-height:1.4;text-wrap:pretty}
.prog-row.is-light .prog-title{font-weight:600;font-size:18px}
.prog-meta{margin:4px 0 0;font-size:16px;line-height:1.5;color:#52647a}.prog-meta strong{color:var(--ink)}
.prog-desc{margin:8px 0 0;font-size:16px;line-height:1.6;color:#3f5068}
.prog-tag{justify-self:start;font-size:15px;font-weight:700;color:#2f5d2a;background:#e9f5e1;border-radius:100px;padding:5px 10px;margin-top:6px;white-space:normal}
.block{margin:0 0 14px;padding:16px;border:2px solid #c9dff0;border-radius:16px;background:#eef6fb;min-width:0}
.block-title{margin:0 0 14px}
.block-title h4{margin:0;font-size:19px;line-height:1.4;color:var(--navy)}
.block-title p{margin:4px 0 0;font-size:16px;line-height:1.5;color:#3f5068}
.option{background:#fff;border:2px solid var(--line);border-radius:14px;padding:16px;margin:0 0 12px;min-width:0}
.option:last-child{margin-bottom:0}
.option-room{display:inline-block;font-size:15px;font-weight:700;color:var(--navy);background:#eaf6fc;padding:5px 10px;border-radius:100px;line-height:1.4}
.option-title{margin:8px 0 4px;font-size:19px;font-weight:700;line-height:1.4;color:var(--ink);text-wrap:pretty}
.option-label{margin:6px 0 2px;font-size:15px;font-weight:700;color:#52647a}
.option-topics{margin:0;padding-left:20px;font-size:16px;line-height:1.5;color:#3f5068}.option-topics li{margin:2px 0}
.option-meta{margin:6px 0 0;font-size:16px;line-height:1.5;color:#52647a}.option-meta strong{color:var(--ink)}
.option-desc{margin:8px 0 0;font-size:16px;line-height:1.6;color:#3f5068}
.option-ref{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:15px;line-height:1.5;color:#52647a;overflow-wrap:anywhere}.option-ref strong{color:var(--ink)}
.register-steps{margin:0 0 22px;padding-left:26px;font-size:18px;line-height:1.6;color:#3f5068}.register-steps li{margin:0 0 12px;padding-left:4px}
.register-card .btn{width:100%;justify-content:space-between;min-height:60px;font-size:18px}
.register-card .btn[aria-busy=true]{opacity:.7;pointer-events:none}
.register-status{margin:12px 0 0;font-size:16px;line-height:1.5;color:#2f5d2a;min-height:0}.register-status:empty{display:none}
.register-card .test-warning{margin-top:16px}
.faq-list{display:grid;gap:12px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.faq-item h3{margin:0 0 6px;font-size:18px;line-height:1.4;color:var(--navy)}
.faq-item p{margin:0;font-size:17px;line-height:1.6;color:#3f5068}
@media(min-width:760px){.prog-row{grid-template-columns:150px minmax(0,1fr) auto;align-items:start;column-gap:16px}.prog-tag{justify-self:end;margin-top:0}.block{padding:20px}.option{padding:18px 20px}}
@media(min-width:901px){.links{display:flex}.links a{text-align:left}.day-title{font-size:26px}.option-title,.prog-title{font-size:20px}}