:root{--apagado:#aaaab3;--rojo:#bb412d;--rojo-claro:#cf4d37}.envoltorio{width:min(1160px,100% - 64px)}.barra{background:#0b0b0d}.barra>div{height:80px}.barra .marca img{width:190px;height:auto}.acceder{font-size:14px;text-decoration:none;padding:12px 0 12px 16px}.saltar{position:fixed;top:-100px;left:16px;z-index:100;background:var(--papel);color:var(--tinta);padding:12px}.saltar:focus{top:12px}.hero{padding:68px 0 80px;border-bottom:1px solid var(--linea)}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center}.etiqueta{font-family:var(--mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#d89f78;margin:0 0 20px;font-weight:500}.hero h1{font-size:clamp(48px,5.5vw,74px);line-height:1.04;letter-spacing:-.035em}.hero h1 em,.pareja h2 em{font-style:normal;color:#e06c51}.claim{font-size:24px;line-height:1.4;letter-spacing:-.02em;margin:26px 0 14px}.hero-desc{color:var(--apagado);max-width:43ch;font-size:16px;margin:0 0 28px}.acciones{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hero .acciones{align-items:flex-start;flex-direction:column}.enlace-demo{font-size:14px;text-underline-offset:5px;padding:4px 0}.hero-nota{font-family:var(--mono);font-size:11px;color:var(--apagado);margin:22px 0 0}.hero-vuelta{font-size:14px;margin:16px 0 0}.expediente-visual{background:var(--papel);color:var(--tinta);padding:20px;transform:rotate(2deg);box-shadow:0 24px 65px #0006;border-radius:3px}.carpeta-cabecera{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.1em;padding:0 0 16px}.expediente-visual>img{width:100%;height:250px;object-fit:cover;display:block;filter:saturate(.7)}.carpeta-pie{padding:22px 4px 6px;position:relative}.carpeta-pie .etiqueta{color:#7a3829;font-size:10px;margin-bottom:10px}.carpeta-pie p{font-family:var(--serif);font-size:25px;line-height:1.25;margin:0 0 24px}.sello{font:9px var(--mono);letter-spacing:.08em;border:1px solid #a73a28;color:#a73a28;padding:7px 10px;display:inline-block;transform:rotate(-3deg)}.seccion{padding:84px 0;border-bottom:1px solid var(--linea);scroll-margin-top:90px}.seccion h2{font-size:clamp(34px,3.9vw,48px);line-height:1.12;letter-spacing:-.025em}.cabecera-seccion{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}.cabecera-seccion>p{color:var(--apagado);font-size:15px;margin:0}.casos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.caso-ficha{background:var(--panel);border:1px solid var(--linea);border-radius:5px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.caso-imagen{display:block;aspect-ratio:1.65;width:100%;height:auto;object-fit:cover}.caso-cuerpo{padding:25px;display:flex;flex-direction:column;flex:1}.caso-cuerpo .etiqueta{font-size:9px;margin-bottom:14px}.caso-ficha h3{font-size:29px;line-height:1.15}.caso-gancho{font-size:14px;line-height:1.65;color:var(--apagado);margin:18px 0 26px}.caso-salidas{margin-top:auto}.caso-salidas .boton{width:100%;justify-content:space-between;font-size:14px;padding:12px 16px}.como{background:#111113}.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:42px}.pasos article{border-top:1px solid #47433e;padding-top:22px}.paso-numero{font:10px var(--mono);letter-spacing:.1em;color:#d89f78}.pasos h3{font-size:25px;margin-top:20px}.pasos p{color:var(--apagado);font-size:15px;margin-bottom:0}.demo-grid,.pareja-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro{font-size:20px;line-height:1.6;margin:24px 0 16px}.demo-grid>div>p:not(.etiqueta):not(.intro),.pareja-grid>div>p:not(.intro):not(.nota-pareja){color:var(--apagado);font-size:15px}.nota{font-size:13px!important;color:var(--apagado);line-height:1.6}.demo-grid .nota{margin-top:26px}.demo-chat{padding:24px;background:var(--panel);border:1px solid var(--linea);border-radius:10px}.chat-persona{display:flex;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--linea)}.iniciales{background:#29252a;border:1px solid #46404a;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:13px var(--mono)}.chat-persona strong{font-size:14px;display:block}.chat-persona div>span{font-size:10px;display:block;color:var(--apagado)}.burbuja{background:#25252b;padding:15px 18px;font-size:15px;border-radius:0 9px 9px 9px;margin:22px 0}.prueba{background:var(--papel);color:var(--tinta);padding:15px 18px;border-left:3px solid #ba442e}.prueba .etiqueta{color:#793b2e;font-size:9px;margin:0}.prueba p{font:12px/1.6 var(--mono);margin:8px 0 0}.pregunta-label{font-size:12px;color:var(--apagado);margin:24px 0 10px}.demo-opciones{display:grid;gap:9px}.demo-opciones button{font:13px/1.5 var(--sans);text-align:left;padding:13px 15px;background:transparent;border:1px solid #4a4a53;border-radius:5px;color:var(--texto);cursor:pointer}.demo-opciones button:hover,.demo-opciones button[aria-pressed=true]{border-color:#e06c51;background:#2c1c19}.respuesta-demo{margin-bottom:0}.respuesta-nota{font-size:12px;color:#d89f78;margin:12px 0 0}.pareja{background:#191512}.nota-pareja{font-size:13px;line-height:1.65;color:#cabdaa;border-left:2px solid #ab6e51;padding-left:16px;margin:22px 0 28px}.faq-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:80px}details{border-bottom:1px solid var(--linea);padding:19px 0}details:first-child{padding-top:0}summary{font-size:16px;cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::after{content:'+';color:#d89f78;font-size:20px}details[open] summary::after{content:'−'}summary::-webkit-details-marker{display:none}details p{font-size:14px;color:var(--apagado);padding-right:18px;margin-bottom:0}.edicion-grid{display:grid;grid-template-columns:250px 1fr;gap:58px;align-items:center;max-width:900px}.edicion-grid>img{width:100%;height:300px;object-fit:cover;border-radius:4px}.edicion h2{font-size:34px}.edicion .etiqueta{font-size:9px}.edicion p{font-size:14px;color:var(--apagado)}.aviso-elegir{display:grid;justify-items:start;gap:12px}.aviso-elegir label,#form-fisico label{font-size:12px;color:var(--apagado)}select,input{font:14px var(--sans);border:1px solid #53535d;color:var(--texto);background:var(--panel);padding:12px;border-radius:4px;max-width:100%;min-width:0}select{width:100%}.aviso-elegir .boton{font-size:13px;white-space:normal;text-align:center}#papel-lista{margin-top:24px;padding-top:20px;border-top:1px solid var(--linea)}#papel-titulo{font-size:22px;margin-bottom:20px}.aviso-form{display:flex;gap:10px;margin-top:8px}.aviso-form input{flex:1;width:100%}.aviso-form .boton{font-size:13px;padding:12px 16px}.nota-legal{font-size:11px!important}footer.envoltorio{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;padding:38px 0;color:var(--apagado);font-size:12px}footer .pie-marca{margin-right:0}footer .pie-marca img{width:145px}.pie-legal{width:100%;font-size:11px}.puerta{width:100%;height:100%;max-width:none;max-height:none;inset:0;margin:0;border:0;padding:24px;background:transparent;color:var(--texto)}.puerta[open]{display:grid;place-items:center}.puerta::backdrop{background:#000c;backdrop-filter:blur(5px)}.puerta-caja{background:var(--panel);padding:32px;border:1px solid #45454c;border-radius:10px;width:min(520px,100%);max-height:calc(100dvh - 48px);overflow:auto}.puerta h2{font-size:32px}.puerta p{font-size:14px}.puerta-ficha{padding:4px 18px;background:var(--negro);border:1px solid var(--linea);border-radius:5px;margin:22px 0}.puerta-ficha span{display:block;color:var(--apagado);font-size:11px}.puerta-ficha strong{display:block;font:14px/1.6 var(--mono);margin-top:5px;overflow-wrap:anywhere}.puerta .acciones{margin-top:24px}.puerta .boton{font-size:14px}.boton:hover{background:#a93826}.boton.fantasma:hover{background:var(--panel-alto)}
@media(min-width:1500px){.hero{padding-block:90px}}@media(max-width:1000px){.hero-grid{gap:38px}.hero h1{font-size:54px}.claim{font-size:22px}.caso-cuerpo{padding:20px}.caso-ficha h3{font-size:25px}.demo-grid,.pareja-grid,.faq-grid{gap:40px}.barra nav{gap:18px;font-size:13px}.expediente-visual>img{height:220px}}
@media(max-width:760px){.envoltorio{width:calc(100% - 40px)}.barra>div{height:68px;gap:16px}.barra .marca img{width:155px}.barra nav{display:none}.hero{padding:42px 0 50px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(44px,10vw,64px)}.claim{font-size:22px}.solo-desktop{display:none}.hero-desc{max-width:48ch}.hero .boton{font-size:14px;padding:13px 18px}.hero-nota{font-size:10px}.expediente-visual{max-width:480px;width:calc(100% - 10px);margin:0 auto;padding:16px;transform:rotate(1deg)}.expediente-visual>img{height:auto;aspect-ratio:1.7}.carpeta-pie{padding-top:18px}.carpeta-pie p{font-size:25px;margin-bottom:18px}.seccion{padding:54px 0;scroll-margin-top:76px}.cabecera-seccion{display:block;margin-bottom:26px}.cabecera-seccion>p{margin-top:20px;font-size:14px}.casos-grid{grid-template-columns:1fr;gap:24px;max-width:520px;margin-inline:auto}.caso-cuerpo{padding:25px}.caso-ficha h3{font-size:30px}.caso-gancho{font-size:15px}.caso-imagen{aspect-ratio:1.9}.pasos{grid-template-columns:1fr;gap:28px;margin-top:30px}.pasos h3{margin-top:12px}.pasos p{margin-top:12px}.demo-grid,.pareja-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.demo-chat{padding:20px}.demo-grid .nota{margin-bottom:0}.intro{font-size:19px}.pareja .intro{margin-top:0}.edicion-grid{grid-template-columns:1fr;gap:26px}.edicion-grid>img{height:200px;width:150px}.edicion h2{font-size:32px}.edicion .etiqueta{line-height:1.8}footer.envoltorio{display:grid;gap:14px}.puerta{padding:14px}.puerta-caja{padding:24px;max-height:calc(100dvh - 28px)}.puerta h2{font-size:28px}.puerta .boton{padding:12px 16px}.puerta .acciones{gap:10px}}
@media(max-width:360px){.envoltorio{width:calc(100% - 32px)}.hero .boton{font-size:12px}.hero h1{font-size:42px}.demo-chat{padding:16px}.aviso-form{flex-direction:column}.puerta .acciones{flex-direction:column;align-items:stretch}.barra .marca img{width:145px}}

/* Paso de ordenador a móvil: el mismo enlace del caso, codificado localmente. */
.puerta.con-qr .puerta-caja{width:min(650px,100%)}
.puerta-contenido{min-width:0}
.puerta.con-qr .puerta-contenido{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:center;margin:24px 0}
.puerta-qr{text-align:center;min-width:0}
.puerta-qr canvas{display:block;width:220px;height:auto;max-width:100%;background:#fff;border-radius:3px}
.puerta .puerta-qr p{font-size:12px;line-height:1.5;color:var(--apagado);margin:12px 0 0}
.puerta.con-qr .puerta-ficha{margin:0;min-width:0}
.puerta.con-qr .acciones .boton{white-space:normal;text-align:center}
@media(max-width:760px){.puerta.con-qr .puerta-contenido{grid-template-columns:1fr}.puerta-qr canvas{margin-inline:auto}}

/* Las opiniones de cada caso: una linea con la media que se despliega en
   hasta tres citas. Plegadas por defecto: la ficha vende el caso, no las
   resenas, y tres parrafos abiertos empujarian el boton de empezar. */
.caso-opiniones{border:0;padding:0;margin:-8px 0 22px}
.caso-opiniones summary{font-size:13px;color:var(--apagado);justify-content:flex-start;gap:8px}
.caso-opiniones summary::after{font-size:15px;margin-left:auto}
.caso-estrellas{color:#e06c51;letter-spacing:1px}
.caso-opiniones blockquote{margin:14px 0 0;padding:0 0 0 12px;border-left:2px solid var(--linea)}
.caso-opiniones blockquote p{font-size:13.5px;color:var(--texto);margin:0 0 4px;padding:0}
.caso-opiniones cite{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--apagado)}
.caso-opiniones-nota{font-size:11px!important;margin:12px 0 0!important}

/* La linea de lo gratis y lo de pago va pegada a la de "a tu ritmo": es la
   misma nota al pie del boton, no un aviso aparte. */
.hero-nota.hero-precio{margin-top:6px}


.caso-ficha{position:relative}.nivel-ficha{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:8px;padding:8px 13px 8px 11px;background:rgba(11,11,13,.82);border:1px solid rgba(232,230,225,.18);border-radius:999px;backdrop-filter:blur(4px);font:600 12.5px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--texto)}.nivel-barras{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.nivel-barras i{display:block;width:5px;border-radius:1px;background:rgba(232,230,225,.25)}.nivel-barras i:nth-child(1){height:6px}.nivel-barras i:nth-child(2){height:11px}.nivel-barras i:nth-child(3){height:16px}.nivel-barras i.llena{background:#d89f78}

/* La cabecera del anuncio: el gancho del caso es un parrafo, no un lema, y no
   puede empujar el boton fuera de la primera pantalla del movil. */
.con-anuncio .hero .claim{font-size:19px;line-height:1.5;max-width:46ch;margin:22px 0 12px}
@media(max-width:760px){.con-anuncio .hero{padding-top:30px}.con-anuncio .hero .claim{font-size:17px}.con-anuncio .hero-desc{font-size:14px;margin-bottom:22px}}
