/* Portada corta y páginas editoriales: misma identidad, cinco bloques, contenido siempre visible. */
.conversion { --ancho:1200px; --t-l:clamp(2rem,4vw,3.8rem); }
.conversion h2 { font-size:var(--t-l);font-weight:850;line-height:1.04;letter-spacing:-.03em;text-wrap:balance; }
.conversion h3 { font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.15;font-weight:800;letter-spacing:-.02em; }
.conversion small { font-size:.72em;font-weight:500; }

/* Cabecera siempre clara: el contacto y la navegación no dependen de la sección que hay debajo */
.conversion .cab,.conversion .cab[data-tema] { background:var(--blanco);color:var(--noche);--cab-tinta:var(--noche);--cab-inversa:var(--blanco);--cab-fondo:var(--blanco);--cab-punto:var(--celeste);border-bottom:1px solid #10253f26; }
.conversion .cab .btn-chico { --fondo:var(--noche);--texto:var(--blanco);border-color:var(--noche); }
.conversion .idioma button { min-height:40px;min-width:40px; }
.conversion .cab-nav a[aria-current] { text-decoration:underline;text-decoration-color:var(--sol);text-decoration-thickness:3px;text-underline-offset:6px; }

/* ── Hero: el titular corre a lo ancho; la banda del panorama sube por debajo sin tocar el texto ── */
.conversion .hero { padding-top:clamp(104px,8vw,128px); }
.conversion .hero-texto { width:min(100% - 2 * var(--margen),var(--ancho)); }
.conversion .hero-titulo { font-size:clamp(2.65rem,5.4vw,5.7rem);max-width:22ch;line-height:.96; }
.conversion .hero-bajada { max-width:37rem; }
.conversion .hero .acciones { display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.6rem;margin-top:1.5rem; }
.conversion .hero-correo { margin-top:.9rem;font-size:.95rem;font-weight:500; }
.conversion .hero-paisaje { position:relative;z-index:2;margin:-3vw 0 0;height:22.5vw;pointer-events:none; }
.hero-banda { position:absolute;inset:0;width:100%;height:auto;max-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30%);mask-image:linear-gradient(to bottom,transparent 0,#000 30%); }
.conversion .sol-grande { left:78%;top:-5vw;width:14vw;translate:-50% -50%; }
.conversion .hero-paisaje { overflow:visible;clip-path:inset(-100vw 0 0 0); }

/* ── Soluciones: tres filas que se leen de un vistazo ── */
.c-soluciones,.c-demo,.c-como { padding:clamp(48px,6vw,80px) 0; }
.c-encabezado { display:grid;grid-template-columns:1.3fr 1fr;gap:4rem;align-items:end; }
.c-encabezado p { max-width:35ch;font-size:1.15rem; }
.c-servicios { margin-top:36px; }
.c-servicio { position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr) 110px 40px;gap:2.5rem;align-items:center;padding:22px 0;border-bottom:1px solid #10253f35;transition:background .2s; }
.c-servicio h3 a { text-decoration:none; }
.c-servicio h3 a::after { content:'';position:absolute;inset:0; }
.c-servicio h3 a:focus-visible { outline:none; }
.c-servicio:has(a:focus-visible) { outline:3px solid var(--electrico);outline-offset:2px;border-radius:6px; }
.c-servicio p { max-width:46ch; }
.c-servicio img { width:110px;height:72px;object-fit:contain; }
.c-servicio .flecha { justify-self:end;transition:transform .25s var(--entra); }
@media(hover:hover){ .c-servicio:hover h3 { text-decoration:underline;text-decoration-color:var(--sol);text-decoration-thickness:4px;text-underline-offset:5px; } .c-servicio:hover .flecha { transform:translateX(6px); } }
.c-guias { display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:24px;font-size:.98rem; }
.c-guias a { font-weight:650;text-underline-offset:4px;padding-block:6px; }

/* ── Demo ── */
.c-demo { background:var(--noche);color:var(--blanco); }
.c-demo-grid { display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2.5rem,6vw,6rem);align-items:center; }
.c-demo-texto p { max-width:44ch;margin:24px 0; }
.c-pedido { background:var(--blanco);color:var(--noche);padding:clamp(22px,3vw,32px);border-radius:16px;box-shadow:6px 6px 0 var(--sol); }
.c-aviso { margin-top:6px;font-size:.9rem;color:var(--tinta-suave); }
.c-etapas { counter-reset:etapa;margin-top:20px; }
.c-etapas > li { counter-increment:etapa;position:relative;padding:0 0 18px 42px; }
.c-etapas > li:last-child { padding-bottom:0; }
.c-etapas > li::before { content:counter(etapa);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--celeste-claro);font:800 .85rem/1 var(--f-texto); }
.c-etapas > li:not(:last-child)::after { content:'';position:absolute;left:13px;top:30px;bottom:2px;width:2px;background:#10253f26; }
.c-etapas h4,.c-pedido legend { font-size:1rem;font-weight:750;line-height:1.35;padding:0; }
.c-pedido[data-estado="pendiente"] .c-etapas > li:nth-child(3)::before { background:var(--sol); }
.c-pedido[data-estado="revisado"] .c-etapas > li:nth-child(-n+3)::before,.c-pedido[data-estado="confirmado"] .c-etapas > li::before { background:var(--noche);color:var(--blanco); }
.c-etapas blockquote { margin:8px 0 0;padding:10px 14px;border-radius:4px 14px 14px;background:var(--celeste-claro);font-size:1.02rem;line-height:1.4;max-width:34ch; }
.c-pedido dl { margin:4px 0 0; }
.c-pedido dl div { display:flex;justify-content:space-between;gap:1rem;padding:7px 0;border-bottom:1px solid #10253f26; }
.c-pedido dt { font-weight:600; }
.c-pedido dd { margin:0;text-align:right;font-variant-numeric:tabular-nums; }
.c-pedido[data-estado="pendiente"] #demo-aceite { color:#8A3410;font-weight:650; }
.c-pedido fieldset { border:0;padding:0;margin:0;min-width:0; }
.c-opciones { display:flex;flex-wrap:wrap;gap:8px;margin-top:8px; }
.c-pedido label { display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1.5px solid var(--noche);border-radius:8px;cursor:pointer;font-weight:600; }
.c-pedido input { width:20px;height:20px;margin:0;accent-color:var(--noche); }
.c-pedido label:has(:checked) { background:var(--sol); }
.c-pedido label:has(:disabled) { cursor:default; }
.c-error:not(:empty) { margin-top:8px;color:#A32A12;font-weight:650;font-size:.95rem; }
.c-pedido .btn { margin-top:10px; }
.c-pedido [role=status]:not(:empty) { margin-top:8px;font-weight:600;outline-offset:4px; }
.c-reiniciar { border:0;background:transparent;padding:0;text-decoration:underline;text-underline-offset:4px;min-height:44px;font-weight:650; }
html:not(.js) .c-opciones,html:not(.js) .c-pedido .btn { display:none; }

/* ── Cómo trabajamos ── */
.c-pasos { display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;counter-reset:pasos;margin-top:40px; }
.c-pasos li { counter-increment:pasos; }
.c-pasos li:before { content:counter(pasos);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--sol);font-weight:800;margin-bottom:18px; }
.c-pasos h3 { margin-bottom:12px; }
.c-estudio { display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;margin-top:48px;padding-top:32px;border-top:1px solid #10253f35; }
.c-estudio p { max-width:60ch; }
.c-estudio a { margin-top:12px; }

/* ── Contacto ── */
.conversion .l-consulta { padding:clamp(48px,5.5vw,72px) 0;background:var(--noche); }
.conversion .l-consulta-grid { gap:clamp(2rem,4vw,4rem); }
.conversion .tarjeta-form { box-shadow:6px 6px 0 var(--sol);padding:clamp(22px,2.4vw,28px); }
.conversion .l-consulta .lead { margin-top:20px; }
.conversion .form [hidden],.conversion [hidden] { display:none!important; }
.c-faq { margin-top:28px; }
.c-faq details { border-bottom:1px solid #f7f7f240;padding:4px 0; }
.c-faq summary { cursor:pointer;padding:12px 0;font-weight:650; }
.c-faq details p { padding:0 0 16px;color:var(--celeste-claro); }
.otra-via-datos { display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1.2rem; }
.otra-via-datos span { font-variant-numeric:tabular-nums; }

/* ── Menú móvil ── */
.menu-movil { display:none; }
@media(max-width:1100px){
 .conversion .sol-grande { left:88%; }
 .menu-movil { display:block;margin-left:auto; }
 .menu-movil summary { display:flex;align-items:center;gap:8px;cursor:pointer;padding:0 10px;min-height:44px;font-weight:700;list-style:none; }
 .menu-movil summary::-webkit-details-marker { display:none; }
 .menu-icono { position:relative;width:18px;height:12px;border-block:2px solid currentColor;transition:height .2s var(--entra); }
 .menu-movil[open] .menu-icono { height:2px;border-bottom:0; }
 .menu-movil nav { position:absolute;inset:100% 0 auto;background:var(--blanco);color:var(--noche);padding:8px var(--margen) 16px;box-shadow:0 12px 18px #10253f24;display:grid; }
 .menu-movil nav a { display:flex;align-items:center;min-height:48px;text-decoration:none;font-weight:650;border-bottom:1px solid #10253f1f; }
 .menu-movil nav a:last-child { border-bottom:0; }
 .conversion .cab-lado { margin-left:0; }
 .c-demo-grid { gap:3rem; }
 .c-servicio { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 40px;gap:1.5rem; }
 .c-servicio img { display:none; }
}
@media(max-width:900px){
 .c-demo-grid,.conversion .l-consulta-grid { grid-template-columns:1fr; }
 .conversion .cab .btn-chico { display:none; }
}
@media(max-width:760px){
 .conversion .hero { padding-top:96px; }
 .conversion .hero-titulo { max-width:18ch;font-size:clamp(2.5rem,11.4vw,3.8rem); }
 .conversion .hero-bajada { font-size:1.08rem; }
 .conversion .hero .acciones { flex-direction:column;align-items:flex-start; }
 .conversion .hero-correo { max-width:30ch;font-size:.92rem; }
 .conversion .hero-paisaje { margin-top:-10px;height:46vw; }
 .hero-banda { width:190%;left:-58%; }
 .conversion .sol-grande { left:82%;top:-1vw;width:26vw; }
 .c-encabezado,.c-estudio { grid-template-columns:1fr;gap:16px; }
 .c-servicios { margin-top:24px; }
 .c-servicio { grid-template-columns:minmax(0,1fr) 28px;gap:6px 12px;padding:18px 0; }
 .c-servicio p { grid-row:2;grid-column:1/-1;font-size:.98rem; }
 .c-guias { flex-direction:column; }
 .c-pasos { grid-template-columns:1fr;gap:24px;margin-top:28px; }
 .c-pasos li { padding-left:60px;position:relative; }
 .c-pasos li:before { position:absolute;left:0;top:0; }
 .c-estudio { margin-top:32px;padding-top:28px; }
 .conversion .cab-logo { width:78px; }
 .conversion .cab { gap:6px; }
}
@media(prefers-reduced-motion:reduce){
 .js .sol-grande { animation:none; }
 .c-servicio .flecha,.menu-icono { transition:none; }
}