/* ── HEADER (patrón Progress Rail: logo + buscador arriba, menús abajo) ── */
.hdr{position:sticky;top:0;z-index:100;background:#172029;color:#fff}
.hdr-in{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;gap:clamp(16px,2.4vw,36px)}
.hdr-top .hdr-in{height:100px}
.hdr .brand{flex:none;display:inline-flex;align-items:center;transition:opacity .18s}
.hdr .brand:hover{opacity:.85}
.hdr .brand-logo{height:84px;width:auto;display:block}
.srch{position:relative;flex:1 1 auto;display:flex;min-width:0;margin:0}
.srch input{flex:1 1 auto;min-width:0;height:46px;border:0;border-radius:3px 0 0 3px;padding:0 16px;font:400 15px/1 var(--f);color:#172029;background:#fff;outline:none;-webkit-appearance:none;appearance:none}
.srch input::placeholder{color:#8A8A8A}
.srch input::-webkit-search-cancel-button{-webkit-appearance:none}
.srch button{flex:none;width:54px;height:46px;border:0;border-radius:0 3px 3px 0;background:#BC8D33;color:#172029;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:filter .2s}
.srch button:hover{filter:brightness(1.08)}
.srch button svg{width:20px;height:20px}
.srch-res{position:absolute;left:0;right:0;top:100%;margin-top:6px;background:#fff;color:#172029;border-radius:4px;box-shadow:0 24px 60px rgba(0,0,0,.35);z-index:5;max-height:min(70vh,520px);overflow-y:auto}
.srch-res a{display:block;padding:11px 16px;border-top:1px solid #E1E1E1}
.srch-res a:first-child{border-top:0}
.srch-res a:hover,.srch-res a.sel{background:#F2F2F2}
.srch-res b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.srch-res span{display:block;font-size:12.5px;color:#5C5B5B;font-weight:300;margin-top:2px;line-height:1.45}
.srch-res em{font-style:normal;font-size:11px;font-weight:600;color:#8A8A8A;margin-left:6px}
.srch-res .none{padding:14px 16px;font-size:13.5px;color:#5C5B5B;line-height:1.5}
.srch-res .none a{display:inline;padding:0;border:0;color:#172029;font-weight:600;text-decoration:underline}
.pill-g{flex:none;display:inline-flex;align-items:center;background:#BC8D33;color:#172029;border-radius:999px;padding:14px 28px;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;transition:transform .2s}
.pill-g:hover{transform:translateY(-2px)}
.hdr-bot{border-top:1px solid rgba(255,255,255,.08)}
.menu{height:52px;gap:0}
.mi{position:relative;height:100%}
.mi>button,.menu .ml{height:100%;display:inline-flex;align-items:center;gap:8px;padding:0 clamp(12px,1.5vw,22px);background:none;border:0;color:#fff;font:600 14.5px/1 var(--f);cursor:pointer;letter-spacing:.01em;white-space:nowrap;transition:color .15s}
.mi:first-child>button{padding-left:0}
.mi>button i{font-style:normal;font-size:10px;transition:transform .2s;opacity:.85}
.mi.open>button i{transform:rotate(180deg)}
.mi>button:hover,.menu .ml:hover,.mi.open>button{color:#E6D5B4}
.dd{position:absolute;left:0;top:100%;min-width:300px;background:#fff;color:#172029;border-radius:0 0 4px 4px;box-shadow:0 24px 60px rgba(0,0,0,.28);padding:8px 0;display:none;z-index:6}
.mi:first-child .dd{left:calc(-1 * clamp(12px,1.5vw,22px))}
.mi.open .dd{display:block}
.dd a{display:block;padding:11px 20px;font-size:14px;font-weight:500;border-left:3px solid transparent;transition:background .15s,border-color .15s;line-height:1.35}
.dd a:hover{background:#F2F2F2;border-left-color:#BC8D33}
.dd a small{display:block;font-size:12px;color:#5C5B5B;font-weight:300;margin-top:1px}
.menu .sp{flex:1}
.menu .tel{font-weight:500;opacity:.92;padding-right:0}
.burger{display:none}
@media(max-width:900px){
  .hdr-top .hdr-in{height:auto;flex-wrap:wrap;gap:10px 12px;padding-top:10px;padding-bottom:12px}
  .hdr .brand-logo{height:60px}
  .pill-g{display:none}
  .brand{order:1}.burger{order:2}.srch{order:3;flex-basis:100%;display:none}
  .srch input{height:42px}.srch button{height:42px;width:50px}
  .burger{display:inline-flex;margin-left:auto;width:44px;height:44px;border:0;background:none;color:#fff;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0}
  .burger span,.burger::before,.burger::after{content:"";display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
  .burger[aria-expanded="true"] span{opacity:0}
  .burger[aria-expanded="true"]::before{transform:translateY(7px) rotate(45deg)}
  .burger[aria-expanded="true"]::after{transform:translateY(-7px) rotate(-45deg)}
  .hdr-bot{display:none}
  .hdr.menu-open .srch{display:flex}
  .hdr.menu-open .hdr-bot{display:block;max-height:calc(100vh - 150px);overflow-y:auto}
  .menu{height:auto;flex-direction:column;align-items:stretch;padding:6px 0 14px;gap:0}
  .mi{height:auto}
  .mi>button,.mi:first-child>button{width:100%;justify-content:space-between;padding:14px var(--pad);font-size:15px}
  .dd,.mi:first-child .dd{position:static;left:auto;box-shadow:none;border-radius:0;background:rgba(255,255,255,.06);color:#fff;padding:4px 0;min-width:0}
  .dd a{padding:11px calc(var(--pad) + 14px);color:#E1E1E1;border-left:0}
  .dd a:hover{background:rgba(255,255,255,.08)}
  .dd a small{color:#A5A6A6}
  .menu .ml{padding:14px var(--pad);font-size:15px;height:auto}
  .menu .sp{display:none}
}
/* ── FOOTER ── */
.fnav a:hover{color:#fff}

/* labels chicas dentro de tarjetas: sin dorado (feedback 10-sep) */
.apo u,.calls u,.dvg-card u,.mbox-card u,.mv2 u,.fab-grid u,.expl-nk,.cot-form legend,.cot-sum dt{color:#5C5B5B}
.act u,.dvg-part u,.dvg-story u{color:#A5A6A6}

.foot2{border-top:1px solid rgba(255,255,255,.1)}

/* ── idioma ── */
.lang{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:border-color .2s,background .2s}
.lang:hover{border-color:#BC8D33;background:rgba(188,141,51,.12)}
.lang i{font-style:normal;opacity:.55;font-weight:600}
@media(max-width:900px){.lang{order:2;height:32px;padding:0 10px;margin-left:auto}.burger{margin-left:6px}}

/* anclas debajo del header fijo */
:target,section[id],[id^="ficha-"],#bim,#sedes,#adv,#tipos,#envios,#registro,#vacantes{scroll-margin-top:165px}
@media(max-width:900px){:target,section[id],#bim,#sedes,#adv{scroll-margin-top:92px}}

/* ── videos ambientales: nunca mostrar el botón de play de iOS (modo ahorro de batería) ── */
video::-webkit-media-controls{display:none!important}
video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none!important}
video::-webkit-media-controls-overlay-play-button{display:none!important}
video::-webkit-media-controls-panel{display:none!important}
/* ── móvil: toda rejilla de dos columnas de texto+figura colapsa ── */
@media(max-width:980px){.sk-in,.sk.rev .sk-in,#planta-home .sk-in,.state-grid,.sedes-in,.cform-grid,.envio-head,.proy-head,.gente-grid{grid-template-columns:1fr!important}#planta-home .sk-fig,#planta-home .sk-head{order:0!important}}
