@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/caveat-latin-500-normal.B9SDL8cy.woff2)format("woff2"),url(/_astro/caveat-latin-500-normal.Do9veZfZ.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/caveat-latin-600-normal.zlTlWIYU.woff2)format("woff2"),url(/_astro/caveat-latin-600-normal.DUjB8dgm.woff)format("woff")}:root{--petroleo:#0e2a30;--superficie:#153840;--superficie-clara:#1b4650;--ambar:#f2a93b;--ambar-claro:#ffd08a;--ambar-oscuro:#c77d12;--crema:#f2eee6;--secundario:#b5c9ca;--tinta:#0e2a30;--tinta-suave:#36575c;--fuente:"Bricolage Grotesque Variable", "Trebuchet MS", system-ui, sans-serif;--manuscrita:"Caveat", "Segoe Print", cursive}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--fuente);-webkit-font-smoothing:antialiased;margin:0}body.oscuro{background:var(--petroleo);color:var(--crema)}body.claro{color:var(--tinta);background:#eef2f2}button,input,select,textarea{font-family:inherit}:focus-visible{outline:3px solid var(--ambar-claro);outline-offset:3px}body.claro :focus-visible{outline-color:#0e5a63}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@keyframes respira{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes onda{0%{opacity:.6;transform:scale(.62)}to{opacity:0;transform:scale(1.3)}}@keyframes tiembla{0%,to{transform:translate(0)}25%{transform:translate(-1.2px)}75%{transform:translate(1.2px)}}@keyframes gira{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes late{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}.pantalla{flex-direction:column;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;padding:64px 28px 28px;display:flex;position:relative;overflow:hidden}.brillo{pointer-events:none;border-radius:50%;position:absolute;left:50%}.manuscrita{font-family:var(--manuscrita);color:var(--ambar);margin:0;font-weight:500}.pie{flex-direction:column;align-items:center;gap:18px;width:100%;margin-top:auto;padding-top:28px;display:flex;position:relative}.boton{background:var(--ambar);width:100%;min-height:56px;color:var(--tinta);cursor:pointer;border:0;border-radius:28px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.firma{letter-spacing:.2px;color:var(--secundario);text-align:center;margin:0;font-size:13px}.aviso-vacio{color:var(--secundario);margin:40px 0 0;font-size:17px;line-height:1.4;position:relative}.inicio{align-items:center}.inicio .brillo{background:radial-gradient(circle,#f2a93b33 0%,#f2a93b12 42%,#f2a93b00 70%);width:460px;height:460px;margin-left:-230px;top:214px}.inicio__cabecera{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.inicio__frase{font-size:30px;transform:rotate(-3deg)}.inicio__nombre{letter-spacing:-2px;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:76px;font-weight:700;line-height:1}.inicio__nombre--medio{letter-spacing:-1.4px;font-size:56px}.inicio__nombre--largo{letter-spacing:-1px;font-size:40px;line-height:1.05}.centro{flex:none;justify-content:center;align-items:center;width:300px;height:300px;margin-top:44px;display:flex;position:relative}.centro__anillo{border:1px solid #f2a93b29;border-radius:50%;position:absolute;inset:0}.centro__anillo--interior{border-color:#f2a93b1a;inset:26px}.centro__onda{border:2px solid var(--ambar);opacity:0;border-radius:50%;animation:2.4s ease-out infinite onda;position:absolute;inset:0}.centro__toque{width:248px;height:248px;color:inherit;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:relative}button.centro__toque,a.centro__toque{cursor:pointer}.centro__toque--respira{animation:4.4s ease-in-out infinite respira}.centro__figura{justify-content:center;align-items:center;width:248px;height:248px;display:flex}.centro__figura--tiembla{animation:.14s linear infinite tiembla}.centro__figura--gira{animation:3.2s linear infinite gira}.centro__foto{object-fit:cover;border:2.5px solid var(--ambar);border-radius:50%;width:204px;height:204px;box-shadow:0 18px 40px #00000061}.centro__sello{background:var(--superficie-clara);border:2.5px solid var(--ambar);border-radius:50%;justify-content:center;align-items:center;width:168px;height:168px;display:flex;box-shadow:0 18px 40px #00000061}.inicio__estado{text-align:center;flex-direction:column;align-items:center;gap:6px;min-height:86px;margin-top:34px;display:flex;position:relative}.inicio__estado-titulo{margin:0;font-size:22px;font-weight:600;line-height:1.25}.inicio__estado-titulo--activo{color:var(--ambar)}.inicio__estado-detalle{color:var(--secundario);margin:0;font-size:16px;line-height:1.4}.recuerdos{padding-top:52px}.recuerdos .brillo{background:radial-gradient(circle,#f2a93b29 0%,#f2a93b0d 45%,#f2a93b00 70%);width:520px;height:520px;margin-left:-260px;top:150px}.visor{flex-direction:column;flex:1;display:flex;position:relative}.recuerdos__cabecera{flex-direction:column;gap:6px;display:flex;position:relative}.volver{min-height:44px;color:var(--crema);align-self:flex-start;align-items:center;gap:8px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.volver:hover{color:var(--ambar)}.recuerdos__titulo{transform-origin:0;font-size:34px;transform:rotate(-2deg)}.tarjeta-marco{justify-content:center;margin-top:30px;display:flex;position:relative}.tarjeta{background:var(--crema);width:300px;color:var(--tinta);border-radius:4px;flex-direction:column;gap:14px;padding:14px 14px 20px;transition:transform .35s;display:flex;box-shadow:0 18px 40px #00000061,0 2px 4px #00000040}.tarjeta--medio{gap:12px}.tarjeta__imagen{object-fit:cover;background:#c6d4d2;border-radius:2px;width:272px;height:262px;display:block}.tarjeta__medio{background:#c6d4d2;border-radius:2px;justify-content:center;align-items:center;width:272px;height:242px;display:flex;position:relative;overflow:hidden}.tarjeta__medio>img,.tarjeta__medio>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reproducir{background:var(--ambar);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:72px;height:72px;padding:0;transition:opacity .35s;display:flex;position:relative;box-shadow:0 6px 16px #0e2a3059}.reproducir--chico{width:60px;height:60px;box-shadow:none}.reproducir--oculto{opacity:0}.reproducir--oculto:focus-visible{opacity:1}.duracion{background:var(--petroleo);color:var(--crema);border-radius:12px;margin:0;padding:4px 10px;font-size:13px;font-weight:600;position:absolute;bottom:10px;right:10px}.avance{background:#d5ccbc;border-radius:2px;width:272px;height:4px;overflow:hidden}.avance>div{background:var(--ambar-oscuro);border-radius:2px;height:4px}.tarjeta__textos{flex-direction:column;gap:4px;padding:0 4px;display:flex}.tarjeta__frase{font-family:var(--manuscrita);overflow-wrap:anywhere;margin:0;font-size:29px;font-weight:600;line-height:1.1}.tarjeta__autor{color:var(--tinta-suave);margin:0;font-size:14px}.tarjeta--voz{gap:18px;padding:22px 20px 24px}.voz__cabecera{flex-direction:column;gap:2px;display:flex}.voz__tipo{color:var(--tinta-suave);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.voz__de{font-family:var(--manuscrita);overflow-wrap:anywhere;margin:0;font-size:40px;font-weight:600;line-height:1.05}.voz__control{align-items:center;gap:14px;display:flex}.voz__barras{flex:1;justify-content:space-between;align-items:center;height:60px;display:flex}.voz__barras>span{background:#1e464d;border-radius:2px;width:4px}.voz__tiempos{color:var(--tinta-suave);justify-content:space-between;font-size:14px;display:flex}.voz__tiempos p{margin:0}.voz__frase{font-family:var(--manuscrita);overflow-wrap:anywhere;border-top:1.5px dashed #c3b8a5;margin:0;padding-top:14px;font-size:27px;font-weight:500;line-height:1.15}.tarjeta--cancion{padding-bottom:18px}.cancion__arte{background:#e4dccd;border-radius:2px;width:272px;height:196px;position:relative;overflow:hidden}.cancion__disco{background:radial-gradient(circle,#f2eee6 0 4px,#f2a93b 4px 32px,#0a1f24 32px 34px,#12343b 34px 52px,#0a1f24 52px 54px,#12343b 54px 72px,#0a1f24 72px 100%);border-radius:50%;width:180px;height:180px;position:absolute;top:8px;left:92px}.cancion__panel{background:var(--superficie-clara);flex-direction:column;justify-content:flex-end;width:170px;height:196px;padding:16px;display:flex;position:absolute;top:0;left:0}.cancion__panel p{font-family:var(--manuscrita);color:var(--ambar);transform-origin:0 100%;margin:0;font-size:30px;font-weight:600;line-height:1;transform:rotate(-4deg)}.cancion__datos{flex-direction:column;gap:2px;padding:0 4px;display:flex}.cancion__nombre{overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:700}.cancion__artista{color:var(--tinta-suave);margin:0;font-size:15px}.cancion__frase{font-family:var(--manuscrita);overflow-wrap:anywhere;margin:0;padding:0 4px;font-size:27px;font-weight:600;line-height:1.12}.cancion__accion{flex-direction:column;align-items:center;gap:8px;display:flex}.cancion__enlace{background:var(--petroleo);width:100%;height:50px;color:var(--crema);border-radius:25px;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.cancion__nota{color:var(--tinta-suave);margin:0;font-size:13px}.contador{text-align:center;color:var(--secundario);margin:26px 0 0;font-size:15px;position:relative}.recuerdos .pie{gap:12px}.privado{color:var(--secundario);align-items:center;gap:8px;margin:6px 0 0;font-size:13px;display:flex}.franja-previa{z-index:10;background:var(--crema);min-height:44px;color:var(--tinta);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:14px;font-weight:600;display:flex;position:sticky;top:0}.franja-previa a{color:#0e5a63}.mensaje__frase{transform-origin:0;font-size:34px;transform:rotate(-3deg)}.mensaje__titulo{letter-spacing:-.8px;text-wrap:balance;margin:6px 0 0;font-size:36px;font-weight:700;line-height:1.08}.mensaje__texto{color:var(--secundario);margin:14px 0 0;font-size:17px;line-height:1.4}.mensaje__contacto a{color:var(--ambar);padding:10px 0;font-weight:600;display:inline-block}
