/* Cabecera, acceso al proceso y lectura en los cinco idiomas. */
:root{--header-height:76px}
header.main .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:24px;min-height:76px}
header.main .menu{justify-self:end;gap:25px}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.header-actions>.btn{font-size:.91rem;white-space:nowrap;padding:.7em 1.25em}
.lang-picker{position:relative;color:var(--ink);font-size:.85rem;border:0;padding:0;margin:0}
.lang-picker summary:after{display:none}
.lang-picker summary{display:flex;align-items:center;gap:7px;cursor:pointer;border:1px solid var(--line);border-radius:25px;padding:10px 11px;list-style:none;min-height:42px;font-weight:600}
.lang-picker summary::-webkit-details-marker{display:none}
.lang-picker summary svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
.lang-picker img{display:block;width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #00000014}
.lang-picker[open] summary{border-color:var(--teal);background:var(--teal-soft)}
.lang-picker .langs{position:absolute;right:0;top:calc(100% + 10px);display:grid;gap:3px;width:182px;background:var(--surface);padding:8px;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px #16262c24;z-index:90}
.lang-picker .langs button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:none;color:var(--ink);border:0;border-radius:8px;font:inherit;letter-spacing:normal;text-align:left;cursor:pointer}
.lang-picker .langs button:hover,.lang-picker .langs button[aria-pressed="true"]{background:var(--teal-soft);color:var(--ink)}
.lang-picker summary:focus-visible,.lang-picker button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.fam-nav{top:calc(env(safe-area-inset-top,0px) + var(--header-height))}
html{scroll-padding-top:calc(var(--header-height) + 24px)}
.factory-teaser .ft-grid>img{height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:20px}
.home-process{background:var(--deep);color:var(--deep-fg);position:relative}
.process-preview{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.process-preview-copy .kicker{color:#8cd5cd}
.process-preview-copy h2{margin:14px 0 22px;font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.15}
.process-preview-copy p{color:#d3dfde;line-height:1.8;margin-bottom:28px}
.process-preview-copy .btn{display:inline-flex;gap:12px;align-items:center;background:#238b82;color:#fff}
.process-preview-copy .btn svg{width:18px;height:18px}
.process-preview-film{display:block;padding:10px;border:1px solid #ffffff30;border-radius:22px;text-decoration:none;background:#ffffff08;box-shadow:0 22px 60px #0003;color:inherit}
.preview-main{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:16/10;background:#0d1c21}
.preview-main>img{width:100%;height:100%;object-fit:cover}
.preview-main:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#081b20bd);pointer-events:none}
.preview-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;background:#143e3b9e;backdrop-filter:blur(6px);padding-left:4px;font-size:20px;transition:background .2s}
.process-preview-film:hover .preview-play{background:var(--teal)}
.preview-caption{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;gap:16px;align-items:center;z-index:1;font-size:.9rem}
.preview-caption b{font-weight:500;letter-spacing:.12em;font-size:.75rem}
.preview-stills{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.preview-stills>div{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/7;background:#0d1c21}
.preview-stills img{height:100%;width:100%;object-fit:cover;opacity:.8}
.preview-stills span{position:absolute;bottom:0;left:0;right:0;padding:18px 14px 10px;font-size:.8rem;background:linear-gradient(transparent,#081b20d9)}
.home-contact p,.process-preview-copy p,.split p,.page-head p{overflow-wrap:break-word}
.fam-info .label dl{min-width:0}
.fam-info .label dd{overflow-wrap:anywhere}
@media(min-width:861px) and (max-width:1080px){header.main .wrap{gap:16px}header.main .menu{gap:18px}.header-actions{gap:8px}header.main .menu a{font-size:.9rem}.header-actions>.btn{font-size:.83rem;padding:.7em 1em}.logo .mark{width:30px}.logo b{font-size:1.4rem}}
@media(max-width:860px){
 header.main .wrap{grid-template-columns:1fr auto;gap:8px 16px;padding-block:10px;min-height:0}
 header.main>.wrap>.logo{grid-column:1;grid-row:1;justify-self:start}
 header.main .burger{grid-column:2;grid-row:1;justify-self:end}
 header.main .header-actions{grid-column:1/-1;grid-row:2;justify-content:center;gap:12px;padding-top:4px}
 .header-actions>.btn{min-height:42px;font-size:.86rem;padding:.6em 1.4em}
 .lang-picker summary{padding:9px 11px;min-height:42px}
 header.main .menu{justify-self:stretch;gap:26px}
 .process-preview{grid-template-columns:1fr;gap:32px}
 .process-preview-copy{max-width:620px;margin-inline:auto;text-align:center}
 .process-preview-copy p{text-align:justify;hyphens:auto}
 .process-preview-film{max-width:620px;width:100%;margin-inline:auto}
 .fam-info .label dl{grid-template-columns:auto minmax(0,1fr);gap:8px 18px}
}
@media(max-width:760px){
 :root{--gl:max(22px,env(safe-area-inset-left,0px));--gr:max(22px,env(safe-area-inset-right,0px))}
 h1,h2,.head-c,.kicker{text-align:center}
 .kicker{display:block}
 .hv-in{text-align:center}
 .hv-mark{margin-inline:auto}
 .hv-in .ctas{justify-content:center}
 main p,main .lead,.contact-page p{text-align:justify;text-justify:inter-word;hyphens:auto;line-height:1.7}
 .page-head .wrap{padding-block:36px 32px}
 .contact-head{padding:0}
 .page-head h1{font-size:clamp(2rem,8.5vw,2.8rem)}
 .factory-teaser .ft-grid{gap:28px;text-align:center}
 .factory-teaser .ft-grid>img{max-width:480px;margin:auto}
 .fam-info h2,.fam-info .sci{text-align:center}
 .fam-nav .wrap{justify-content:center;gap:6px;padding-block:10px}
 .fam-nav .wrap{scrollbar-width:none}
 .fam-nav .wrap::-webkit-scrollbar{display:none}
 .fam-nav a{font-size:.8rem;padding:.55em .85em}
 .pbody h3{text-align:center;font-size:1rem;line-height:1.35;overflow-wrap:anywhere}
 .pbody .meta{justify-content:center;text-align:center;font-size:.8rem;gap:8px}
 .home-contact .wrap>div:first-child{text-align:center}
 .contact-path strong{display:block;text-align:center}
 .contact-path>div>span{display:block;margin-inline:auto;text-align:center}
 .contact-support .c-item{flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
 .contact-support .c-item>div{align-items:center;text-align:center}
 footer .f-grid{grid-template-columns:1fr;text-align:center;gap:30px}
 footer .f-grid>div,footer ul,footer li,footer .legal span{text-align:center}
 footer .logo{justify-content:center}
 footer p{text-align:center;max-width:34ch;margin-inline:auto}
 footer .legal{justify-content:center;text-align:center;gap:12px;flex-direction:column}
 .flow-progress button{font-size:.78rem}
 .flow-stage h2,.flow-success h2{font-size:1.6rem;text-align:center}
 .flow-summary>div{align-items:center;text-align:center}
 .flow-summary>div span{text-align:center}
 .flow-stage .field-note,.whatsapp-alternative{text-align:center}
 .whatsapp-alternative{align-items:center;justify-content:center}
 .flow-field>span,.flow-consent span{text-align:left}
 .business-option>span:not(.choice-icon):not(.choice-check){text-align:center}
 .process-detail h3{text-align:center}
 .process-detail p{text-align:justify}
 .process-note,.process-intro{text-align:justify}
 .process-preview-copy h2{font-size:2.1rem}
 .preview-main{aspect-ratio:16/10}
}
@media(max-width:380px){
 .fam-nav a{font-size:.7rem;padding:.55em .6em}
 .fam-nav .wrap{gap:4px}
 .family-steps{flex-wrap:wrap;justify-content:center}
 .lang-picker .langs{right:-8px}
 .preview-caption{left:12px;right:12px;font-size:.78rem}
}