/* --- Tipografias de marca, servidas desde el propio dominio -------------
   Archivo y Source Sans 3, licencia OFL (ver /fuentes/OFL-*.txt).
   Dos archivos variables cubren todos los pesos y anchuras que usa el sitio.
   -------------------------------------------------------------------- */
@font-face{
  font-family:"Archivo";
  src:url("/fuentes/archivo-latin-var.woff2") format("woff2");
  font-weight:100 900;
  font-stretch:62% 125%;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Source Sans 3";
  src:url("/fuentes/source-sans-3-latin-var.woff2") format("woff2");
  font-weight:200 900;
  font-style:normal;
  font-display:swap;
}

/* ==========================================================================
   AIO Tecnologia | Sistema de diseno del sitio
   Basado en el Manual de identidad visual v1.0 (septiembre de 2026).
   Proporcion cromatica: papel y niebla 55 %, tinta 25 %, petroleo 12 %,
   ambar 5 %, cielo 3 %. El ambar se reserva para acciones.
   ========================================================================== */

:root{
  /* Paleta de marca */
  --papel:#FAFBFA;
  --niebla:#EEF2F1;
  --tinta:#14303A;
  --pizarra:#586C72;
  --linea:#D3DCDB;
  --petroleo:#1E6F78;
  --ambar:#E3A21A;
  --cielo:#4E8FD1;

  /* Derivados de uso */
  --superficie:#FFFFFF;
  --petroleo-oscuro:#165159;
  --sobre-ambar:#1B1606;
  --sombra:0 1px 2px rgba(20,48,58,.05), 0 8px 24px rgba(20,48,58,.06);
  --sombra-alta:0 2px 4px rgba(20,48,58,.06), 0 16px 40px rgba(20,48,58,.10);

  /* Tipografia */
  --display:"Archivo","Arial Narrow",Arial,sans-serif;
  --texto:"Source Sans 3","Segoe UI",Calibri,Helvetica,Arial,sans-serif;

  /* Escala de espacio (base 4) */
  --e1:.25rem; --e2:.5rem; --e3:.75rem; --e4:1rem; --e5:1.5rem;
  --e6:2rem; --e7:3rem; --e8:4rem; --e9:6rem;

  --radio:14px;
  --radio-s:10px;
  --ancho:1160px;
  --medida:66ch;
}

@media (prefers-color-scheme: dark){
  :root:not([data-tema="claro"]){
    --papel:#0E1D23;
    --niebla:#15282F;
    --superficie:#14262D;
    --tinta:#E6EEEE;
    --pizarra:#9DB0B4;
    --linea:#2A4049;
    --petroleo:#4FB3BD;
    --petroleo-oscuro:#6FC6CE;
    --ambar:#F0B437;
    --cielo:#7DB3E8;
    --sombra:0 1px 2px rgba(0,0,0,.30), 0 8px 24px rgba(0,0,0,.28);
    --sombra-alta:0 2px 4px rgba(0,0,0,.34), 0 16px 40px rgba(0,0,0,.36);
  }
}
:root[data-tema="oscuro"]{
  --papel:#0E1D23; --niebla:#15282F; --superficie:#14262D; --tinta:#E6EEEE;
  --pizarra:#9DB0B4; --linea:#2A4049; --petroleo:#4FB3BD; --petroleo-oscuro:#6FC6CE;
  --ambar:#F0B437; --cielo:#7DB3E8;
}

/* --------------------------------------------------------------- Base --- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--papel);color:var(--tinta);
  font-family:var(--texto);font-size:1.0625rem;line-height:1.62;
  font-synthesis-weight:none;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg,video{max-width:100%;display:block;height:auto}
a{color:var(--petroleo);text-underline-offset:3px}
a:hover{color:var(--petroleo-oscuro)}
p{margin:0 0 var(--e4)}
p:last-child{margin-bottom:0}
ul,ol{margin:0 0 var(--e4);padding-left:1.15rem}
li{margin-bottom:var(--e2)}
strong,b{font-weight:600}
hr{border:0;border-top:1px solid var(--linea);margin:var(--e7) 0}
:focus-visible{outline:3px solid var(--ambar);outline-offset:3px;border-radius:6px}

h1,h2,h3,h4{
  font-family:var(--display);font-stretch:112%;font-weight:800;
  line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--e4);
  text-wrap:balance;
}
h1{font-size:clamp(2.1rem,1.5rem + 2.6vw,3.4rem)}
h2{font-size:clamp(1.65rem,1.28rem + 1.6vw,2.4rem)}
h3{font-size:clamp(1.18rem,1.08rem + .45vw,1.4rem);letter-spacing:-.01em}
h4{font-size:1.0625rem;font-weight:700}
.eyebrow{
  font-family:var(--texto);font-weight:600;font-size:.82rem;
  letter-spacing:.11em;text-transform:uppercase;color:var(--petroleo);
  margin:0 0 var(--e3);
}
.lead{font-size:clamp(1.1rem,1.03rem + .3vw,1.28rem);color:var(--pizarra);max-width:56ch}
.apoyo{font-size:.95rem;color:var(--pizarra)}
.nota{font-size:.88rem;color:var(--pizarra)}

/* ------------------------------------------------------------ Layout --- */
.wrap{width:min(var(--ancho),100% - 2.5rem);margin-inline:auto}
@media (max-width:480px){.wrap{width:min(var(--ancho),100% - 2rem)}}
section{padding:clamp(3rem,2rem + 4vw,5.5rem) 0}
section.compacta{padding:clamp(2.2rem,1.6rem + 2.4vw,3.5rem) 0}
.banda{background:var(--niebla)}
.banda-tinta{background:#14303A;color:#FAFBFA}
:root[data-tema="oscuro"] .banda-tinta,
.banda-tinta{--pizarra:#A8BCC0;--linea:#2E4A53}
.banda-tinta h1,.banda-tinta h2,.banda-tinta h3{color:#FAFBFA}
.banda-tinta .eyebrow{color:var(--ambar)}
.banda-tinta a{color:#FAFBFA}

.cabecera-seccion{max-width:var(--medida);margin-bottom:var(--e6)}
.cabecera-seccion.centro{margin-inline:auto;text-align:center}
.cabecera-seccion.centro .lead{margin-inline:auto}

.rejilla{display:grid;gap:var(--e5)}
.rejilla-2{grid-template-columns:repeat(2,1fr)}
.rejilla-3{grid-template-columns:repeat(3,1fr)}
.rejilla-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.rejilla-3,.rejilla-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.rejilla-2,.rejilla-3,.rejilla-4{grid-template-columns:1fr}}

.dos-columnas{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,1rem + 4vw,4.5rem);align-items:start}
.dos-columnas.centrado{align-items:center}
@media (max-width:900px){.dos-columnas{grid-template-columns:1fr}}

/* ------------------------------------------------------------ Botones --- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--texto);font-weight:600;font-size:1rem;line-height:1.2;
  padding:.85rem 1.4rem;border-radius:999px;text-decoration:none;
  border:2px solid transparent;cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
  min-height:48px;
}
.btn:active{transform:translateY(1px)}
.btn-primario{background:var(--ambar);color:var(--sobre-ambar);border-color:var(--ambar)}
.btn-primario:hover{background:#c98d11;border-color:#c98d11;color:var(--sobre-ambar)}
.btn-secundario{background:transparent;color:var(--petroleo);border-color:var(--petroleo)}
.btn-secundario:hover{background:var(--petroleo);color:var(--papel)}
.banda-tinta .btn-secundario{color:#FAFBFA;border-color:#5C7C86}
.banda-tinta .btn-secundario:hover{background:#FAFBFA;color:#14303A;border-color:#FAFBFA}
.btn-texto{
  display:inline-flex;align-items:center;gap:.4rem;font-weight:600;
  color:var(--petroleo);text-decoration:none;
}
.btn-texto:hover{text-decoration:underline}
.btn-texto svg{transition:transform .15s ease}
.btn-texto:hover svg{transform:translateX(3px)}
.acciones{display:flex;flex-wrap:wrap;gap:var(--e3);margin-top:var(--e5)}

/* ---------------------------------------------------------- Cabecera --- */
.saltar{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ambar);color:var(--sobre-ambar);padding:.7rem 1.1rem;font-weight:600}
.saltar:focus{left:1rem;top:1rem}

.cabecera{
  position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--papel) 93%,transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--linea);
}
.cabecera .wrap{display:flex;align-items:center;gap:var(--e4);min-height:72px}
.marca{display:flex;align-items:center;text-decoration:none;flex:0 0 auto;padding:.4rem 0}
.marca img{height:44px;width:auto}
@media (max-width:420px){.marca img{height:36px}}

.nav{margin-left:auto;display:flex;align-items:center;gap:var(--e1)}
.nav-lista{display:flex;align-items:center;gap:var(--e1);list-style:none;margin:0;padding:0}
.nav-lista>li{margin:0;position:relative}
.nav-lista a,.nav-lista button.nav-disparador{
  display:inline-flex;align-items:center;gap:.35rem;
  font-family:var(--texto);font-size:.97rem;font-weight:600;color:var(--pizarra);
  text-decoration:none;padding:.6rem .7rem;border-radius:8px;
  background:none;border:0;cursor:pointer;
}
.nav-lista a:hover,.nav-lista button.nav-disparador:hover{color:var(--tinta);background:var(--niebla)}
.nav-lista a[aria-current="page"]{color:var(--tinta)}
.nav-lista a[aria-current="page"]::after{
  content:"";display:block;position:absolute;left:.7rem;right:.7rem;bottom:.15rem;
  height:2px;background:var(--petroleo);border-radius:2px;
}
.nav-disparador svg{transition:transform .18s ease}
.nav-disparador[aria-expanded="true"] svg{transform:rotate(180deg)}

.submenu{
  position:absolute;top:calc(100% + .35rem);left:0;min-width:310px;
  background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);
  box-shadow:var(--sombra-alta);padding:var(--e2);list-style:none;margin:0;
  display:none;
}
.submenu.abierto{display:block}
.submenu li{margin:0}
.submenu a{display:block;padding:.6rem .75rem;border-radius:var(--radio-s);color:var(--tinta);font-weight:600;font-size:.95rem}
.submenu a small{display:block;font-weight:400;color:var(--pizarra);font-size:.83rem;line-height:1.4;margin-top:.1rem}
.submenu a:hover{background:var(--niebla)}

.nav-btn{margin-left:var(--e2)}
.nav .btn{padding:.6rem 1.05rem;font-size:.95rem;min-height:44px}

.menu-movil{display:none;background:none;border:1px solid var(--linea);border-radius:10px;padding:.55rem;cursor:pointer;color:var(--tinta);min-height:44px;min-width:44px;align-items:center;justify-content:center}
@media (max-width:1040px){
  .menu-movil{display:inline-flex}
  .nav-lista{display:none}
  .nav{margin-left:auto;gap:var(--e2)}
  .panel-movil{
    display:none;border-top:1px solid var(--linea);background:var(--papel);
    max-height:calc(100dvh - 72px);overflow-y:auto;
  }
  .panel-movil.abierto{display:block}
  .panel-movil ul{list-style:none;margin:0;padding:var(--e4) 0 var(--e6)}
  .panel-movil li{margin:0}
  .panel-movil a{display:block;padding:.8rem .2rem;font-weight:600;color:var(--tinta);text-decoration:none;border-bottom:1px solid var(--linea)}
  .panel-movil .sub a{padding-left:1.1rem;font-weight:400;color:var(--pizarra)}
  .panel-movil .btn{margin-top:var(--e5);width:100%}
}
@media (min-width:1041px){.panel-movil{display:none !important}}

/* ------------------------------------------------------------- Portada --- */
.portada{position:relative;overflow:hidden;padding:clamp(2.5rem,1.5rem + 4vw,5rem) 0 clamp(3rem,2rem + 4vw,5rem)}
.portada .wrap{position:relative;z-index:1}
.portada-rejilla{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,1rem + 4vw,4rem);align-items:center}
@media (max-width:920px){.portada-rejilla{grid-template-columns:1fr}}
.portada h1{max-width:17ch}
.portada .lead{margin-top:var(--e5)}
.portada-apoyo{margin-top:var(--e4);font-weight:600;color:var(--petroleo);font-size:1rem}
.patron-esquina{
  position:absolute;pointer-events:none;color:var(--petroleo);opacity:.55;
  top:-14%;right:-9%;width:min(640px,68vw);z-index:0;
}
@media (max-width:920px){.patron-esquina{top:auto;bottom:-16%;right:-24%;width:min(460px,90vw);opacity:.35}}

.figura-celdas{background:var(--niebla);border-radius:var(--radio);padding:var(--e5);border:1px solid var(--linea)}
.figura-celdas figcaption{font-size:.92rem;color:var(--pizarra);margin-top:var(--e4);line-height:1.5}
.leyenda{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin-top:var(--e3);font-size:.88rem;color:var(--pizarra);list-style:none;padding:0}
.leyenda li{display:inline-flex;align-items:center;gap:.4rem;margin:0}
.leyenda i{width:11px;height:11px;border-radius:50%;flex:0 0 auto}

/* -------------------------------------------------------------- Piezas --- */
.tarjeta{
  background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);
  padding:var(--e5);box-shadow:var(--sombra);
  display:flex;flex-direction:column;gap:var(--e3);
}
.tarjeta h3{margin:0}
.tarjeta p{margin:0}
.tarjeta .btn-texto{margin-top:auto;padding-top:var(--e2)}
a.tarjeta{text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
a.tarjeta:hover{border-color:var(--petroleo);box-shadow:var(--sombra-alta);transform:translateY(-2px)}
.tarjeta-icono{width:40px;height:40px;color:var(--petroleo)}
.tarjeta.linea-petroleo{border-top:3px solid var(--petroleo)}
.tarjeta.linea-ambar{border-top:3px solid var(--ambar)}
.tarjeta.linea-cielo{border-top:3px solid var(--cielo)}

.senales{list-style:none;padding:0;margin:0;display:grid;gap:var(--e3);grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.senales{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.senales{grid-template-columns:1fr}}
.senales li{
  margin:0;background:var(--superficie);border:1px solid var(--linea);
  border-left:3px solid var(--ambar);border-radius:var(--radio-s);
  padding:var(--e4) var(--e4) var(--e4) var(--e5);font-size:1rem;
}

.lista-marcada{list-style:none;padding:0;margin:0;display:grid;gap:var(--e3)}
.lista-marcada li{display:flex;gap:.7rem;align-items:flex-start;margin:0}
.lista-marcada svg{flex:0 0 auto;width:20px;height:20px;color:var(--petroleo);margin-top:.25rem}

.etiquetas{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:var(--e4) 0 0}
.etiquetas li{
  margin:0;font-size:.85rem;font-weight:600;color:var(--pizarra);
  background:var(--niebla);border:1px solid var(--linea);
  border-radius:999px;padding:.35rem .8rem;
}

.pasos{list-style:none;counter-reset:paso;padding:0;margin:0;display:grid;gap:var(--e5);grid-template-columns:repeat(5,1fr)}
@media (max-width:1000px){.pasos{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pasos{grid-template-columns:1fr}}
.pasos li{margin:0;counter-increment:paso;border-top:2px solid var(--linea);padding-top:var(--e4)}
.pasos li::before{
  content:counter(paso,decimal-leading-zero);display:block;
  font-family:var(--display);font-stretch:112%;font-weight:800;font-size:.95rem;
  color:var(--ambar);margin-bottom:var(--e2);
}
.pasos h3{margin-bottom:var(--e2)}
.pasos p{font-size:.95rem;color:var(--pizarra);margin:0}

.niveles{display:grid;gap:var(--e5);grid-template-columns:repeat(3,1fr);align-items:start}
@media (max-width:900px){.niveles{grid-template-columns:1fr}}
.nivel{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:var(--e5);box-shadow:var(--sombra)}
.nivel.destacado{border-color:var(--petroleo);border-width:2px}
.nivel .marca-nivel{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--petroleo);display:block;margin-bottom:var(--e2)}
.nivel h3{margin-bottom:var(--e2)}
.nivel .para{font-size:.95rem;color:var(--pizarra);margin-bottom:var(--e4)}
.nivel ul{list-style:none;padding:0;margin:0 0 var(--e5);display:grid;gap:.6rem;font-size:.95rem}
.nivel ul li{display:flex;gap:.6rem;margin:0}
.nivel ul li::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--petroleo);margin-top:.55rem}

/* ----------------------------------------------------------- Acordeon --- */
.faq{border-top:1px solid var(--linea);max-width:var(--medida)}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{
  cursor:pointer;list-style:none;padding:var(--e4) 2.2rem var(--e4) 0;position:relative;
  font-family:var(--display);font-stretch:112%;font-weight:700;font-size:1.08rem;line-height:1.35;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:.4rem;top:50%;width:11px;height:11px;
  border-right:2px solid var(--petroleo);border-bottom:2px solid var(--petroleo);
  transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;
}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq .respuesta{padding:0 0 var(--e5);color:var(--pizarra);max-width:60ch}

/* ------------------------------------------------------------ Migas --- */
.migas{font-size:.88rem;color:var(--pizarra);padding:var(--e4) 0 0}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;padding:0;margin:0}
.migas li{margin:0;display:flex;align-items:center;gap:.45rem}
.migas li+li::before{content:"/";color:var(--linea)}
.migas a{color:var(--pizarra);text-decoration:none}
.migas a:hover{color:var(--petroleo);text-decoration:underline}

/* ---------------------------------------------------------- Formulario --- */
.formulario{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:clamp(1.5rem,1rem + 2vw,2.5rem);box-shadow:var(--sombra)}
.campo{margin-bottom:var(--e4)}
.campo label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.4rem}
.campo .ayuda{font-size:.85rem;color:var(--pizarra);font-weight:400;display:block;margin-top:-.2rem;margin-bottom:.4rem}
.campo input,.campo select,.campo textarea{
  width:100%;font-family:var(--texto);font-size:1rem;color:var(--tinta);
  background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio-s);
  padding:.75rem .85rem;min-height:48px;
}
.campo textarea{min-height:130px;resize:vertical;line-height:1.55}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--petroleo);outline:3px solid color-mix(in srgb,var(--ambar) 55%,transparent);outline-offset:1px}
.campo input[aria-invalid="true"],.campo textarea[aria-invalid="true"],.campo select[aria-invalid="true"]{border-color:#B3261E;border-width:2px}
.error-campo{display:block;color:#B3261E;font-size:.87rem;font-weight:600;margin-top:.35rem;min-height:0}
:root[data-tema="oscuro"] .error-campo{color:#F2B8B5}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) .error-campo{color:#F2B8B5}}
:root[data-tema="oscuro"] .aviso-error{background:#3A1A17;color:#F2B8B5;border-color:#6B2C26}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) .aviso-error{background:#3A1A17;color:#F2B8B5;border-color:#6B2C26}
:root:not([data-tema="claro"]) .aviso-ok{background:#14332F;color:#A9D3CC;border-color:#2C5A53}}
.par{display:grid;grid-template-columns:1fr 1fr;gap:var(--e4)}
@media (max-width:620px){.par{grid-template-columns:1fr}}
.consentimiento{display:flex;gap:.7rem;align-items:flex-start;font-size:.92rem;color:var(--pizarra)}
.consentimiento input{width:20px;height:20px;min-height:0;flex:0 0 auto;margin-top:.2rem}
.aviso{border-radius:var(--radio-s);padding:var(--e4);font-size:.95rem;margin-bottom:var(--e4)}
.aviso-error{background:#FBE9E7;color:#7A1C16;border:1px solid #F0B8B2}
.aviso-ok{background:#E6F2F0;color:#10403C;border:1px solid #A9D3CC}
.oculto{display:none !important}
.solo-lectores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.datos-directos{display:grid;gap:var(--e4);margin-top:var(--e5)}
.datos-directos div{display:grid;gap:.15rem}
.datos-directos small{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pizarra);font-weight:600}
.datos-directos a,.datos-directos span{font-family:var(--display);font-stretch:112%;font-weight:700;font-size:1.15rem;color:var(--tinta);text-decoration:none}
.datos-directos a:hover{color:var(--petroleo)}

/* ------------------------------------------------------------ Articulo --- */
.articulo{max-width:var(--medida);margin-inline:auto}
.articulo h2{margin-top:var(--e7)}
.articulo h3{margin-top:var(--e6)}
.articulo>p:first-of-type{font-size:1.15rem;color:var(--pizarra)}
.articulo ul,.articulo ol{padding-left:1.3rem}
.articulo li{margin-bottom:.55rem}
.meta-articulo{font-size:.9rem;color:var(--pizarra);margin-bottom:var(--e5)}
.recuadro{background:var(--niebla);border-left:3px solid var(--petroleo);border-radius:0 var(--radio-s) var(--radio-s) 0;padding:var(--e5);margin:var(--e6) 0}
.recuadro h3{margin-top:0}

/* --------------------------------------------------------- Cierre y pie --- */
.cierre{text-align:center}
.cierre h2{max-width:20ch;margin-inline:auto}
.cierre .lead{margin-inline:auto;margin-top:var(--e4)}
.cierre .acciones{justify-content:center}

.franja-marca{display:flex;height:4px}
.franja-marca i{flex:1}
.pie{background:#14303A;color:#C8D6D9;padding:var(--e8) 0 var(--e6);font-size:.95rem}
.pie a{color:#C8D6D9;text-decoration:none}
.pie a:hover{color:#FAFBFA;text-decoration:underline}
.pie-rejilla{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:var(--e6)}
@media (max-width:880px){.pie-rejilla{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pie-rejilla{grid-template-columns:1fr}}
.pie h2,.pie h3{font-size:.82rem;letter-spacing:.11em;text-transform:uppercase;color:#FAFBFA;font-family:var(--texto);font-stretch:normal;font-weight:600;margin-bottom:var(--e4)}
.pie ul{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.pie li{margin:0}
.pie-marca img{height:52px;margin-bottom:var(--e4)}
.pie-legal{
  border-top:1px solid #2A4049;margin-top:var(--e7);padding-top:var(--e5);
  display:flex;flex-wrap:wrap;gap:var(--e4) var(--e5);justify-content:space-between;
  font-size:.88rem;color:#93A8AD;
}

/* ----------------------------------------------------------- WhatsApp --- */
.wa-flotante{
  position:fixed;right:1rem;bottom:1rem;z-index:40;
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--superficie);color:var(--tinta);border:1px solid var(--linea);
  border-radius:999px;padding:.7rem 1.1rem .7rem .85rem;text-decoration:none;
  font-weight:600;font-size:.95rem;box-shadow:var(--sombra-alta);
  transition:transform .15s ease,border-color .15s ease;
}
.wa-flotante:hover{transform:translateY(-2px);border-color:var(--petroleo);color:var(--tinta)}
.wa-flotante svg{width:22px;height:22px;color:#25D366;flex:0 0 auto}
@media (max-width:560px){
  .wa-flotante span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .wa-flotante{padding:.85rem;border-radius:50%}
}

/* ------------------------------------------------------------- Motion --- */
.aparece{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.aparece.visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .aparece{opacity:1;transform:none}
}
@media print{
  .cabecera,.wa-flotante,.pie,.acciones{display:none}
  body{font-size:11pt;color:#000;background:#fff}
}