/* /empresas-y-marcas (4 nov): lo que solo tiene esta página, encima del kit v2 (paginas.css, KIT.md). Lectores de despachos, empresas B2B
   y tiendas online: rigor antes que adorno. Cada sección, una idea y su objeto al lado o debajo del texto que explica; solo transform y
   opacity; con «reducir movimiento», todo quieto y en su sitio. */

.em-g{flex:none;display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--malo)}
.em-g.v{border-radius:50%;background:none;box-shadow:inset 0 0 0 2px var(--texto-3)}
.em-g.n{border-radius:50%;background:none;border:1.5px dashed var(--texto-3)}
.em-cuenta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--texto-2)}
.em-cuenta span{display:inline-flex;align-items:center;gap:6px}
.em-cab em,.em-modos em,.em-dom em{font-style:normal;white-space:nowrap;padding:0 .14em;border-radius:.25em;background:var(--tuyo-suave);color:var(--tuyo)}

/* ── S2: el Resumen, «Dónde están tus problemas», con la salud y la prueba saliéndose del panel */
.em-cab-fondo{position:relative;isolation:isolate;padding:clamp(40px,3.4vw,50px) clamp(18px,2.4vw,34px) clamp(68px,5.2vw,80px);border-radius:28px;background:var(--hundido)}
.em-cab-fondo::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--trama) 0 0/14px 14px;mask-image:radial-gradient(75% 70% at 100% 100%,#000 10%,transparent 72%)}
.em-cab .captura-marco{max-width:none;box-shadow:0 0 0 1px rgba(18,20,22,.09),var(--sombra-flota)}
.em-cab .cp-tit span{font-weight:450;color:var(--texto-3)}
.em-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.em-area{display:grid;gap:8px;align-content:start;padding:13px 14px 14px;border-radius:14px;background:var(--tarjeta);border:1px solid var(--linea)}
.em-area>p:first-child{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--texto)}
.em-area>p:first-child .ic{width:16px;height:16px;color:var(--texto-2)}
.em-area>p:first-child b{margin-left:auto;font-weight:600;color:var(--malo-texto);font-variant-numeric:tabular-nums}
.em-area ul{display:grid;gap:5px;padding-top:9px;border-top:1px solid var(--linea)}
.em-area li{font-size:12.5px;line-height:1.4;color:var(--texto)}
.em-salud,.em-flota{position:absolute;z-index:2;border-radius:14px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-flota)}
.em-salud{right:clamp(-22px,-1.4vw,-10px);top:-24px;display:grid;gap:2px;width:150px;padding:11px 14px 13px}
.em-salud p:first-child{font-size:11.5px;font-weight:600;color:var(--texto-3)}
.em-salud b{font-size:32px;font-weight:300;font-stretch:118%;letter-spacing:-.05em;line-height:1;color:var(--texto);font-variant-numeric:tabular-nums}
.em-salud small{font-size:12.5px;color:var(--texto-3)}
.em-salud-barra{display:block;height:6px;margin-top:6px;border-radius:3px;background:var(--pista);overflow:hidden}
.em-salud-barra i{display:block;height:100%;background:var(--texto);transform-origin:0 50%;transform:scaleX(.61)}
.em-flota{left:clamp(-24px,-1.6vw,-12px);bottom:-26px;display:flex;flex-wrap:wrap;gap:6px;max-width:min(92%,400px);padding:12px 14px}
.em-flota>p{flex-basis:100%;font-size:12px;font-weight:600;color:var(--texto-3)}
@media (prefers-reduced-motion:no-preference){
  .em-cab .captura-marco{animation:ec-entra .6s var(--e) .2s both}
  .em-e{animation:ec-entra .5s var(--e) calc(.4s + var(--i) * .08s) both}
  .em-salud{animation:ec-llega .5s var(--e) .95s both}
  .em-salud-barra i{animation:barra .9s var(--e) 1.1s both}
  .em-flota{animation:ec-llega .5s var(--e) 1.15s both}
}
@media (min-width:1000px){.em-cab{padding:0 0 26px 12px}}
@media (max-width:999px){
  .em-cab{margin-top:12px}
  .em-cab-fondo{height:440px;overflow:hidden;padding:40px 16px 0}
  .em-salud{top:12px;right:14px;width:auto;grid-template-columns:auto auto;align-items:baseline;gap:0 8px;padding:8px 12px}
  .em-salud p:first-child{grid-column:1/-1}
  .em-salud b{font-size:24px}
  .em-salud-barra{display:none}
  .em-flota{left:12px;right:12px;bottom:14px;max-width:none}
}
@media (max-width:560px){.em-areas{grid-template-columns:minmax(0,1fr)}.em-salud,.em-cab .cp-tit span{display:none}.em-cab-fondo{padding-top:20px}}

/* ── S3: las dos cifras (en el móvil, apiladas, como pide el copy: deslizándose, la segunda quedaba fuera de la pantalla) */
.em-dos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
@media (max-width:760px){.em-dos{grid-template-columns:minmax(0,1fr)}}

/* ── S4: quién te busca y qué escribe (la tabla; en el móvil, cada fila es una tarjeta y se deslizan: apiladas serían dos pantallas) */
.em-quien tbody th{width:23%;font-size:15.5px;line-height:1.35}
.em-quien tbody th .ic{display:block;margin-bottom:10px;color:var(--texto-3)}
.em-quien td[data-th="Qué escribe"]{width:50%;padding-bottom:14px}
.em-q,.em-quien .burbuja{display:inline-flex;align-items:center;margin:0 6px 6px 0;padding:3px 10px 4px;border-radius:8px;background:var(--hundido);box-shadow:inset 0 0 0 1px var(--linea);font-size:14px;font-weight:500;line-height:1.45;color:var(--texto);white-space:nowrap}
.em-quien .burbuja{display:inline-block;white-space:normal;border-radius:14px 14px 4px 14px;padding:4px 12px 5px}
.em-quien td:last-child{position:relative;padding-left:44px;font-weight:560;color:var(--texto)}
.em-quien td:last-child::before{content:"";position:absolute;left:20px;top:27px;width:12px;height:8px;background:var(--naranja);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M0 4h10M7 1l3 3-3 3' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M0 4h10M7 1l3 3-3 3' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
.em-quien.anima tbody tr{opacity:0;transform:translateY(10px)}
.em-quien.en tbody tr{opacity:1;transform:none;transition:opacity .45s ease,transform .6s var(--e)}
.em-quien.en tbody tr:nth-child(2){transition-delay:50ms}.em-quien.en tbody tr:nth-child(3){transition-delay:100ms}.em-quien.en tbody tr:nth-child(4){transition-delay:150ms}.em-quien.en tbody tr:nth-child(5){transition-delay:200ms}.em-quien.en tbody tr:nth-child(6){transition-delay:250ms}
@media (max-width:760px){
  .em-quien tbody th,.em-quien td[data-th="Qué escribe"]{width:auto}
  .em-quien tbody th .ic{margin-bottom:8px}
  .em-quien td:last-child{padding-left:20px}
  .em-quien td:last-child::before{left:0;top:auto;bottom:6px}
  .em-q,.em-quien .burbuja{font-size:13.5px}
}

/* La herramienta prepara una búsqueda por cada una de la tabla (22): con «OR» Google las mezclaba y lo de «estafa» o «despido» quedaba
   debajo de «opiniones» (comprobado el 4 nov). La vista previa, en pastillas por fila; lo preparado, en filas bajas con sus botones al lado. */
#quien-te-busca .gen-previa ol{display:block}
#quien-te-busca .gen-previa li{display:inline;padding:0;background:none;box-shadow:none}
#quien-te-busca .gen-previa li[data-grupo]::before{content:attr(data-grupo);display:block;margin:14px 0 7px;padding-left:22px;background:url(/paginas/logos/google.svg) 0 50%/14px no-repeat;font-size:12px;font-weight:600;color:var(--texto-3)}
#quien-te-busca .gen-previa li:first-child::before{margin-top:2px}
#quien-te-busca .gen-previa li[data-grupo^="Alguien"]::before{background-image:url(/paginas/logos/chatgpt.svg)}
#quien-te-busca .gen-previa li[data-grupo="Un periodista"]::before{background-image:url(/paginas/logos/google-noticias.svg)}
#quien-te-busca .gen-previa .b{display:inline-block;margin:0 5px 6px 0;padding:5px 10px 6px;font-size:13px}
#quien-te-busca .gen-previa .acc{display:none}
.em-nw{white-space:nowrap}
@media (max-width:760px){#quien-te-busca .gen-previa{display:none}}
@media (min-width:761px){
  #quien-te-busca .generador-grupo ol{gap:6px}
  #quien-te-busca .gen-item:has(.codigo){grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:8px 8px 8px 10px;border-radius:12px}
  #quien-te-busca .gen-pregunta.codigo{padding:6px 11px 7px;font-size:13.5px}
  #quien-te-busca .gen-accion{height:34px;padding:0 11px;font-size:13px}
}

/* En el móvil, S4 y S5 se deslizan: debajo, una pista que dice que hay más a la derecha y, donde el navegador lo sabe hacer, por dónde vas */
@media (max-width:760px){
  .em-quien,.em-mira{padding-bottom:16px}
  .em-quien{timeline-scope:--em-quien}
  .em-quien tbody{scroll-timeline:--em-quien x}
  .em-mira{timeline-scope:--em-mira}
  .em-mira tbody{scroll-timeline:--em-mira x}
  :is(.em-quien,.em-mira)::before,:is(.em-quien,.em-mira)::after{content:"";position:absolute;left:0;bottom:0;height:4px;border-radius:2px}
  :is(.em-quien,.em-mira)::before{width:96px;background:var(--pista)}
  :is(.em-quien,.em-mira)::after{width:24px;background:var(--texto)}
  .em-quien::after{animation:em-pista linear both;animation-timeline:--em-quien}
  .em-mira::after{animation:em-pista linear both;animation-timeline:--em-mira}
  .tinta .em-mira::before{background:rgba(255,255,255,.18)}
  .tinta .em-mira::after{background:#fff}
}
@keyframes em-pista{to{transform:translateX(72px)}}

/* ── S5: lo que miramos, en tarjetas a dos columnas (el HTML sigue siendo la tabla) */
.em-mira{background:none;box-shadow:none;overflow:visible;border-radius:0}
.em-mira>.tabla{clip-path:none}
.em-mira thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.em-mira tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.em-mira tr{position:relative;display:block;padding:22px 24px 24px 82px;border-radius:18px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);transition:transform .22s var(--e),box-shadow .22s}
.em-mira tr:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--linea),var(--sombra-alza)}
.em-mira :is(th,td){position:static;display:block;padding:0;border:0!important}
.em-mira tbody>tr>:first-child::after{content:none}
.em-mira th{font-size:17px;line-height:1.35;color:var(--texto)}
.em-mira th .ic{position:absolute;left:24px;top:20px;box-sizing:content-box;width:20px;height:20px;padding:9px;border-radius:11px;background:var(--hundido);color:var(--texto)}
.em-mira td{margin-top:6px;font-size:15.5px;line-height:1.55;color:var(--texto-2)}
.em-chip{display:inline-flex;align-items:center;height:22px;margin-left:8px;padding:0 8px;border-radius:6px;background:var(--tinta);font-size:12px;font-weight:600;color:#fff;vertical-align:2px}
.em-mira .em-sin-mirar{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.em-mira .em-sin-mirar th{color:#fff}
.em-mira .em-sin-mirar td{color:rgba(255,255,255,.72)}
.em-mira .em-sin-mirar .ic{background:rgba(255,255,255,.1);color:#fff}
.em-mira.anima tr{opacity:0;transform:translateY(10px)}
.em-mira.en tr{opacity:1;transform:none;transition:opacity .45s ease calc(var(--i) * 45ms),transform .6s var(--e) calc(var(--i) * 45ms),box-shadow .22s}
.em-mira.en tr:hover{transform:translateY(-2px);transition-delay:0s}
.tinta .em-gratis{max-width:44em;color:rgba(255,255,255,.82);border-color:rgba(255,255,255,.16)}
.em-tapa{display:inline-block;width:3.4em;height:.66em;margin-left:.3em;border-radius:3px;background:rgba(255,255,255,.3);vertical-align:.02em}
@media (max-width:899px){.em-mira tbody{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .em-mira>.tabla{display:block}
  .em-mira tbody{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--margen) * -1);padding:2px var(--margen) 16px;scroll-padding-inline:var(--margen)}
  .em-mira tbody::-webkit-scrollbar{display:none}
  .em-mira tr{flex:0 0 min(84%,320px);scroll-snap-align:start;padding:62px 18px 20px}
  .em-mira th .ic{left:18px;top:18px}
  .em-mira th{font-size:16.5px}
  .em-mira td{font-size:15px}
  .em-mira tr:hover{transform:none}
}

/* ── S6: tu web, con las dos cifras al lado de lo que explican */
.em-web{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,3vw,44px) clamp(32px,5vw,80px);align-items:center}
.em-75{grid-template-columns:minmax(0,1fr);max-width:400px;margin:0;justify-self:end;width:100%}
.em-ley{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px!important;color:var(--texto-3)!important}
.em-ley span{display:inline-flex;align-items:center;gap:6px}
.em-ley span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--texto)}
.em-ley span+span::before{background:var(--naranja)}
.em-30{grid-column:1/-1;margin-top:0}
.em-30 .nota-clave-vis{display:grid;gap:8px;justify-items:start;padding:14px 16px;border-radius:16px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.em-30-t{font-size:12px;font-weight:600;color:var(--texto-3)}
.em-30-p{display:grid;gap:5px}
.em-30-p i{display:block;width:150px;height:12px;background:radial-gradient(circle,var(--pista) 3.6px,transparent 4.2px) 0 0/15px 12px repeat-x}
@media (max-width:899px){.em-web{grid-template-columns:minmax(0,1fr)}.em-75{justify-self:start}}

/* ── S7: según tu tipo de empresa (dos por fila: se lee mejor que cuatro columnas estrechas) */
.em-tipos{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1000px){.em-tipos .quien-foto{aspect-ratio:2/1}}
.em-tipos .quien-tarjeta{transition:transform .24s var(--e),box-shadow .24s,opacity .3s ease,border-color .2s}
.em-tipos.anima .quien-tarjeta{opacity:0;transform:translateY(14px)}
.em-tipos.en .quien-tarjeta{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i) * 60ms),transform .7s var(--e) calc(var(--i) * 60ms),box-shadow .24s,border-color .2s}
.em-tipos .quien-tarjeta:hover{transform:translateY(-2px);box-shadow:var(--sombra-alza);transition-delay:0s}
.em-tipos .quien-cuerpo{padding:22px 24px 24px}
.em-pesa{display:grid;gap:10px;width:100%;margin-top:6px;padding-top:14px;border-top:1px solid var(--linea)}
.em-pesa li{font-size:15px;line-height:1.5;color:var(--texto-2)}
.em-pesa b{font-weight:600;color:var(--texto)}
.em-nota{margin-top:6px;padding:12px 14px;border-radius:12px;background:var(--hundido);font-size:14.5px;line-height:1.5;color:var(--texto)}
.em-otros{display:grid;gap:12px}
.em-otros .no-es-para-ti{margin-top:0}
.em-flechas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,40px)}
.em-flechas li{position:relative;padding:14px 0 14px 30px;border-top:1px solid var(--linea);font-size:16px;line-height:1.55;color:var(--texto-2)}
.em-flechas li:nth-child(-n+2){border-top:0;padding-top:0}
.em-flechas li::before{content:"";position:absolute;left:0;top:19px;width:18px;height:12px;background:var(--texto);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M0 4h10M7 1l3 3-3 3' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M0 4h10M7 1l3 3-3 3' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat}
.em-flechas li:nth-child(-n+2)::before{top:5px}
.em-flechas b{font-weight:600;color:var(--texto)}
.em-flechas a{color:var(--texto);text-underline-offset:3px;text-decoration-color:var(--linea-3)}
.em-flechas a:hover{text-decoration-color:currentColor}
@media (max-width:899px){.em-flechas{grid-template-columns:minmax(0,1fr)}.em-flechas li:nth-child(2){border-top:1px solid var(--linea);padding-top:14px}.em-flechas li:nth-child(2)::before{top:19px}}
@media (max-width:760px){.em-tipos .quien-cuerpo{padding:18px 18px 20px}}

/* ── S8: tres pasos, con quién hace qué y su plazo */
.em-pasos>li{gap:10px;transition:transform .22s var(--e),box-shadow .22s}
.em-pasos>li:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--linea),var(--sombra-alza)}
.em-paso-t b{font-size:19px;font-weight:580;letter-spacing:-.012em;color:var(--texto)}
.em-q2{font-size:15.5px;line-height:1.55;color:var(--texto-2)}
.em-q2 i{display:inline-flex;align-items:center;height:22px;margin-right:6px;padding:0 8px;border-radius:6px;background:var(--hundido);font-style:normal;font-size:12px;font-weight:600;color:var(--texto);vertical-align:1px}
.em-q2.n i{background:var(--tinta);color:#fff}
.em-plazo{display:inline-flex;align-items:center;gap:7px;justify-self:start;margin-top:auto;padding-top:14px;font-size:13px;font-weight:600;color:var(--texto-3)}
.em-plazo .ic{width:16px;height:16px}
.em-plazo.tuyo{color:var(--tuyo)}
.em-pasos.anima>li{opacity:0;transform:translateY(12px)}
.em-pasos.en>li{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i) * 70ms),transform .65s var(--e) calc(var(--i) * 70ms),box-shadow .22s}
.em-pasos.en>li:hover{transform:translateY(-2px);transition-delay:0s}
.em-pequena{margin-top:18px;font-size:14px;color:var(--texto-3)}
@media (max-width:760px){
  .em-pasos>li{grid-template-columns:auto minmax(0,1fr);column-gap:16px}
  .em-pasos>li::before{grid-row:1 / span 4;margin:0;font-size:44px}
  .em-pasos>li>*{grid-column:2}
}

/* ── S9: lo que se encarga, a dos columnas en su panel */
.em-hace .lista-check{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,64px)}
.em-hace .lista-check>li:nth-child(2){border-top:0;padding-top:0}
.em-hace .lista-check>li:nth-child(2)::before{top:0}
.em-hace .lista-check>li:nth-child(2)::after{top:6px}
.em-hace .lista-check a{color:var(--texto);text-underline-offset:3px;text-decoration-color:var(--linea-3)}
@media (max-width:899px){.em-hace .lista-check{grid-template-columns:minmax(0,1fr)}.em-hace .lista-check>li:nth-child(2){border-top:1px solid var(--linea);padding-top:16px}.em-hace .lista-check>li:nth-child(2)::before{top:16px}.em-hace .lista-check>li:nth-child(2)::after{top:22px}}

/* ── S10: los dos modos del panel, en una escena con su interruptor */
.em-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.em-panel .lista-check a,.em-panel .filete a{color:var(--texto);text-underline-offset:3px;text-decoration-color:var(--linea-3)}
.em-modos{position:sticky;top:calc(var(--cab) + 72px);margin-top:0}
.em-modos .escena-pestanas{margin-left:0}
.em-modos .escena-fondo{padding:28px 24px 56px}
@media (min-width:761px){.em-modos figcaption p{margin-top:44px}}
.em-llano{font-size:15.5px;line-height:1.55;color:var(--texto)}
.em-llano b{font-weight:600}
.em-perjudica{display:grid;gap:8px;counter-reset:p}
.em-perjudica li{counter-increment:p;display:grid;grid-template-columns:20px minmax(0,1fr);gap:0 6px;font-size:13.5px}
.em-perjudica li::before{content:counter(p);grid-row:span 2;font-size:12px;font-weight:600;color:var(--texto-3)}
.em-perjudica b{font-weight:600;color:var(--texto)}
.em-perjudica small{font-size:12px;color:var(--texto-3)}
.em-chat{display:grid;gap:9px;padding:12px;border-radius:14px;background:var(--tarjeta);border:1px solid var(--linea)}
.em-chat-campo{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 5px 0 12px;border-radius:10px;background:var(--hundido);font-size:13px;color:var(--texto-3)}
.em-chat-campo .ic{box-sizing:content-box;width:14px;height:14px;padding:7px;border-radius:8px;background:var(--tinta);color:#fff}
.em-chat-sug{display:flex;flex-wrap:wrap;gap:6px}
.em-chat-sug .cp-chip{height:26px;padding:0 10px;border-radius:999px;background:var(--tarjeta);box-shadow:inset 0 0 0 1px var(--linea-2);color:var(--texto)}
.em-adv{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:14px 16px;border-radius:14px;background:var(--tarjeta);border:1px solid var(--linea)}
.em-adv-nota{display:flex;align-items:baseline;gap:6px}
.em-adv-nota b{font-size:38px;font-weight:300;font-stretch:118%;letter-spacing:-.05em;line-height:1;color:var(--texto)}
.em-adv-nota small{font-size:13px;color:var(--texto-3)}
.em-adv-nota .cp-chip{align-self:center;margin-left:6px}
.em-gris{font-weight:450;color:var(--texto-3)}
.em-problemas{display:grid}
.em-problemas li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--linea)}
.em-problemas li:first-child{border-top:0;padding-top:0}
.em-problemas li>span:nth-child(2){display:grid;flex:1;min-width:0}
.em-problemas b{font-size:13.5px;font-weight:600;color:var(--texto);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.em-problemas small{font-size:12px;color:var(--texto-3)}
.em-pr{display:flex;gap:4px}
.em-resp{font-size:14.5px;line-height:1.45;color:var(--texto)}
.em-dom{padding:8px 10px;border-radius:8px;background:var(--hundido);font-size:14px;font-weight:600;color:var(--texto)}
@media (max-width:999px){.em-panel{grid-template-columns:minmax(0,1fr)}.em-panel-texto{max-width:40em}.em-modos{position:static;order:-1}}
@media (max-width:760px){.em-modos .escena-fondo{padding:24px 0 24px var(--margen)}.em-modos .captura-marco{width:auto;margin-right:var(--margen)}.em-problemas li:nth-child(n+4),.em-pr .cp-chip:first-child{display:none}}

/* ── S11: la prueba de la banda, el interruptor del panel */
.em-prueba{gap:12px}
.em-interruptor{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12.5px;font-weight:560;color:rgba(255,255,255,.7)}
.em-interruptor span{flex:1;padding:6px 12px;border-radius:999px;text-align:center;white-space:nowrap}
.em-interruptor .si{background:#fff;color:var(--tinta)}
.em-prueba-n b{font-size:34px;font-weight:300;font-stretch:118%;letter-spacing:-.05em;color:#fff}
.em-prueba-n small{font-size:13px;color:rgba(255,255,255,.55)}
.em-prueba-l{display:flex;align-items:center;gap:10px}
.em-prueba-l .esq{flex:1;background:rgba(255,255,255,.16)}
.em-prueba .em-g.v{box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}

/* ── S12: las cuatro vías, cada una con lo que la decide */
.em-linea{max-width:30em}
.em-linea b{font-weight:600}
.em-vias{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.em-vias>li{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.4vw,30px);border-radius:20px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);transition:transform .22s var(--e),box-shadow .22s}
.em-vias>li:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--linea),var(--sombra-alza)}
.em-vias p{font-size:15.5px;line-height:1.58;color:var(--texto-2)}
.em-vias b{display:block;margin-bottom:4px;font-size:19px;font-weight:580;letter-spacing:-.012em;color:var(--texto)}
.em-via-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--hundido);color:var(--texto)}
.em-7{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:auto}
.em-7 i{width:22px;height:22px;border-radius:6px;background:var(--hundido);box-shadow:inset 0 0 0 1px var(--linea)}
.em-7 i:first-child{background:var(--naranja);box-shadow:none}
.em-7 small{margin-left:6px;font-size:12.5px;font-weight:600;color:var(--texto-3)}
.em-olvido{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.em-olvido s{text-decoration-thickness:1.5px;color:var(--texto-3)}
.em-vias.anima>li{opacity:0;transform:translateY(12px)}
.em-vias.en>li{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i) * 60ms),transform .65s var(--e) calc(var(--i) * 60ms),box-shadow .22s}
.em-vias.en>li:hover{transform:translateY(-2px);transition-delay:0s}
.em-vias.anima .em-7 i{opacity:0;transform:scale(.6)}
.em-vias.en .em-7 i{opacity:1;transform:none;transition:opacity .25s ease,transform .35s var(--e)}
.em-vias.en .em-7 i:nth-child(2){transition-delay:.55s}.em-vias.en .em-7 i:nth-child(3){transition-delay:.6s}.em-vias.en .em-7 i:nth-child(4){transition-delay:.65s}.em-vias.en .em-7 i:nth-child(5){transition-delay:.7s}.em-vias.en .em-7 i:nth-child(6){transition-delay:.75s}.em-vias.en .em-7 i:nth-child(7){transition-delay:.8s}.em-vias.en .em-7 i:nth-child(1){transition-delay:.5s}
@media (max-width:760px){.em-vias{grid-template-columns:minmax(0,1fr)}}

/* ── S14: seis preguntas antes de contratar, en tinta */
.em-seis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,4vw,64px);counter-reset:s}
.em-seis>li{counter-increment:s;position:relative;padding:22px 0 22px 64px;border-top:1px solid rgba(255,255,255,.12);font-size:16px;line-height:1.58;color:rgba(255,255,255,.72)}
.em-seis>li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:18px;font-size:34px;font-weight:250;font-stretch:118%;letter-spacing:-.06em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.em-seis b{display:block;margin-bottom:4px;font-size:18px;font-weight:560;color:#fff}
.em-seis sup a{color:rgba(255,255,255,.6)}
.em-seis.anima>li{opacity:0;transform:translateY(10px)}
.em-seis.en>li{opacity:1;transform:none;transition:opacity .45s ease calc(var(--i) * 60ms),transform .6s var(--e) calc(var(--i) * 60ms)}
.em-elegir .filete{color:#fff;border-color:rgba(255,255,255,.16)}
@media (max-width:899px){.em-seis{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.em-seis>li{padding-left:52px}.em-seis>li::before{font-size:28px}}

/* ── S15: lo justo para decidir, en tres baldosas iguales (la primera, hundida y con su trama) */
.lista-datos.em-ficha>li:first-child{grid-row:auto}
.lista-datos.em-ficha>li:first-child>b{margin-top:0;font-size:19px;font-weight:560;font-stretch:104%;letter-spacing:-.012em;line-height:1.3}
.lista-datos.em-ficha>li:first-child>span{font-size:15.5px}
.lista-datos.em-ficha>li:nth-child(3){grid-row:auto}
@media (max-width:999px){.lista-datos.em-ficha>li:nth-child(3){grid-column:1/-1}}
@media (max-width:640px){.lista-datos.em-ficha>li:nth-child(3){grid-column:auto}}