.muestra-estilo{container-type:inline-size;width:100%}.muestra{--m1: #2360fe;--m2: #151515;--m3: #ffd23f;--t1: #fff;--t2: #fff;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;aspect-ratio:16 / 10;border-radius:10px;font-family:var(--fuente, "Switzer"),system-ui,sans-serif;font-size:clamp(7px,3.5cqi,15px);line-height:1.2;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.muestra p{margin:0}.muestra-barra{display:flex;align-items:center;gap:.55em;padding:.8em 1.1em}.muestra-logo{display:grid;place-items:center;flex:none;height:2.1em;max-width:6.5em}.muestra-logo img{display:block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.muestra-marca{display:grid;place-items:center;flex:none;width:2.1em;height:2.1em;border-radius:.6em;background:var(--m1);color:var(--t1);font-size:.85em;font-weight:500;letter-spacing:.02em}.muestra-nombre{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.muestra-puntos{display:flex;gap:.3em;margin-left:auto}.muestra-puntos i{width:1.6em;height:.28em;border-radius:1em;background:currentColor;opacity:.3}.muestra-cuerpo{flex:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:.9em;min-height:0;padding:.3em 1.1em 1.1em}.muestra-heroe{display:flex;flex-direction:column;justify-content:center;gap:.9em;min-width:0}.muestra-titular{font-size:1.75em;font-weight:500;line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.muestra-boton{align-self:flex-start;padding:.6em 1.15em;border-radius:999px;font-size:.85em;font-weight:500;white-space:nowrap}.muestra-tarjeta{display:flex;flex-direction:column;justify-content:space-between;gap:.3em;min-width:0;padding:.9em;border-radius:.9em}.muestra-dato{font-size:.75em;opacity:.75;white-space:nowrap}.muestra-tarjeta b{font-size:1.9em;font-weight:500;line-height:1}.muestra-barras{display:flex;align-items:flex-end;gap:.28em;height:2.6em}.muestra-barras i{flex:1;border-radius:.25em .25em .1em .1em;background:currentColor;opacity:.8}.muestra-barras i:nth-child(1){height:42%}.muestra-barras i:nth-child(2){height:64%}.muestra-barras i:nth-child(3){height:50%}.muestra-barras i:nth-child(4){height:82%}.muestra-barras i:nth-child(5){height:60%}.muestra-barras i:nth-child(6){height:96%}.muestra-cristal{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--m1) 78%,#0b1030),color-mix(in srgb,var(--m2) 72%,#0b1030))}.muestra-cristal:before,.muestra-cristal:after{content:"";position:absolute;z-index:-1;aspect-ratio:1;border-radius:50%;filter:blur(14px)}.muestra-cristal:before{width:55%;left:-12%;bottom:-28%;background:var(--m3);opacity:.7}.muestra-cristal:after{width:42%;right:4%;top:-14%;background:var(--m1);opacity:.85}.muestra-cristal .muestra-barra{margin:.7em .8em 0;padding:.6em .8em;border:1px solid rgba(255,255,255,.32);border-radius:.9em;background:#ffffff24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.muestra-cristal .muestra-logo{padding:.2em .45em;border-radius:.5em;background:#ffffffeb}.muestra-cristal .muestra-marca{background:#ffffffeb;color:#121633}.muestra-cristal .muestra-boton{background:#fffffff0;color:#121633}.muestra-cristal .muestra-tarjeta{border:1px solid rgba(255,255,255,.38);background:#ffffff29;box-shadow:0 1em 2em -1em #00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.muestra-moderno{color:#121212;background:#f3f2ee}.muestra-moderno .muestra-nombre{letter-spacing:-.01em}.muestra-moderno .muestra-heroe{padding:.9em;border-radius:.9em;background:var(--m1);color:var(--t1)}.muestra-moderno .muestra-titular{font-size:1.95em;letter-spacing:-.03em;text-transform:uppercase}.muestra-moderno .muestra-boton{border-radius:.45em;background:#121212;color:#fff}.muestra-moderno .muestra-tarjeta{background:var(--m2);color:var(--t2)}.muestra-minimal{color:#161616;background:#fff;box-shadow:inset 0 0 0 1px #e6e6e6}.muestra-minimal .muestra-barra{border-bottom:1px solid #ececec}.muestra-minimal .muestra-nombre{font-size:.78em;font-weight:400;letter-spacing:.14em;text-transform:uppercase}.muestra-minimal .muestra-marca{border-radius:0}.muestra-minimal .muestra-titular{font-size:1.55em;font-weight:400}.muestra-minimal .muestra-boton{padding:.5em 1em;border:1px solid #161616;border-radius:0;background:none;color:#161616}.muestra-minimal .muestra-tarjeta{border:1px solid #ececec;border-radius:0}.muestra-minimal .muestra-tarjeta b{color:var(--m1);font-weight:400}.muestra-minimal .muestra-barras{color:var(--m1)}.muestra-minimal .muestra-barras i{opacity:.55}.muestra-oscuro{--serifa: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;color:#efe9df;background:radial-gradient(120% 85% at 88% 0%,color-mix(in srgb,var(--m1) 24%,#0c0b0a),#0c0b0a 62%)}.muestra-oscuro .muestra-nombre{font-family:var(--serifa);font-size:.8em;font-weight:400;letter-spacing:.16em;text-transform:uppercase}.muestra-oscuro .muestra-logo{padding:.2em .45em;border-radius:.4em;background:#efe9dfeb}.muestra-oscuro .muestra-titular{font-family:var(--serifa);font-size:1.85em;font-style:italic;font-weight:400;letter-spacing:-.01em}.muestra-oscuro .muestra-boton{background:var(--m1);color:var(--t1)}.muestra-oscuro .muestra-tarjeta{border:1px solid rgba(239,233,223,.14);background:#ffffff0a}.muestra-oscuro .muestra-tarjeta b{font-family:var(--serifa);font-weight:400;color:var(--m1)}.muestra-oscuro .muestra-barras{color:var(--m1)}.cine .demo-marco{max-width:1000px;scroll-margin-top:calc(var(--alto-cabecera) + 24px)}.cine .demo-form{display:grid;gap:clamp(24px,2.8vw,36px)}.cine .demo-etiqueta{font-size:14px;font-weight:500}.cine .demo-form .opciones[aria-invalid=true] .opcion span{border-color:var(--coral)}.cine .demo-form .casilla:has(input[aria-invalid=true]){color:var(--coral)}.cine .demo-pasos{display:flex;gap:8px;margin:0;padding:0;list-style:none}.cine .demo-pasos li{flex:1;display:grid;gap:10px;min-width:0;color:var(--suave);font-size:13px}.cine .demo-pasos li:before{content:"";height:3px;border-radius:3px;background:var(--linea);transition:background-color .3s ease}.cine .demo-pasos li.completado:before,.cine .demo-pasos li[aria-current=step]:before{background:var(--azul)}.cine .demo-pasos li[aria-current=step]{color:var(--claro)}.cine .demo-pasos span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 639px){.cine .demo-pasos li:not([aria-current=step]) span{display:none}.cine .demo-pasos li[aria-current=step]{flex:4}}.cine .demo-paso{display:grid;gap:24px}@media (prefers-reduced-motion: no-preference){.cine .demo-paso{animation:demo-entra .45s var(--ease-out) both}}@keyframes demo-entra{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cine .demo-paso-cabeza{display:grid;gap:8px}.cine .demo-paso-numero{color:var(--suave);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.cine .demo-paso-titulo{font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.04;letter-spacing:-.012em;text-transform:uppercase;text-wrap:balance}.cine .demo-paso-titulo:focus{outline:none}.cine .demo-paso-texto{max-width:62ch;color:var(--suave)}.cine .demo-opcional{color:var(--suave);font-weight:400}.cine .demo-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}@media (max-width: 760px){.cine .demo-dos{grid-template-columns:minmax(0,1fr)}}.cine .demo-tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:0;padding:0;border:0}.cine .demo-tarjetas.estilos{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.cine .demo-tarjeta{position:relative;display:block;cursor:pointer}.cine .demo-tarjeta input{position:absolute;opacity:0;pointer-events:none}.cine .demo-tarjeta-cuerpo{display:grid;align-content:start;gap:10px;height:100%;padding:18px;border:1px solid var(--linea-fuerte, var(--linea));border-radius:12px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .16s var(--ease-out)}.cine .estilos .demo-tarjeta-cuerpo{padding:12px 12px 16px}.cine .demo-tarjeta:active .demo-tarjeta-cuerpo{transform:scale(.985)}.cine .demo-tarjeta input:checked+.demo-tarjeta-cuerpo{border-color:var(--azul);background:color-mix(in srgb,var(--azul) 9%,transparent);box-shadow:inset 0 0 0 1px var(--azul)}.cine .demo-tarjeta input:focus-visible+.demo-tarjeta-cuerpo{outline:2px solid var(--coral);outline-offset:3px}.cine .demo-tarjeta.falta .demo-tarjeta-cuerpo{border-color:var(--coral)}.cine .demo-tarjeta-titulo{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:1.05rem;font-weight:500}.cine .estilos .demo-tarjeta-titulo{padding:4px 4px 0}.cine .demo-tarjeta-texto{color:var(--suave);font-size:14px}.cine .estilos .demo-tarjeta-texto{padding-inline:4px}.cine .demo-tarjeta-icono{width:26px;height:26px;color:var(--azul)}.cine .demo-marca-radio{display:grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid var(--linea-fuerte, var(--linea));border-radius:50%}.cine .demo-tarjeta input:checked+.demo-tarjeta-cuerpo .demo-marca-radio{border-color:var(--azul);background:var(--azul)}.cine .demo-tarjeta input:checked+.demo-tarjeta-cuerpo .demo-marca-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}@media (hover: hover) and (pointer: fine){.cine .demo-tarjeta:hover input:not(:checked)+.demo-tarjeta-cuerpo{border-color:var(--suave)}}.cine .demo-logo{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:16px;border:1px dashed var(--linea-fuerte, var(--linea));border-radius:12px;transition:border-color .2s ease,background-color .2s ease}.cine .demo-logo.arrastrando{border-color:var(--azul);background:color-mix(in srgb,var(--azul) 8%,transparent)}.cine .demo-logo-vista{display:grid;place-items:center;width:104px;height:104px;overflow:hidden;border-radius:10px;background:repeating-conic-gradient(#dfe2ea 0,#dfe2ea 25%,#fff 0,#fff 50%) 0 0 / 14px 14px;color:#8a90a3}.cine .demo-logo-vista img{max-width:86%;max-height:86%;-o-object-fit:contain;object-fit:contain}.cine .demo-logo-vista svg{width:34px;height:34px}.cine .demo-logo-acciones{display:grid;justify-items:start;gap:10px;min-width:0}.cine .demo-logo-acciones p{color:var(--suave);font-size:14px}.cine .demo-logo-botones{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.cine .demo-logo-nombre{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--suave);font-size:13px}.cine .demo-logo label.boton:focus-within{outline:2px solid var(--coral);outline-offset:3px}.cine .demo-enlace-boton{padding:0;border:0;background:none;color:var(--suave);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cine .demo-enlace-boton:hover{color:var(--claro)}@media (max-width: 480px){.cine .demo-logo{grid-template-columns:minmax(0,1fr);justify-items:start}}.cine .demo-colores{display:grid;gap:10px;margin:0;padding:0;border:0}.cine .demo-colores legend{margin-bottom:4px;font-size:14px;font-weight:500}.cine .demo-muestras{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cine .demo-color{display:inline-flex;align-items:center;gap:10px;padding:5px 6px 5px 5px;border:1px solid var(--linea);border-radius:999px}.cine .demo-color-pastilla{position:relative;width:34px;height:34px;overflow:hidden;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024;cursor:pointer}.cine .demo-color-pastilla input{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);padding:0;border:0;opacity:0;cursor:pointer}.cine .demo-color-pastilla:focus-within{outline:2px solid var(--coral);outline-offset:2px}.cine .demo-color code{font:500 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}.cine .demo-color-quitar{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;color:var(--suave);cursor:pointer}.cine .demo-color-quitar:hover{background:color-mix(in srgb,var(--claro) 8%,transparent);color:var(--claro)}.cine .demo-color-quitar svg{width:15px;height:15px}.cine .demo-color-anadir{padding:10px 16px;border:1px dashed var(--linea-fuerte, var(--linea));border-radius:999px;background:none;color:var(--claro);font:inherit;font-size:14px;cursor:pointer}.cine .demo-color-anadir:hover{border-color:var(--suave)}.cine .demo-resumen{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:22px;padding:18px;border:1px solid var(--linea);border-radius:12px}@media (max-width: 760px){.cine .demo-resumen{grid-template-columns:minmax(0,1fr)}}.cine .demo-resumen h3{color:var(--suave);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.cine .demo-resumen dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:12px 0 0;font-size:14.5px}.cine .demo-resumen dt{color:var(--suave)}.cine .demo-resumen dd{margin:0}.cine .demo-resumen-colores{display:inline-flex;gap:6px;vertical-align:middle}.cine .demo-resumen-colores i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024}.cine .demo-errores{padding:12px 16px;border-left:3px solid var(--coral);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--coral) 10%,transparent);font-size:14.5px}.cine .demo-errores ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.cine .demo-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:24px;border-top:1px solid var(--linea)}.cine .demo-acciones .boton-claro{margin-left:auto}.cine .demo-acciones .boton:disabled{opacity:.6;cursor:progress}@media (max-width: 639px){.cine .demo-acciones .boton{flex:1}}.cine .demo-hecho h2:focus{outline:none}.cine .demo-hecho .demo-codigo{font-size:1.15rem;font-weight:500;letter-spacing:.02em}