/* ── Cantera ────────────────────────────────────────────────
   Piedra terracota, crema de cal y tinta de hierro.
   Geometría suave: nada tiene esquina viva.
   Una sola apariencia deliberada: no hay tema oscuro.
   ─────────────────────────────────────────────────────────── */
:root{
  --cantera:#A64F2E;
  --cantera-honda:#7A3A20;
  --cantera-texto:#8F4025;      /* Variante para texto chico sobre crema (AA) */
  --crema:#F2E7D5;
  --crema-clara:#F7EEDF;
  --tinta:#1E1611;
  --tinta-suave:#3B2C22;
  --tierra:#5A4436;
  --brasa:#E08A62;
  --arena:#D9CCB7;
  --arena-baja:#B5A794;
  --linea-crema:rgba(242,231,213,.42);
  --linea-crema-tenue:rgba(242,231,213,.2);
  --linea-tinta:rgba(30,22,17,.18);

  --voz:"Bricolage Grotesque","Arial Narrow",Arial,sans-serif;
  --firma:"Instrument Serif",Georgia,"Times New Roman",serif;
  --lectura:"Literata",Georgia,"Times New Roman",serif;

  /* Radios: sistema suave, aplicado en todo */
  --r-boton:999px;
  --r-tarjeta:24px;
  --r-media:18px;
  --r-campo:14px;

  --t-display:clamp(3rem,8.2vw,7.4rem);
  --t-h2:clamp(2.4rem,5vw,4.6rem);
  --t-h3:clamp(1.45rem,2.1vw,2.1rem);
  --t-cifra:clamp(2.2rem,3.8vw,3.5rem);
  --t-lead:clamp(1.125rem,1.4vw,1.35rem);
  --t-body:1.125rem;
  --t-small:.9375rem;
  --t-label:.8125rem;

  --gutter:clamp(20px,5.5vw,80px);
  --ancho:1440px;
  --ritmo:clamp(80px,9.5vw,132px);
  --alto-top:84px;

  --sale:cubic-bezier(.22,1,.36,1);
  --traza:cubic-bezier(.77,0,.175,1);
  --roce:180ms;
  --relleno:440ms;
  --revelado:1000ms;

  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--cantera);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--alto-top) + 12px);overflow-x:hidden}
@supports (overflow:clip){ html{overflow-x:clip} }
@media (prefers-reduced-motion:no-preference){ html{scroll-behavior:smooth} }
body{
  margin:0;min-width:320px;background:var(--cantera);color:var(--tinta);
  font-family:var(--lectura);font-size:var(--t-body);line-height:1.62;font-weight:400;
  font-optical-sizing:auto;font-kerning:normal;text-rendering:optimizeLegibility;
  font-variant-numeric:lining-nums;hanging-punctuation:first last;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  -webkit-tap-highlight-color:rgba(166,79,46,.25);
}
h1,h2,h3,p,ul,ol,dl,dd,figure,address{margin:0}
ul,ol{padding:0;list-style:none}
address{font-style:normal}
a{color:inherit;text-decoration:none}
img,video,svg{max-width:100%}
button,input,select{font:inherit;color:inherit}
::selection{background:var(--tinta);color:var(--crema)}
:focus-visible{outline:3px solid var(--tinta);outline-offset:3px;border-radius:4px}
.portada :focus-visible,.top :focus-visible,.menu :focus-visible,.banda--cantera :focus-visible,.banda--tinta :focus-visible,.pie :focus-visible,.hoja :focus-visible,.util :focus-visible{outline-color:var(--crema)}

.marco{max-width:var(--ancho);margin-inline:auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.saltar{position:absolute;left:-9999px;top:0;z-index:100;background:var(--tinta);color:var(--crema);padding:12px 18px;border-radius:var(--r-boton);font-family:var(--voz);font-weight:700}
.saltar:focus{left:12px;top:12px}

/* ── Voz tipográfica ──────────────────────────────────────
   El acento en serif itálica vive SOLO en la portada.
   En el resto, el énfasis se hace con peso y color.
   ─────────────────────────────────────────────────────── */
.titular{
  font-family:var(--voz);font-weight:800;font-stretch:84%;font-variation-settings:"opsz" 96;
  font-size:var(--t-h2);line-height:1.02;letter-spacing:-.028em;text-wrap:balance;
  padding-bottom:.06em;
}
.titular em{font-style:normal;font-weight:800;color:var(--cantera)}
.banda--tinta .titular em{color:var(--brasa)}
.banda--cantera .titular em{color:var(--tinta)}
.rotulo{
  display:flex;align-items:center;gap:12px;
  font-family:var(--voz);font-size:var(--t-label);font-weight:600;letter-spacing:.15em;text-transform:uppercase;line-height:1.2;
}
.rotulo::before{content:"";width:28px;height:2px;border-radius:2px;background:currentColor;flex:none}
.rotulo--frase{font-size:var(--t-small);letter-spacing:.01em;text-transform:none}
.lead{font-size:var(--t-lead);line-height:1.58;max-width:46ch;text-wrap:pretty}

/* ── Bandas ─────────────────────────────────────────────── */
.banda{position:relative;isolation:isolate;padding-block:var(--ritmo)}
.banda::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.13;mix-blend-mode:multiply;background-size:240px 240px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23g)'/%3E%3C/svg%3E");
}
.banda--cantera{background:var(--cantera);color:var(--crema)}
.banda--crema{background:var(--crema);color:var(--tinta)}
.banda--tinta{background:var(--tinta);color:var(--crema)}
.banda--crema .rotulo{color:var(--cantera-texto)}
.banda--tinta .rotulo{color:var(--brasa)}
.banda--crema .lead{color:var(--tierra)}
.banda--tinta .lead{color:var(--arena)}
.banda--cantera .lead{color:var(--crema-clara)}

/* Encabezado de sección: apilado, sin párrafo flotando en la esquina */
.cabeza{max-width:60ch}
.cabeza .lead{margin-top:20px}
.cabeza--ancha{max-width:none}

/* ── Botones ────────────────────────────────────────────── */
.boton{
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:14px;
  min-height:56px;padding:0 30px;border:2px solid var(--tinta);border-radius:var(--r-boton);
  background:var(--tinta);color:var(--crema);
  font-family:var(--voz);font-size:1.0625rem;font-weight:700;letter-spacing:0;line-height:1.15;text-align:center;cursor:pointer;
  white-space:nowrap;
  -webkit-user-select:none;user-select:none;touch-action:manipulation;
  transition:color var(--relleno) var(--sale),border-color var(--relleno) var(--sale),transform 160ms var(--sale);
}
.boton::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--crema);transform:scale(0);transform-origin:center;transition:transform var(--relleno) var(--sale)}
.boton__icono{flex:none;width:19px;height:19px;transition:transform var(--relleno) var(--sale)}
.boton:active{transform:scale(.97)}
.boton--contorno{background:transparent;border-color:var(--crema);color:var(--crema)}
.boton--cantera{background:var(--cantera);border-color:var(--cantera);color:var(--crema)}
.boton[aria-busy="true"]{cursor:progress}
.boton[aria-busy="true"] .boton__icono{animation:girar .9s linear infinite}
@keyframes girar{to{transform:rotate(360deg)}}
@media (hover:hover) and (pointer:fine){
  .boton:hover{color:var(--tinta);border-color:var(--crema)}
  .boton:hover::before{transform:scale(1)}
  .boton--abajo:hover .boton__icono{transform:translateY(3px)}
  .boton--fuera:hover .boton__icono{transform:translate(3px,-3px)}
  .boton--lado:hover .boton__icono{transform:translateX(4px)}
}

/* ── Encabezado ─────────────────────────────────────────── */
.top{position:fixed;inset:0 0 auto;z-index:50;color:var(--crema);padding-top:env(safe-area-inset-top);transition:background-color var(--relleno) var(--sale),box-shadow var(--relleno) var(--sale),transform .55s var(--sale)}
.top::before{content:"";position:absolute;inset:0 0 -32px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(40,18,8,.55),rgba(40,18,8,0));transition:opacity var(--relleno) var(--sale)}
.top.solida{background:rgba(30,22,17,.93);box-shadow:0 1px 0 var(--linea-crema-tenue);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.top.solida::before{opacity:0}
.top.oculta{transform:translateY(-100%)}
.top__fila{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px;transition:padding-block var(--relleno) var(--sale)}
.top.solida .top__fila{padding-block:11px}
.logo{display:flex;align-items:center;gap:12px;color:var(--crema);flex:none;min-height:44px}
.logo svg{width:44px;height:44px;flex:none}
.logo__wm{display:flex;flex-direction:column;line-height:1}
.logo__wm b{font-family:var(--firma);font-weight:400;font-size:1.72rem;letter-spacing:-.01em}
.logo__wm span{margin-top:5px;font-family:var(--voz);font-size:.7rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:clamp(14px,1.6vw,26px);font-family:var(--voz);font-size:var(--t-small);font-weight:500}
.nav>a{position:relative;display:flex;align-items:center;min-height:44px;white-space:nowrap}
.nav>a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--sale)}

/* Desplegable de herramientas */
.util{position:relative}
.util__disparo{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;
  border:1.5px solid var(--linea-crema);border-radius:var(--r-boton);background:transparent;color:var(--crema);cursor:pointer;
  font-family:var(--voz);font-size:.875rem;font-weight:600;white-space:nowrap;
  transition:background-color var(--roce) var(--sale),color var(--roce) var(--sale),border-color var(--roce) var(--sale);
}
.util__disparo svg{width:12px;height:12px;flex:none;transition:transform var(--relleno) var(--sale)}
.util.abierto .util__disparo{background:var(--crema);color:var(--tinta);border-color:var(--crema)}
.util.abierto .util__disparo svg{transform:rotate(180deg)}
.util__panel{
  position:absolute;top:calc(100% + 12px);right:0;width:400px;max-width:calc(100vw - 32px);
  background:var(--crema);color:var(--tinta);border-radius:var(--r-tarjeta);padding:10px;
  box-shadow:0 30px 70px -28px rgba(30,22,17,.62);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .28s var(--sale),transform .38s var(--sale),visibility 0s linear .38s;
}
.util.abierto .util__panel{opacity:1;visibility:visible;transform:none;transition:opacity .28s var(--sale),transform .38s var(--sale)}
.util__panel a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;padding:13px 16px;border-radius:var(--r-media);transition:background-color var(--roce) var(--sale)}
.util__panel b{font-family:var(--voz);font-size:1rem;font-weight:700;line-height:1.2}
.util__panel small{grid-column:1;font-family:var(--lectura);font-size:.875rem;line-height:1.4;color:var(--tierra)}
.util__panel svg{grid-column:2;grid-row:1 / span 2;width:15px;height:15px;color:var(--cantera-texto)}
@media (hover:hover) and (pointer:fine){
  .nav>a:hover::after{transform:scaleX(1);transform-origin:left}
  .util__disparo:hover{background:var(--crema);color:var(--tinta);border-color:var(--crema)}
  .util__panel a:hover{background:rgba(30,22,17,.07)}
}
/* El CTA del encabezado aparece al salir de la portada: ahí la portada ya tiene el suyo */
.top__cta{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:var(--r-boton);background:var(--crema);color:var(--tinta);font-family:var(--voz);font-size:.875rem;font-weight:700;white-space:nowrap;transition:background-color var(--roce) var(--sale),opacity .35s var(--sale),transform .35s var(--sale)}
.top:not(.solida) .top__cta{opacity:0;transform:translateY(-6px);pointer-events:none}
@media (hover:hover) and (pointer:fine){ .top__cta:hover{background:var(--brasa)} }

.top__menu{display:none;width:48px;height:48px;margin-right:-10px;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer;color:var(--crema)}
.top__menu span{position:relative;display:block;width:24px;height:2px;border-radius:2px;background:currentColor;transition:background-color .3s}
.top__menu span::before,.top__menu span::after{content:"";position:absolute;left:0;width:24px;height:2px;border-radius:2px;background:currentColor;transition:transform .45s var(--sale)}
.top__menu span::before{transform:translateY(-7px)}
.top__menu span::after{transform:translateY(7px)}
.menu-abierto .top__menu span{background:transparent}
.menu-abierto .top__menu span::before{transform:rotate(45deg)}
.menu-abierto .top__menu span::after{transform:rotate(-45deg)}
@media (max-width:1279px){
  .nav,.top__cta{display:none}
  .top__menu{display:flex}
}

.menu{position:fixed;inset:0;z-index:45;overflow-y:auto;overscroll-behavior:contain;background:var(--tinta);color:var(--crema);padding:calc(var(--alto-top) + env(safe-area-inset-top) + 20px) max(var(--gutter),env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));display:flex;flex-direction:column;gap:28px;opacity:0;visibility:hidden;transition:opacity .4s var(--sale),visibility 0s linear .4s}
.menu-abierto .menu{opacity:1;visibility:visible;transition:opacity .4s var(--sale)}
.menu-abierto body{overflow:hidden}
.menu__nav{display:flex;flex-direction:column}
.menu__nav a{display:flex;align-items:center;min-height:54px;font-family:var(--voz);font-weight:800;font-stretch:84%;font-size:clamp(1.9rem,7.4vw,3rem);line-height:1.08;letter-spacing:-.028em;padding-block:6px;border-bottom:1px solid var(--linea-crema-tenue)}
.menu__grupo{display:grid;gap:8px}
.menu__grupo .rotulo{color:var(--brasa);margin-bottom:4px}
.menu__grupo a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 14px;min-height:56px;padding:12px 18px;border:1.5px solid var(--linea-crema);border-radius:var(--r-media);font-family:var(--voz);font-size:1.0625rem;font-weight:700}
.menu__grupo small{grid-column:1;font-family:var(--lectura);font-size:.875rem;font-weight:400;line-height:1.4;color:var(--arena)}
.menu__grupo svg{grid-column:2;grid-row:1 / span 2;width:15px;height:15px;flex:none}
.menu .boton{width:100%}
.menu__contacto{display:flex;flex-wrap:wrap;gap:4px 24px;font-family:var(--voz);font-size:var(--t-small);font-weight:500;color:var(--arena)}
.menu__contacto a{display:inline-flex;align-items:center;min-height:44px}

/* ── Portada ────────────────────────────────────────────── */
.portada{position:relative;isolation:isolate;overflow:hidden;background:var(--cantera);color:var(--crema);padding-bottom:clamp(56px,7vw,96px)}
.portada__fondo{position:absolute;inset:-8% 0 0;z-index:-2;overflow:hidden;will-change:transform}
.portada__poster,.portada__video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;filter:grayscale(1) contrast(1.12) brightness(1.04)}
.portada__video{opacity:0;transition:opacity 1.6s var(--sale)}
.portada__video.lista{opacity:1}
.portada__tinte{position:absolute;inset:0;background:var(--cantera);mix-blend-mode:multiply}
.portada__sombra{position:absolute;inset:0;background:
  linear-gradient(to top,rgba(90,40,20,.66) 0%,rgba(90,40,20,.2) 44%,rgba(90,40,20,0) 66%),
  radial-gradient(75% 65% at 0% 100%,rgba(90,40,20,.4),rgba(90,40,20,0) 70%),
  linear-gradient(to bottom,rgba(60,26,12,.4),rgba(60,26,12,0) 24%)}
.portada__marca{position:absolute;z-index:-1;right:clamp(-420px,-18vw,-110px);top:clamp(70px,7vw,110px);width:clamp(500px,66vw,1020px);height:auto;max-width:none;color:var(--crema);opacity:.18;pointer-events:none}
.portada__orbita{transform-box:view-box;transform-origin:20px 20px}
.portada__cuerpo{position:relative;padding-top:calc(var(--alto-top) + env(safe-area-inset-top) + clamp(28px,4vw,64px))}
.clausula{
  margin-top:24px;font-family:var(--voz);font-weight:800;font-stretch:84%;font-variation-settings:"opsz" 96;
  font-size:var(--t-display);line-height:1.0;letter-spacing:-.03em;color:var(--crema);
}
.clausula .linea{display:block;padding-bottom:.16em;margin-bottom:-.13em;clip-path:inset(-.5em -.6em 0 -.6em)}
.clausula .linea>span{display:block}
.clausula .it{font-family:var(--firma);font-style:italic;font-weight:400;font-size:1.08em;letter-spacing:-.01em;line-height:1.1;white-space:nowrap}
.portada__pie{margin-top:clamp(28px,3.6vw,44px);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 56px}
.portada__texto{color:var(--crema-clara);max-width:40ch}
.acciones{display:flex;flex-wrap:wrap;gap:12px}

/* ── Cifras (sección propia, ya no dentro de la portada) ── */
.cifras-banda{background:var(--tinta);color:var(--crema);padding-block:clamp(36px,4.4vw,60px)}
.cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,40px)}
.cifra{padding-left:clamp(18px,2vw,28px);border-left:2px solid var(--linea-crema-tenue)}
.cifra:first-child{padding-left:0;border-left:0}
.cifra dt{font-family:var(--voz);font-weight:800;font-stretch:80%;font-size:var(--t-cifra);line-height:1;letter-spacing:-.032em;font-variant-numeric:tabular-nums}
.cifra dd{margin-top:8px;font-family:var(--voz);font-size:var(--t-small);font-weight:500;line-height:1.35;color:var(--arena)}

/* ── Servicios ──────────────────────────────────────────── */
.servicios{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.8vw,26px)}
.servicio{
  position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-tarjeta);
  padding:clamp(28px,3.2vw,46px) clamp(24px,3.2vw,46px) clamp(32px,3.6vw,52px);
  background:var(--crema-clara);border:2px solid var(--linea-tinta);
  transition:color var(--relleno) var(--sale),border-color var(--relleno) var(--sale),transform var(--relleno) var(--sale);
}
.servicio::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--tinta);transform:scale(.6);opacity:0;transition:transform .55s var(--sale),opacity .4s var(--sale)}
.servicio__num{font-family:var(--voz);font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--cantera-texto);transition:color var(--relleno) var(--sale)}
.servicio h3{margin-top:clamp(18px,2.2vw,30px);font-family:var(--voz);font-weight:750;font-stretch:88%;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.04;letter-spacing:-.022em;text-wrap:balance;max-width:18ch;padding-bottom:.05em}
.servicio__gancho{margin-top:14px;font-family:var(--voz);font-size:1.0625rem;font-weight:600;line-height:1.4;color:var(--cantera-texto);max-width:34ch;transition:color var(--relleno) var(--sale)}
.servicio p:not(.servicio__gancho){margin-top:10px;max-width:40ch;font-size:1.0625rem;line-height:1.56;color:var(--tierra);transition:color var(--relleno) var(--sale)}
.servicio--tinta{background:var(--tinta);color:var(--crema);border-color:var(--tinta)}
.servicio--tinta::before{background:var(--cantera)}
.servicio--tinta .servicio__num,.servicio--tinta .servicio__gancho{color:var(--brasa)}
.servicio--tinta p:not(.servicio__gancho){color:var(--arena)}
@media (hover:hover) and (pointer:fine){
  .servicio:hover{color:var(--crema);border-color:transparent;transform:translateY(-3px)}
  .servicio:hover::before{transform:scale(1);opacity:1}
  .servicio:hover .servicio__num,.servicio:hover .servicio__gancho{color:var(--brasa)}
  .servicio:hover p:not(.servicio__gancho){color:var(--crema-clara)}
  .servicio--tinta:hover .servicio__num,.servicio--tinta:hover .servicio__gancho{color:var(--crema)}
  .servicio--tinta:hover p:not(.servicio__gancho){color:var(--crema-clara)}
}

/* Tira del auditor, dentro de Servicios */
.auditor{
  margin-top:clamp(20px,2.4vw,30px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 36px;
  padding:clamp(24px,2.8vw,38px) clamp(24px,3vw,44px);border-radius:var(--r-tarjeta);
  background:var(--cantera);color:var(--crema);
}
.auditor h3{font-family:var(--voz);font-weight:800;font-stretch:86%;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.06;letter-spacing:-.022em;padding-bottom:.05em}
.auditor p{margin-top:10px;max-width:52ch;font-size:1.0625rem;line-height:1.5;color:var(--crema-clara)}
.auditor .boton{flex:none}

/* ── Clientes ───────────────────────────────────────────── */
.cinta{margin-top:clamp(40px,5vw,68px);border-block:2px solid var(--linea-crema-tenue);padding-block:clamp(22px,2.8vw,40px);overflow:hidden;display:grid;gap:4px}
.fila{display:flex;width:max-content}
.fila ul{display:flex;gap:clamp(22px,2.6vw,44px);padding-right:clamp(22px,2.6vw,44px)}
.fila li{font-family:var(--voz);font-weight:800;font-stretch:80%;font-size:clamp(2rem,4.4vw,4rem);line-height:1.12;letter-spacing:-.028em;white-space:nowrap}
.fila--a li:nth-child(even),.fila--b li:nth-child(odd){color:transparent;-webkit-text-stroke:1.5px var(--crema)}
.cinta.pausada{border-color:var(--brasa)}
.cinta.pausada .fila{animation-play-state:paused!important}
.casos__control{margin-top:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}
.casos__nota{font-family:var(--voz);font-size:var(--t-small);font-weight:500;color:var(--arena);max-width:60ch}
.pausa{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1.5px solid var(--linea-crema);border-radius:var(--r-boton);background:transparent;cursor:pointer;font-family:var(--voz);font-size:.875rem;font-weight:600;color:var(--crema);transition:background-color var(--roce) var(--sale),color var(--roce) var(--sale),border-color var(--roce) var(--sale)}
.pausa svg{width:13px;height:13px;flex:none}
.pausa .icono-reanudar{display:none}
.pausa[aria-pressed="true"]{background:var(--brasa);border-color:var(--brasa);color:var(--tinta)}
.pausa[aria-pressed="true"] .icono-pausar{display:none}
.pausa[aria-pressed="true"] .icono-reanudar{display:block}
@media (hover:hover) and (pointer:fine){ .pausa:hover{background:var(--crema);color:var(--tinta);border-color:var(--crema)} }
@media (max-width:640px){
  .fila--a li:nth-child(even),.fila--b li:nth-child(odd){color:var(--brasa);-webkit-text-stroke:0}
}

/* ── Paper ──────────────────────────────────────────────── */
.paper{display:grid;grid-template-columns:minmax(0,7fr) minmax(340px,4.3fr);gap:clamp(36px,5vw,92px);align-items:start}
.paper .titular{margin-top:24px}
.paper__texto{margin-top:26px;max-width:48ch;font-size:1.1875rem;line-height:1.6;color:var(--tinta-suave)}
.paper__cifras{margin-top:44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);border-top:3px solid var(--tinta)}
.paper__cifras div{padding-top:20px}
.paper__cifras dt{font-family:var(--voz);font-weight:800;font-stretch:78%;font-size:clamp(4rem,10vw,9rem);line-height:.86;letter-spacing:-.042em;font-variant-numeric:tabular-nums;color:var(--cantera)}
.paper__cifras dd{margin-top:12px;font-family:var(--voz);font-size:1.0625rem;font-weight:600;line-height:1.3}
.paper__meta{margin-top:26px;padding-top:18px;border-top:1px solid var(--linea-tinta);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;font-family:var(--voz)}
.paper__meta b{font-size:1.625rem;font-weight:800;font-stretch:86%;letter-spacing:-.02em}
.paper__meta span{font-size:1rem;font-weight:500;color:var(--tierra)}
.fuentes{margin-top:20px;font-family:var(--voz);font-size:var(--t-small);font-weight:500;line-height:1.5;color:var(--tierra)}

.hoja{position:sticky;top:calc(var(--alto-top) + 24px);background:var(--tinta);color:var(--crema);border-radius:var(--r-tarjeta);padding:clamp(28px,3vw,42px) clamp(24px,2.8vw,38px);box-shadow:0 40px 70px -40px rgba(30,22,17,.65)}
.hoja h3{font-family:var(--voz);font-weight:800;font-stretch:86%;font-size:clamp(1.7rem,2.3vw,2rem);line-height:1.06;letter-spacing:-.024em;padding-bottom:.04em}
.hoja__intro{margin-top:10px;font-size:1.0625rem;line-height:1.52;color:var(--arena)}
.campos{margin-top:26px;display:grid;gap:18px}
.campo label{display:block;font-family:var(--voz);font-size:var(--t-small);font-weight:600;color:var(--arena)}
.campo input,.campo select{
  display:block;width:100%;min-height:50px;margin-top:7px;padding:10px 16px;border:1.5px solid rgba(242,231,213,.42);border-radius:var(--r-campo);
  background:rgba(242,231,213,.05);color:var(--crema);font-family:var(--lectura);font-size:1.0625rem;outline:none;appearance:none;-webkit-appearance:none;
  transition:border-color .3s var(--sale),background-color .3s var(--sale);
}
.campo input::placeholder{color:#A1937F;opacity:1}
.campo select{cursor:pointer;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23D9CCB7' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.campo select:invalid{color:#A1937F}
.campo select option{color:var(--tinta);background:var(--crema)}
.campo input:focus,.campo select:focus{border-color:var(--brasa);background:rgba(242,231,213,.09)}
.campo.error input,.campo.error select{border-color:#F2A07F}
.campo__error{display:block;margin-top:7px;font-family:var(--voz);font-size:.875rem;font-weight:500;color:#F2A07F}
.hoja .boton{width:100%;margin-top:26px}
.hoja__aviso{margin-top:14px;font-size:.875rem;line-height:1.5;color:var(--arena-baja)}
.listo h3{margin-bottom:10px}
.listo p{color:var(--arena);font-size:1.0625rem}
.listo .boton{width:100%;margin-top:22px}
.listo .boton + .boton{margin-top:10px}

/* ── Método ─────────────────────────────────────────────── */
.regla{margin-top:clamp(48px,5.6vw,80px);--avance:1}
.regla__pista{position:relative;height:62px;border-inline:3px solid var(--crema);border-radius:8px}
.regla__dias{position:absolute;inset:auto 0 3px;height:15px;background:repeating-linear-gradient(to right,rgba(242,231,213,.5) 0 1px,transparent 1px calc(100% / 90))}
.regla__decenas{position:absolute;inset:auto 0 3px;height:28px;background:repeating-linear-gradient(to right,rgba(242,231,213,.9) 0 2px,transparent 2px calc(100% / 9))}
.regla__fases{position:absolute;inset:0 0 3px;background:repeating-linear-gradient(to right,transparent 0 calc(100% / 3 - 3px),var(--crema) calc(100% / 3 - 3px) calc(100% / 3))}
.regla__base{position:absolute;inset:auto 0 0;height:3px;border-radius:2px;background:var(--linea-crema)}
.regla__avance{position:absolute;inset:auto 0 0;height:7px;border-radius:4px;background:var(--tinta);transform-origin:left;transform:scaleX(var(--avance))}
.regla__marca{position:absolute;bottom:16px;left:clamp(40px,calc(var(--avance) * 100%),calc(100% - 40px));transform:translateX(-50%);padding:6px 13px;border-radius:var(--r-boton);background:var(--tinta);color:var(--crema);font-family:var(--voz);font-size:var(--t-small);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.fases{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.fase{transition:opacity var(--relleno) var(--sale)}
.regla.midiendo .fase{opacity:.72}
.regla.midiendo .fase.activa{opacity:1}
.fase b{display:block;font-family:var(--voz);font-weight:800;font-stretch:86%;font-size:1.6rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fase p{margin-top:9px;max-width:32ch;font-size:1.0625rem;line-height:1.5;color:var(--crema-clara)}
.reglas{margin-top:clamp(60px,6.4vw,100px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,32px)}
.reglas li{padding:26px clamp(20px,2vw,28px) clamp(26px,2.4vw,34px);border-radius:var(--r-tarjeta);background:rgba(30,22,17,.14)}
.reglas b{display:block;font-family:var(--voz);font-weight:800;font-stretch:78%;font-size:clamp(3rem,5.4vw,5rem);line-height:.88;letter-spacing:-.034em;font-variant-numeric:tabular-nums}
.reglas p{margin-top:18px;font-size:1.0625rem;line-height:1.54;color:var(--crema-clara)}
.reglas li:last-child{background:var(--tinta)}
.reglas li:last-child b{color:var(--brasa)}
.reglas li:last-child p{color:var(--crema-clara);font-weight:600}

/* ── eCRM ───────────────────────────────────────────────── */
.ecrm{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(40px,5vw,96px);align-items:center}
.ecrm .titular{margin-top:0}
.ecrm .lead{margin-top:24px;max-width:42ch}
.ecrm__acciones{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.ecrm__nota{font-family:var(--voz);font-size:var(--t-small);font-weight:500;line-height:1.45;color:var(--arena);max-width:32ch}
.ventana{position:relative;background:var(--crema);color:var(--tinta);border-radius:var(--r-tarjeta);overflow:hidden;box-shadow:0 50px 90px -50px rgba(0,0,0,.8)}
.ventana__barra{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;background:var(--cantera);color:var(--crema);font-family:var(--voz);font-size:var(--t-small);font-weight:700}
.ventana__barra span{display:flex;align-items:center;gap:10px;min-width:0}
.ventana__barra svg{width:26px;height:26px;flex:none}
.modulos{display:grid;padding:6px}
.modulo{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 16px;border-radius:var(--r-media)}
.modulo + .modulo{box-shadow:0 -1px 0 var(--linea-tinta)}
.modulo__icono{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--tinta);color:var(--crema)}
.modulo b{display:block;font-family:var(--voz);font-weight:750;font-stretch:88%;font-size:1.3rem;line-height:1.14;letter-spacing:-.015em}
.modulo small{display:block;margin-top:2px;font-size:.9375rem;line-height:1.4;color:var(--tierra)}
.modulo .flecha{color:var(--cantera-texto)}
.ventana__pie{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 22px 20px;font-family:var(--voz);font-size:.875rem;font-weight:600}
.ventana__pie span{color:var(--tierra);margin-right:4px}
.ventana__pie em{font-style:normal;padding:7px 15px;border-radius:var(--r-boton);border:1.5px solid var(--tinta)}

/* ── Preguntas frecuentes ───────────────────────────────── */
.faq{display:grid;grid-template-columns:minmax(0,4.2fr) minmax(0,7fr);gap:clamp(32px,5vw,92px);align-items:start}
.faq__otra{margin-top:28px;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:var(--r-boton);border:2px solid var(--cantera);font-family:var(--voz);font-size:1rem;font-weight:700;color:var(--cantera-texto);transition:background-color var(--roce) var(--sale),color var(--roce) var(--sale)}
.faq__otra svg{width:15px;height:15px;transition:transform var(--relleno) var(--sale)}
@media (hover:hover) and (pointer:fine){ .faq__otra:hover{background:var(--cantera);color:var(--crema)} .faq__otra:hover svg{transform:translateX(4px)} }
.preguntas{display:grid;gap:10px}
.pregunta{border-radius:var(--r-media);background:var(--crema-clara);border:1.5px solid var(--linea-tinta);overflow:hidden;transition:background-color var(--roce) var(--sale)}
.pregunta summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px clamp(20px,2.2vw,30px)}
.pregunta summary::-webkit-details-marker{display:none}
.pregunta h3{font-family:var(--voz);font-weight:750;font-stretch:88%;font-size:var(--t-h3);line-height:1.14;letter-spacing:-.018em;transition:color var(--roce) var(--sale)}
.pregunta__signo{position:relative;flex:none;width:24px;height:24px}
.pregunta__signo::before,.pregunta__signo::after{content:"";position:absolute;left:0;top:50%;width:24px;height:2px;margin-top:-1px;border-radius:2px;background:var(--tinta);transition:transform var(--relleno) var(--sale),background-color .35s}
.pregunta__signo::after{transform:rotate(90deg)}
.pregunta[open] .pregunta__signo::after{transform:rotate(0)}
.pregunta[open] .pregunta__signo::before,.pregunta[open] .pregunta__signo::after{background:var(--cantera)}
.pregunta p{padding:0 clamp(20px,2.2vw,30px) 26px;max-width:62ch;font-size:1.0625rem;line-height:1.62;color:var(--tinta-suave)}
@media (hover:hover) and (pointer:fine){ .pregunta summary:hover h3{color:var(--cantera-texto)} }
@supports (interpolate-size:allow-keywords){
  @media (prefers-reduced-motion:no-preference){
    .preguntas{interpolate-size:allow-keywords}
    .pregunta::details-content{block-size:0;overflow:hidden;transition:block-size .5s var(--sale),content-visibility .5s allow-discrete}
    .pregunta[open]::details-content{block-size:auto}
  }
}

/* ── Contacto ───────────────────────────────────────────── */
.contacto{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:36px 60px;align-items:end}
.contacto .titular{font-stretch:80%;font-size:clamp(3.4rem,9vw,8rem);line-height:.98;letter-spacing:-.034em}
.contacto__lado{display:grid;gap:24px;justify-items:start}
.contacto__lado .lead{max-width:38ch}
.contacto__acciones{display:grid;gap:10px;width:100%;max-width:420px}
.contacto__acciones .boton{width:100%}

/* ── Pie ────────────────────────────────────────────────── */
.pie{position:relative;background:var(--tinta);color:var(--crema);padding-top:clamp(60px,6.6vw,92px);padding-bottom:calc(28px + env(safe-area-inset-bottom))}
.pie__rejilla{display:grid;grid-template-columns:minmax(0,4.6fr) repeat(3,minmax(0,2.4fr));gap:36px}
.pie__marca .logo svg{width:50px;height:50px}
.pie__define{margin-top:20px;max-width:38ch;font-size:1rem;line-height:1.6;color:var(--arena)}
.pie h2{font-family:var(--voz);font-size:var(--t-label);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--brasa)}
.pie ul,.pie address{margin-top:12px;display:grid;font-family:var(--voz);font-size:1rem;font-weight:500}
.pie li a,.pie address a{display:inline-flex;align-items:center;gap:8px;min-height:44px;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 10px)/0 1px no-repeat;transition:background-size .4s var(--sale)}
@media (hover:hover) and (pointer:fine){ .pie li a:hover,.pie address a:hover{background-size:100% 1px} }
.pie__base{margin-top:clamp(44px,5.4vw,72px);padding-top:20px;border-top:1px solid var(--linea-crema-tenue);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 32px;font-family:var(--voz);font-size:.875rem;font-weight:500;color:var(--arena)}

/* ── WhatsApp ───────────────────────────────────────────── */
.wa{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
@media (min-width:821px){ .wa{right:28px;bottom:28px} }
.wa__boton{position:relative;height:60px;padding:0 24px 0 20px;border-radius:var(--r-boton);display:inline-flex;align-items:center;gap:12px;border:0;cursor:pointer;background:var(--tinta);color:var(--crema);box-shadow:0 0 0 2px rgba(242,231,213,.3),0 18px 40px -16px rgba(30,22,17,.75);font-family:var(--voz);font-size:1rem;font-weight:700;white-space:nowrap;touch-action:manipulation;transition:background-color var(--roce) var(--sale),transform 160ms var(--sale)}
.wa__boton svg{width:26px;height:26px;flex:none;transition:transform var(--relleno) var(--sale)}
.wa__boton::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--brasa);opacity:0;pointer-events:none}
.wa__boton:active{transform:scale(.96)}
.wa__boton:focus-visible{outline:3px solid var(--brasa);outline-offset:4px}
.wa.abierto .wa__boton svg{transform:rotate(-12deg) scale(.92)}
.wa__panel{width:min(348px,calc(100vw - 32px));max-height:calc(100dvh - 130px);overflow-y:auto;background:var(--crema);color:var(--tinta);border-radius:var(--r-tarjeta);box-shadow:0 36px 70px -28px rgba(30,22,17,.6);opacity:0;visibility:hidden;transform:translateY(12px) scale(.97);transform-origin:bottom right;transition:opacity .32s var(--sale),transform var(--relleno) var(--sale),visibility 0s linear .48s}
.wa.abierto .wa__panel{opacity:1;visibility:visible;transform:none;transition:opacity .32s var(--sale),transform var(--relleno) var(--sale)}
.wa__cabeza{display:flex;align-items:center;gap:12px;padding:18px 22px;background:var(--tinta);color:var(--crema)}
.wa__cabeza svg{width:38px;height:38px;flex:none}
.wa__cabeza b{display:block;font-family:var(--voz);font-size:.975rem;font-weight:700}
.wa__cabeza span{display:flex;align-items:center;gap:7px;font-family:var(--voz);font-size:.8125rem;color:var(--arena)}
.wa__vivo{width:7px;height:7px;border-radius:50%;background:#6FD08C;flex:none}
.wa__cuerpo{padding:18px 20px 20px}
.wa__msg{padding:13px 16px;border-radius:var(--r-media);border-bottom-left-radius:6px;background:var(--crema-clara);font-size:.975rem;line-height:1.5}
.wa__opciones{margin-top:14px;display:grid;gap:8px}
.wa__opciones a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:11px 18px;border:2px solid var(--tinta);border-radius:var(--r-boton);font-family:var(--voz);font-size:.9375rem;font-weight:600;transition:background-color .3s var(--sale),color .3s var(--sale)}
.wa__opciones svg{width:15px;height:15px;flex:none}
.wa__opciones a:focus-visible{outline-color:var(--tinta)}
@media (hover:hover) and (pointer:fine){ .wa__opciones a:hover{background:var(--tinta);color:var(--crema)} }
.wa__pie{margin-top:12px;text-align:center;font-family:var(--voz);font-size:.8125rem;color:var(--tierra)}

/* ── Movimiento ─────────────────────────────────────────── */
@media (prefers-reduced-motion:no-preference){
  .clausula .linea>span{animation:alzar var(--revelado) var(--sale) both}
  .clausula .linea:nth-child(2)>span{animation-delay:.12s}
  .entra{animation:llegar .9s var(--sale) both;animation-delay:var(--retraso,0s)}
  .portada__orbita{animation:orbitar 36s linear infinite}
  .portada__poster,.portada__video{animation:asentar 2.4s var(--sale) both}
  .revelado{animation:llegar var(--revelado) var(--sale) both;animation-delay:calc(var(--i,0) * 70ms)}
  .fila{animation:correr 70s linear infinite}
  .fila--b{animation-duration:84s;animation-direction:reverse}
  .cinta:hover .fila,.cinta:focus-within .fila{animation-play-state:paused}
  .wa__boton::after{animation:latido 5s var(--sale) 2.5s infinite}
}
@keyframes alzar{from{transform:translateY(110%)}to{transform:none}}
@keyframes llegar{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes orbitar{to{transform:rotate(360deg)}}
@keyframes asentar{from{transform:scale(1.08)}to{transform:none}}
@keyframes correr{to{transform:translateX(-50%)}}
@keyframes latido{0%{transform:scale(1);opacity:.75}55%,100%{transform:scale(1.12);opacity:0}}

@media (prefers-reduced-motion:reduce){
  .portada__video,.casos__control .pausa{display:none}
  .fila{width:auto}
  .fila ul{flex-wrap:wrap;row-gap:4px}
  .fila ul[aria-hidden]{display:none}
  .boton,.boton::before,.servicio,.servicio::before,.top{transition-duration:.01ms}
}

/* ── Anchos ─────────────────────────────────────────────── */
@media (max-width:1100px){
  .paper,.faq,.ecrm,.contacto{grid-template-columns:minmax(0,1fr)}
  .hoja{position:relative;top:auto;max-width:600px}
  .ventana{max-width:620px}
  .reglas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cifras{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .cifra:nth-child(3){padding-left:0;border-left:0}
  .pie__rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pie__marca{grid-column:1 / -1}
}
@media (max-width:820px){
  :root{--alto-top:74px}
  .servicios{grid-template-columns:minmax(0,1fr)}
  .fases{grid-template-columns:minmax(0,1fr);gap:0}
  .fase{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:baseline;padding-block:15px;border-bottom:1px solid var(--linea-crema-tenue)}
  .fase b{font-size:1.25rem}
  .fase p{margin-top:0}
  .pie__rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
  .auditor{flex-direction:column;align-items:flex-start}
  .auditor .boton{width:100%}
}
@media (max-width:560px){
  :root{--t-display:clamp(2.5rem,12.4vw,3.4rem);--t-h2:clamp(2.1rem,9.6vw,2.7rem)}
  body{font-size:1.0625rem}
  .logo svg{width:40px;height:40px}
  .logo__wm b{font-size:1.55rem}
  .clausula .it{display:block;white-space:normal}
  .portada__marca{opacity:.1}
  .contacto .titular{font-size:clamp(2.8rem,13.6vw,4rem)}
  .acciones{width:100%;flex-direction:column}
  .acciones .boton,.ecrm__acciones .boton,.faq__otra{width:100%}
  .faq__otra{justify-content:center}
  .cifras{gap:20px}
  .cifra{padding-left:16px}
  .cifra dd{font-size:.875rem}
  .servicio h3{max-width:none}
  .reglas{grid-template-columns:minmax(0,1fr)}
  .reglas b{font-size:2.8rem}
  .reglas p{margin-top:14px;font-size:1.0625rem}
  .regla__pista{height:46px}
  .regla__marca{font-size:.8125rem;padding:5px 11px;bottom:12px}
  .fase{grid-template-columns:96px minmax(0,1fr)}
  .fase p{font-size:1rem}
  .modulo{grid-template-columns:40px minmax(0,1fr);gap:14px;padding:14px}
  .modulo__icono{width:40px;height:40px;border-radius:12px}
  .modulo .flecha{display:none}
  .modulo b{font-size:1.1rem}
  .modulo small{font-size:.875rem}
  .ventana__barra{padding:13px 18px;font-size:.875rem}
  .pregunta summary{padding:19px 20px;gap:16px}
  .pregunta p{padding:0 20px 22px;font-size:1.0625rem}
  .pie__rejilla{grid-template-columns:minmax(0,1fr);gap:30px}
  .wa__boton{height:56px;padding:0 20px 0 17px;font-size:.9375rem}
  .wa__boton svg{width:24px;height:24px}
}
@media (max-width:380px){
  .logo__wm span{display:none}
  .boton{padding:0 22px;font-size:1rem}
  .cifra dt{font-size:2rem}
  .paper__cifras dt{font-size:3.6rem}
  .wa__boton span{display:none}
  .wa__boton{padding:0 18px}
}
/* Teléfono en horizontal */
@media (max-height:520px) and (orientation:landscape){
  :root{--alto-top:66px;--t-display:clamp(2.4rem,6.6vw,3.8rem)}
  .top__fila,.top.solida .top__fila{padding-block:8px}
  .portada__cuerpo{padding-top:calc(var(--alto-top) + 22px)}
  .menu__nav a{font-size:1.7rem;min-height:46px}
}
@media print{
  .top,.menu,.wa,.portada__fondo,.portada__marca,.casos__control{display:none!important}
  .portada,.banda--cantera,.banda--tinta,.cifras-banda,.pie{background:#fff!important;color:#000!important}
  .banda::after{display:none}
  .fila{animation:none!important;width:auto}
  .fila ul{flex-wrap:wrap}
  .fila ul[aria-hidden]{display:none}
  .hoja{position:static;box-shadow:none}
}

/* Mobile / performance hardening */
.boton,.top__cta,.menu__boton,.util__disparo,.wa__boton,.faq__otra,.hoja a{
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.portada__fondo{transform:translateZ(0);}
.portada__poster{display:block;width:100%;height:100%;object-fit:cover;}
@media(max-width:820px){
  .portada__fondo{transform:none!important;}
  .marco{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));}
  .boton{min-height:52px;width:100%;}
  .acciones,.ecrm__acciones{width:100%;}
  .ecrm__acciones .boton{width:100%;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
}

body.sin-scroll{overflow:hidden;}