/* Pulido tras la auditoría visual del 4 oct 2026 (_fuente/auditoria-visual-2026-10-04.md). Va el último en la cascada. */
/* 4 · «Cómo funciona»: número, título y texto desde arriba, títulos a la misma altura */
.steps{align-items:stretch}
.steps .step{display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
.steps .step h3{margin:22px 0 10px!important;padding-top:0!important;min-height:2.3em}
/* 18 · tarjetas con check: títulos a la misma altura */
.sec--why .cards .card h3{min-height:2.4em}
/* 26 · texto gris pequeño de las tarjetas claras, más legible */
.sec--why .card p,.steps .step:not(:first-child) p,.sec--related .tile p{color:rgba(0,23,68,.78)!important;font-weight:500}
/* 9 · cajas «¿Qué es…?» y de precio: vidrio sobre la banda en vez de blanco puro */
.answer,.price{background:rgba(255,255,255,.66)!important;-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%);
  border:1px solid rgba(0,23,68,.08);box-shadow:0 18px 40px rgba(0,23,68,.08)!important}
/* 5 · pie: tinte azul con grano, nunca plano */
.ftr{background-color:#eef2f9!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 .09 0 0 0 0 .27 0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),radial-gradient(60% 90% at 90% 0%,rgba(193,215,46,.18),transparent 60%),radial-gradient(55% 80% at 0% 100%,rgba(56,104,214,.12),transparent 65%)!important}
/* 10 · formatos de exterior: pastillas claras con icono lima, misma altura (el lima queda para los botones) */
.cards--fmt .card--fmt{background:rgba(255,255,255,.78)!important;color:#001744!important;border:1px solid rgba(0,23,68,.1);min-height:74px;display:flex;align-items:center;gap:12px;box-shadow:none!important}
.cards--fmt .card--fmt .card__ic{background:#C1D72E!important;color:#001744!important;border-radius:12px}
.cards--fmt .card--fmt h3,.cards--fmt .card--fmt p{color:#001744!important}
/* 12 · botón desactivado del planificador: legible sobre navy */
.op__go:disabled{opacity:1!important;background:transparent!important;border:1.5px solid rgba(193,215,46,.65)!important;color:rgba(193,215,46,.9)!important}
/* 15 · portátil de las cabeceras: sin el rectángulo recortado alrededor */
.svc-hero__media--laptop img{-webkit-mask-image:radial-gradient(ellipse 74% 72% at 50% 52%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 74% 72% at 50% 52%,#000 62%,transparent 100%)}
/* 21 · requisitos neutros de Clones con icono de información, no con X */
.xlist li.is-note svg{color:#5b7bd6}
/* fondo generativo de «Qué montamos» */
.sec--inc.tex-dark{position:relative;isolation:isolate}
.sec--inc .flow-bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}

/* ===== 5 oct ===== */
html:has(#ck:not([hidden])) chat-widget{display:none!important}
/* brillo de las tarjetas: con transform en vez de left (antes movía la página al hacer scroll); mismo recorrido: 190 % de la tarjeta */
@keyframes sheen{0%{transform:translateX(0) skewX(-18deg);opacity:1}100%{transform:translateX(475%) skewX(-18deg);opacity:1}}
/* cabeceras claras (Contacto, Industrias, Recursos): el H1 arranca alineado con la miga y con el tamaño del resto */
.hero--page:not(.hero--dark) .page-hero{max-width:1264px}
.hero--page:not(.hero--dark) h1{font-size:clamp(40px,4.6vw,64px);line-height:1.04;max-width:20ch}
.hero--page:not(.hero--dark) .lead{max-width:62ch}
/* foco visible en las tarjetas de formatos de exterior */
.fmt-x:focus-visible{outline:3px solid #001744;outline-offset:3px}
/* «Tu campaña» vuelve a quedarse fija al hacer scroll (overflow:hidden en main la anulaba) */
.t-aigocy main{overflow:clip}

/* «Pruébalo tú mismo» en los widgets interactivos (la clase try-on la pone widgets-2026-10.js) */
.try-on{position:relative}
.try-on::after{content:"Try it yourself";position:absolute;top:-14px;right:18px;z-index:6;padding:7px 13px 7px 31px;border-radius:999px;background:#C1D72E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23001744' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 14a8 8 0 0 1-8 8'/%3E%3Cpath d='M18 11v-1a2 2 0 0 0-2-2a2 2 0 0 0-2 2'/%3E%3Cpath d='M14 10V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1'/%3E%3Cpath d='M10 9.5V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v10'/%3E%3Cpath d='M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15'/%3E%3C/svg%3E") no-repeat 10px 50%/15px 15px;color:#001744;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 6px 16px rgba(0,23,68,.28);pointer-events:none;transition:opacity .35s,transform .35s}
.try-on:lang(es)::after{content:"Pruébalo tú mismo"}
.try-used::after{opacity:0;transform:translateY(-6px)}
@media (prefers-reduced-motion:no-preference){.try-on::after{animation:tryBob 2.6s ease-in-out infinite}.try-used::after{animation:none}}
@keyframes tryBob{0%,100%{translate:0 0}50%{translate:0 -4px}}
/* Diseño web: el vídeo justo debajo del titular, el texto y los botones después */
.hero--under .scene{margin-top:26px}
.hero--under .svc-hero__after{max-width:760px;margin-top:30px}
.hero--under .svc-hero__after .lead{margin-top:0}
/* Clones: el anuncio real del clon dentro del móvil */
.cph-fig{margin:0;display:flex;flex-direction:column;align-items:center}
.cph{width:min(100%,330px);padding:9px;border-radius:50px;background:linear-gradient(150deg,#3a3d44,#0d0e11 38%,#23252a);box-shadow:0 34px 70px rgba(0,0,0,.5),inset 0 0 0 1.5px rgba(255,255,255,.16)}
.cph__scr{position:relative;aspect-ratio:9/16;border-radius:41px;overflow:hidden;background:#000}
.cph__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cph__isl{position:absolute;top:10px;left:50%;width:31%;height:23px;transform:translateX(-50%);border-radius:999px;background:#000;z-index:2}
.cph__ai{position:absolute;top:44px;right:12px;z-index:2;padding:5px 10px;border-radius:999px;background:#C1D72E;color:#001744;font-size:12px;font-weight:700;line-height:1}
.cph__bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:3px;padding:46px 110px 14px 14px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));color:#fff;font-size:12px;text-align:left}
.cph__bar b{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600}
.cph__bar img{width:22px!important;height:22px!important;max-width:none!important;border-radius:50%;background:#fff;object-fit:contain;padding:2px}
.cph__bar small{padding-left:29px;font-size:11px;opacity:.8}
.cph__snd{position:absolute;right:12px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:0;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:600;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cph__snd svg{width:16px;height:16px}
.cph__snd .cph__on,.cph__snd[aria-pressed="true"] .cph__off,.cph__snd[aria-pressed="true"] span{display:none}
.cph__snd[aria-pressed="true"] .cph__on{display:inline}
.cph__snd:focus-visible{outline:3px solid #C1D72E;outline-offset:2px}
.cph__cap{margin-top:14px;max-width:330px;text-align:center;font-size:13.5px;color:rgba(255,255,255,.72)}
/* Clones: «Nuestros clones, trabajando» */
.sec--clips .clips{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(26px,5vw,80px);margin-top:32px}
.sec--clips .cph{width:290px}
.sec--clips .cph__cap{max-width:290px;color:#33405f}