.portada{color:#fff;background:var(--carton) url(/img/portada-escritorio.jpg) right center / cover no-repeat;background-image:image-set("/img/portada-escritorio.webp" 1x type("image/webp"),"/img/portada-escritorio.jpg" 1x type("image/jpeg"));position:relative}.portada:after{content:"";background:var(--p-blanco) repeat-x center;opacity:.8;height:4px;position:absolute;bottom:14px;left:0;right:0}.portada-in{grid-template-columns:minmax(0,680px);grid-template-areas:"marca""pegatina""titular""entrada""quien""acciones""plaza";align-content:center;gap:20px;max-width:1240px;min-height:min(660px,90vh);margin:0 auto;padding:28px 24px 52px;display:grid}.marca{grid-area:marca;width:150px;height:auto}.pegatina{background:var(--pegatina);color:var(--tinta);border-radius:4px;grid-area:pegatina;place-self:start;max-width:34ch;margin:0;padding:10px 16px;font-size:.95rem;line-height:1.35;transform:rotate(-1.5deg);box-shadow:0 6px 14px -6px #00000073}.portada h1{grid-area:titular;margin-top:6px;font-size:clamp(3.4rem,7vw,6.4rem);line-height:.9}.cosido{-webkit-text-decoration:underline dashed var(--pegatina);text-decoration:underline dashed var(--pegatina);text-underline-offset:.14em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.06em}.entrada{color:#e6ebff;grid-area:entrada;max-width:50ch;margin:0;font-size:1.2rem;line-height:1.4}.para-quien{font:800 .86rem/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--pegatina);grid-area:quien;margin:-6px 0 0;font-stretch:85%}.acciones{flex-wrap:wrap;grid-area:acciones;gap:12px;display:flex}.enlace-plaza{color:#fff;text-underline-offset:4px;-webkit-text-decoration-color:var(--pegatina);text-decoration-color:var(--pegatina);grid-area:plaza;justify-self:start;min-height:44px;padding:10px 0;font-weight:600;text-decoration-thickness:2px}.seccion{padding:88px 24px;position:relative}.seccion-in{max-width:1240px;margin:0 auto}.seccion+.seccion{padding-top:24px}.separador{max-width:1240px;margin:0 auto;padding:0 24px}.para{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center;gap:48px;display:grid}.muestras{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.muestras .muestra:nth-child(2){translate:0 10px;rotate:1.4deg}.muestras .muestra:nth-child(3){rotate:-1deg}.muestras .muestra:first-child{rotate:-1.6deg}.muestras .muestra b{font-size:clamp(2rem,3.4vw,2.7rem)}.pasos-caja{margin-top:56px;position:relative}.pasos{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:0;padding:0;list-style:none;display:grid;position:relative}.pasos li{align-content:start;gap:10px;display:grid;position:relative}.ilus{width:100%;max-width:240px;height:auto;overflow:visible}.ilus .l{fill:none;stroke:var(--tinta);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ilus .tela{fill:#fbfaf7;stroke:var(--tinta);stroke-width:2px;stroke-linejoin:round}.ilus .hebra{fill:url(#trama);stroke:none}.ilus .az{fill:#1e3a8a}.ilus .am{fill:#f5c518}.ilus .raso-az{fill:url(#raso-az)}.ilus .raso-am{fill:url(#raso-am)}.ilus .hilo{fill:none;stroke:var(--carton);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:6 5}.ilus .aro{fill:var(--lino-hondo);stroke:var(--tinta);stroke-width:2px}.ilus .etq{fill:var(--papel);stroke:var(--tinta);stroke-width:2px;stroke-linejoin:round}.ilus text{font-family:var(--display);fill:var(--tinta);font-weight:820;font-stretch:68%}.ilus .aguja{fill:var(--tinta)}.paso-n{font:820 .9rem/1 var(--display);letter-spacing:.12em;color:var(--carton);font-stretch:85%}.pasos h3{font-size:1.9rem;line-height:1}.pasos p{max-width:32ch;color:var(--tinta-suave);margin:0}.pasos-hilo{height:100%;position:absolute;top:0;left:0;right:0}.pasos-hilo.h{display:block}.pasos-hilo.v{display:none}.pasos-hilo.h .hilo-scroll{height:30px;top:62px;left:0;right:0}.pasos-hilo.v .hilo-scroll{width:22px;top:0;bottom:0;left:8px}.prueba{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:center;gap:56px;display:grid}.antes-despues{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;gap:0;display:grid}.antes-despues figure{gap:22px;margin:0;display:grid}.antes-despues figcaption{font:800 .86rem/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave);text-align:center;font-stretch:85%}.antes-despues figcaption b{color:var(--tinta);letter-spacing:.02em;margin-bottom:2px;font-size:1.15rem;display:block}.paso-hilo{color:var(--carton);place-items:center;display:grid}.paso-hilo svg{width:100%;height:auto;overflow:visible}.paso-hilo .h{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:6 6}.pie-prueba{color:var(--tinta-suave);text-align:center;grid-column:1/-1;margin:22px 0 0;font-size:.92rem}.plazas{color:#fff;background:var(--carton);padding:96px 24px 88px;position:relative}.plazas:before,.plazas:after{content:"";background:var(--p-blanco) repeat-x center;opacity:.8;height:4px;position:absolute;left:0;right:0}.plazas:before{top:14px}.plazas:after{bottom:14px}.plazas-in{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:56px;max-width:1240px;margin:0 auto;display:grid}.plazas .rotulo{color:var(--pegatina)}.plazas .seccion-h{color:#fff}.plazas .seccion-p{color:#dfe5ff}.plazas .boton{margin-top:26px}.plazas .codigo-nota{color:#c8d1ff;max-width:46ch;margin:14px 0 0;font-size:.95rem}.carretes{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px;margin:0;padding:0;list-style:none;display:grid}.carretes li{justify-items:center;gap:6px;display:grid}.carretes .num{font:820 1.05rem/1 var(--display);color:#fff;letter-spacing:.04em;font-stretch:85%}.preguntas{max-width:860px;margin:40px auto 0}.preguntas details{border-top:0;position:relative}.preguntas details:before{content:"";background:var(--p-tinta) repeat-x left center;height:4px;display:block}.preguntas summary{cursor:pointer;min-height:64px;font:800 1.4rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;font-stretch:72%;list-style:none;display:flex}.preguntas summary::-webkit-details-marker{display:none}.preguntas summary:after{content:"";background:linear-gradient(var(--carton), var(--carton)) center / 100% 2.4px no-repeat, linear-gradient(var(--carton), var(--carton)) center / 2.4px 100% no-repeat;border-radius:2px;flex:none;width:24px;height:24px;transition:rotate .2s}.preguntas details[open] summary:after{background:linear-gradient(var(--carton), var(--carton)) center / 100% 2.4px no-repeat}.preguntas details p{max-width:62ch;color:var(--tinta-suave);margin:0 0 22px;font-size:1.05rem}.preguntas details:last-child{border-bottom:0}.preguntas .final{background:var(--p-tinta) repeat-x left center;height:4px}.pie{max-width:1240px;color:var(--tinta-suave);margin:0 auto;padding:36px 24px 44px;font-size:.92rem}.pie p{max-width:80ch;margin:0 0 6px}.pie a{color:var(--tinta);text-underline-offset:3px}@media (max-width:860px){.portada{background-image:-webkit-image-set(url(/img/portada-movil.webp) 1x type("image/webp"),url(/img/portada-movil.jpg) 1x type("image/jpeg"));background-image:image-set("/img/portada-movil.webp" 1x type("image/webp"),"/img/portada-movil.jpg" 1x type("image/jpeg"));background-position:50%}.portada-in{grid-template-columns:1fr;align-content:space-between;gap:16px;min-height:100svh;padding:22px 26px 40px 20px}.marca{width:128px}.pegatina{transform:rotate(-1deg)}.portada h1{margin-top:0;font-size:clamp(3.6rem,19vw,6rem)}.entrada{font-size:1.1rem}.acciones{flex-direction:column;justify-content:stretch}.acciones .boton{width:100%;min-height:56px}.enlace-plaza{justify-self:center}.seccion{align-content:center;min-height:100svh;padding:56px 26px 56px 20px;display:grid}.seccion+.seccion{padding-top:56px}.separador{padding:0 26px 0 20px}.seccion-h{font-size:clamp(2.5rem,13vw,3.6rem)}.para,.prueba,.plazas-in{grid-template-columns:1fr;gap:30px}.muestras{grid-template-columns:1fr;gap:14px;max-width:340px}.muestra{max-width:340px}.muestras .muestra{aspect-ratio:5/2}.muestras .muestra:nth-child(n){translate:0;rotate:0deg}.pasos-caja{margin-top:28px}.pasos{grid-template-columns:1fr;gap:22px;padding-left:34px}.pasos li{grid-template-columns:112px 1fr;grid-template-areas:"ilus n""ilus h""ilus p";align-items:center;gap:4px 16px}.pasos li .ilus{grid-area:ilus;width:112px}.pasos li .paso-n{grid-area:n;align-self:end}.pasos li h3{grid-area:h;font-size:1.6rem}.pasos li p{grid-area:p;align-self:start;font-size:.98rem}.pasos-hilo.h{display:none}.pasos-hilo.v{display:block}.antes-despues{grid-template-rows:auto 56px auto;grid-template-columns:1fr;width:100%;max-width:300px;margin:0 auto}.paso-hilo svg{width:56px;transform:rotate(90deg)}.plazas{align-content:center;min-height:100svh;padding:72px 26px 72px 20px;display:grid}.carretes{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 8px}.plazas .boton{width:100%}.preguntas summary{font-size:1.3rem}.pie{padding:28px 26px 40px 20px}}
