.demo-foto{border-radius:var(--radio-tesela);background:#1a1a1a;min-width:0;margin:0;overflow:hidden}.demo-foto-escena{aspect-ratio:789/867;isolation:isolate;position:relative;overflow:hidden;container-type:inline-size}.demo-foto-base{width:100%;height:auto;display:block}.demo-foto-impresion{transform-origin:0 0;opacity:0;pointer-events:none;width:48%;height:74%;position:absolute;top:0;left:0}.demo-foto-impresion[data-alineado]{opacity:.94}.demo-foto-impresion .placa{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;color:#fff;--placa-tinta:#fff;--placa-suave:#fff;background:0 0;border-radius:0;transition:none}.demo-foto-impresion .placa-cara{padding:16cqw 9cqw 14cqw}.demo-foto-impresion .placa-marca{height:33cqw}.demo-foto-impresion .placa-logo{width:100%;max-height:33cqw}.demo-foto-impresion .placa-frase{font:700 8cqw/1.12 var(--fuente-display);text-transform:none;margin-top:12cqw}.demo-foto-impresion .placa-sub{margin-top:4cqw;font-size:3.8cqw}.demo-foto-impresion .placa-accesos{gap:4cqw;margin-top:12cqw}.demo-foto-impresion .placa-acceso+.placa-acceso{border:0}.demo-foto-impresion .placa-nfc{width:31cqw}.demo-foto-impresion .placa-nfc-icono{width:15cqw;height:15cqw}.demo-foto-impresion .placa-qr-marco{box-shadow:none}.demo-foto-impresion .placa-qr{width:31cqw;height:31cqw}.demo-foto-impresion .placa-acceso strong{text-transform:none;font-size:4.5cqw}.demo-foto-impresion .placa-acceso small{font-size:3.2cqw}.demo-foto-impresion .placa-gracias{display:none}.demo-foto-secuencia{pointer-events:none;position:absolute;inset:0}.demo-foto-telefono{background:#0e0e0e;border:.6cqw solid #2a2a2a;border-radius:5cqw;width:31%;height:55%;position:absolute;top:35%;left:64%;transform:rotate(4deg);box-shadow:1cqw 3cqw 5cqw #0005}.demo-foto-telefono:after{content:"";background:#0e0e0e;border-radius:2cqw;width:28%;height:2.5%;position:absolute;top:2.3%;left:36%}.demo-foto-pantalla{text-align:center;font:500 2.3cqw/1.4 var(--fuente);border-radius:3.5cqw;flex-direction:column;align-items:center;gap:2cqw;padding:7cqw 2cqw 3cqw;display:flex;position:absolute;inset:1cqw}.demo-foto-espera{color:#fff;opacity:0;background:#1a1a1a}.demo-foto-hora{font:600 7cqw/1 var(--fuente-display)}.demo-foto-contactless{color:#ff3b30;width:10cqw;margin:4cqw 0}.demo-foto-resena{color:#2a2a2a;opacity:1;background:#fff}.demo-foto-google{font:500 3cqw/1 var(--fuente-display)}.demo-foto-resena strong{font:700 4cqw/1 var(--fuente-logo);margin-top:2cqw}.demo-foto-estrellas{color:#666;gap:.4cqw;width:100%;display:flex}.demo-foto-estrellas svg{width:20%;height:auto}.demo-foto-campo{text-align:left;border:1px solid #ccc;border-radius:1cqw;width:100%;min-height:11cqw;padding:1.6cqw}.demo-foto-publicar{color:#fff;background:#1a1a1a;border-radius:4cqw;align-self:flex-end;padding:1cqw 2.4cqw}.demo-foto-resena small{color:#666;margin-top:auto;font-size:1.8cqw}.demo-foto-onda{aspect-ratio:1;opacity:0;border:.5cqw solid #ff3b30;border-radius:50%;width:15%;position:absolute;top:62%;left:19%}.demo-foto-secuencia[data-animar=true] .demo-foto-telefono{animation:demo-foto-acercar 3.6s var(--curva) var(--demo-retraso,0s) both}.demo-foto-secuencia[data-animar=true] .demo-foto-onda{animation:demo-foto-contacto 1s var(--curva) calc(var(--demo-retraso,0s) + 1s) both}.demo-foto-secuencia[data-animar=true] .demo-foto-onda-dos{animation-delay:calc(var(--demo-retraso,0s) + 1.2s)}.demo-foto-secuencia[data-animar=true] .demo-foto-espera{animation:demo-foto-bloqueo 3.6s var(--curva) var(--demo-retraso,0s) both}.demo-foto-secuencia[data-animar=true] .demo-foto-resena{animation:demo-foto-abrir 3.6s var(--curva) var(--demo-retraso,0s) both}.demo-foto-secuencia[data-visible=false] *{animation-play-state:paused!important}@keyframes demo-foto-acercar{0%{transform:translate(25%,-12%)rotate(12deg)}28%,52%{transform:translate(-112%,5%)rotate(-12deg)}80%,to{transform:rotate(4deg)}}@keyframes demo-foto-contacto{0%{opacity:0;transform:scale(.9)}25%{opacity:.7}to{opacity:0;transform:scale(1.9)}}@keyframes demo-foto-bloqueo{0%,79%{opacity:1}to{opacity:0}}@keyframes demo-foto-abrir{0%,79%{opacity:0;transform:translateY(3%)}to{opacity:1;transform:none}}.demo-foto-pie{color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 16px;font-size:.8125rem;line-height:1.5;display:flex}.demo-foto-repetir{color:#fff;min-height:44px;font:600 .8125rem/1.4 var(--fuente);cursor:pointer;transition:transform .15s var(--curva), opacity .15s var(--curva);background:0 0;border:1px solid #fff6;border-radius:24px;padding:8px 14px}.demo-foto-repetir:active{transform:scale(.97)}.demo-foto-repetir:focus-visible{outline-offset:3px;outline:2px solid #ff3b30}@media (hover:hover) and (pointer:fine){.demo-foto-repetir:hover{opacity:.75}}@media (prefers-reduced-motion:reduce){.demo-foto .demo-foto-secuencia *{animation:none!important}.demo-foto-repetir{transition:none;display:none}}