/* =====================================================================
   MERIDIAN — combinación claro/oscuro para las páginas internas
   .dk  = sección oscura (hero, franja de confianza, formularios)
   .lite = sección clara; .lite.alt = marfil
   Los componentes usan variables, así que en .lite se redefinen los colores.
   ===================================================================== */
:root{--paper:#FFFFFF;--paper-2:#F6F3EC;--txt:#16130F;--txt-2:#4B4539;--gold-d:#866628;
  --lline:rgba(134,102,40,.18);--lline-2:rgba(134,102,40,.32)}

.lite{--ivory:#16130F;--ivory-2:#3D372D;--muted:#544D40;--faint:#7A7366;
  --line:rgba(134,102,40,.18);--line-2:rgba(134,102,40,.34);
  --gold:#8E6C2C;--gold-hi:#6F5420;--gold-08:rgba(134,102,40,.09);--gold-20:rgba(134,102,40,.24);
  --ink-e:#F6F3EC;--ink-c:#EFEAE0;
  background-color:var(--paper);color:var(--ivory-2);border-color:var(--line)!important}
.lite.alt{background-color:var(--paper-2);--ink-e:#FFFFFF;--ink-c:#FBF9F4}
.lite h1,.lite h2,.lite h3{text-shadow:none}
.lite .chiplabel{background:#fff;border-color:var(--line-2);backdrop-filter:none}
/* botones: siguen oscuros con flecha dorada */
.lite .split .lbl{background:#16130F;color:#fff;border-color:#16130F}
.lite .split:hover .lbl{background:#000}
.lite .split .arw{background:#C5A15B;color:#000}
.lite .split:hover .arw{background:#E2C489}
.lite .wabtn{color:#6F5420;border-color:var(--line-2)}
.lite .wabtn:hover{background:#C5A15B;color:#000}
.lite .notch{background:#C5A15B;color:#000;box-shadow:0 0 0 9px var(--paper)}
.lite.alt .notch{box-shadow:0 0 0 9px var(--paper-2)}
.lite .chipf[aria-pressed="true"]{color:#fff}
.lite img{box-shadow:none}
.lite .aphoto,.lite .nosfig{box-shadow:0 22px 50px rgba(60,45,15,.14)}

/* el oscuro se funde sobre el claro, corto */
.dk + .lite{background-image:linear-gradient(to bottom,#000,rgba(0,0,0,.35) 14px,rgba(0,0,0,0) 34px)}
.lite:has(+ .dk){background-image:linear-gradient(to top,#000,rgba(0,0,0,.35) 14px,rgba(0,0,0,0) 34px)}
.dk + .lite:has(+ .dk){background-image:linear-gradient(to bottom,#000,rgba(0,0,0,.35) 14px,rgba(0,0,0,0) 34px),
  linear-gradient(to top,#000,rgba(0,0,0,.35) 14px,rgba(0,0,0,0) 34px)}
.lite:has(+ footer){background-image:linear-gradient(to top,#000,rgba(0,0,0,.35) 14px,rgba(0,0,0,0) 34px)}
.dk{background-color:#000}
.trustbar.dk{background-color:var(--ink-e)}
footer{background:#000;border-top:0}

/* encabezado: fondo negro al bajar, menú de otros servicios y newsletter */
header{transition:transform .55s cubic-bezier(.2,.8,.2,1),background .4s ease,padding .4s ease}
body.scrolled header{background:rgba(0,0,0,.97);backdrop-filter:blur(10px);padding:6px 0;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.hmenu{position:relative;margin-left:auto;pointer-events:auto}
.hmenu + .hnews{margin-left:22px}
.hnews{margin-right:18px;pointer-events:auto;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--ivory);padding:12px 4px;border-bottom:1px solid var(--gold-20);transition:color .3s,border-color .3s;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.hnews:hover{color:var(--gold-hi);border-color:var(--gold)}
.hbtn{display:inline-flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;
  font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ivory);
  padding:12px 4px;border-bottom:1px solid var(--gold-20);text-shadow:0 2px 14px rgba(0,0,0,.5);transition:color .3s,border-color .3s}
.hbtn svg{transition:transform .4s ease}
.hmenu:hover .hbtn,.hmenu.open .hbtn{color:var(--gold-hi);border-color:var(--gold)}
.hmenu:hover .hbtn svg,.hmenu.open .hbtn svg{transform:rotate(180deg)}
.hdrop{position:absolute;top:calc(100% + 10px);right:-12px;min-width:270px;display:grid;gap:2px;padding:8px;
  background:rgba(0,0,0,.96);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .35s ease,transform .35s ease,visibility 0s .35s}
.hmenu::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.hmenu:hover .hdrop,.hmenu.open .hdrop{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease,transform .35s ease}
.hdrop a{display:grid;gap:4px;padding:12px 14px;border-radius:10px;transition:background .25s}
.hdrop a:hover{background:var(--ink-c)}
.hdrop b{font:500 14.5px/1.2 var(--sans);color:var(--ivory)}
.hdrop small{font-size:12.5px;color:var(--muted)}
.hdrop a:hover b{color:var(--gold-hi)}
.hlink .ls2{display:none}
footer .fcol h5.h5b{margin-top:var(--s2)}
@media(max-width:620px){.hbtn,.hnews{font-size:9.5px;letter-spacing:.06em;padding:10px 2px}.hbtn{gap:5px}.hmenu + .hnews{margin-left:10px}
  .hdrop{right:auto;left:-60px;min-width:240px}.hlink .lf{display:none}.hlink .ls2{display:inline}
  .brand .bw{font-size:21px}.brand .bmark{width:28px;height:28px}}
/* "Quiénes somos" usa .wrap: el fondo claro se extiende a todo el ancho */
.wrap.lite{box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}
.wrap.lite.alt{box-shadow:0 0 0 100vmax var(--paper-2)}