@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=Montserrat:wght@300;400;500&display=swap');
:root{--rosa:#b77e87;--crema:#fff8f1;--dorado:#b99a68;--texto:#715456}
*{box-sizing:border-box}body{margin:0;color:var(--texto);background:var(--crema);font-family:'Montserrat',sans-serif;text-align:center;font-weight:300}
#petalos{position:fixed;inset:0;pointer-events:none;z-index:99}.petalo{position:absolute;top:-10%;animation:caer linear infinite}
@keyframes caer{to{transform:translateY(110vh) rotate(360deg)}}
@keyframes aparecer{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.portada{position:relative;min-height:100svh;padding:38px 25px;display:flex;align-items:center;justify-content:center;background:radial-gradient(#fffdf7,#f6e4df)}
.sobre{width:100%;max-width:370px;padding:40px 20px;border:1px solid #c8a87a;border-radius:180px 180px 8px 8px;background:#fff9f1d9;animation:aparecer 1.2s ease}
.sello{width:45px;height:45px;margin:0 auto 15px;display:grid;place-items:center;border:1px solid var(--dorado);border-radius:50%;color:var(--rosa);font-family:'Cormorant Garamond',serif;font-size:28px}
.eyebrow{font-size:9px;letter-spacing:3px;text-transform:uppercase}.adorno{color:var(--dorado);letter-spacing:5px;margin:18px 0}
h1{color:var(--rosa);font-family:'Cormorant Garamond';font-size:52px;margin:15px 0 5px;line-height:1}h2{color:var(--rosa);font-family:'Cormorant Garamond';font-size:34px}
.apellido{font-size:10px;letter-spacing:3px}.linea{height:1px;width:65px;background:var(--dorado);margin:20px auto}.misxv{letter-spacing:4px;font-size:11px}.fecha-portada{color:var(--rosa);letter-spacing:2px}
.boton{display:inline-block;border:1px solid var(--rosa);border-radius:30px;padding:14px 21px;background:var(--rosa);color:#fff;font-size:11px;letter-spacing:1px;text-decoration:none;cursor:pointer;margin-top:12px}
.boton-claro{background:transparent;color:var(--rosa)}.boton-musica{position:fixed;bottom:20px;right:20px;z-index:10;width:50px;height:50px;border-radius:50%;border:1px solid var(--dorado);background:#fff9f1;cursor:pointer}
.oculto{display:none!important}.seccion{padding:48px 20px}.seccion:nth-child(even){background:#f8e9e5}
.tarjeta{max-width:380px;margin:22px auto;padding:28px 20px;background:#fffaf5;border:1px solid #e2c8bf;outline:1px solid #f0ded4;outline-offset:4px;border-radius:6px}
.tarjeta h3{color:var(--rosa);font-family:'Cormorant Garamond';font-size:25px}.destacado{color:var(--rosa);font-weight:500}.separador{color:var(--dorado);margin:18px 0}
.reloj{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-width:360px;margin:25px auto}.reloj div{padding:14px 2px;border:1px solid #dfc4b9;background:#fff9f4}.reloj strong{display:block;color:var(--rosa);font-family:'Cormorant Garamond';font-size:25px}
.reloj span{display:block;font-size:8px;margin-top:5px}.nombre-persona{font-family:'Cormorant Garamond';color:var(--rosa);font-size:21px!important}.cargo{font-size:10px;letter-spacing:2px}
#respuesta{color:var(--rosa);margin-top:15px}
#compartir{position:fixed;bottom:20px;left:20px;z-index:10;background:#25D366;color:#fff;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:22px}