*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7fcff;color:var(--ink)}.floating{position:fixed;left:50%;top:24px;transform:translateX(-50%);width:min(1250px,92%);height:74px;border-radius:38px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(32,70,105,.16);z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.floating div{display:flex;align-items:center;gap:12px;font-size:22px}.floating span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent)}.floating nav{display:flex;gap:28px}.floating a{color:var(--ink);text-decoration:none;font-weight:900;font-size:14px;letter-spacing:.08em}.floating button{border:0;background:transparent;color:var(--ink);font-weight:900;font-size:17px}.hero{min-height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;color:white}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.6))}.copy{position:relative;z-index:2;text-shadow:0 8px 28px rgba(0,0,0,.55);padding-top:50px}.copy small{letter-spacing:.25em}.copy h1{font-family:'Great Vibes',cursive;font-size:clamp(80px,12vw,170px);font-weight:400;margin:20px 0}.copy p,.copy b{font-family:Playfair Display,serif;font-size:clamp(22px,2vw,32px)}.count{text-align:center;padding:60px 20px;background:#eaf7ff url('/assets/img/style-packs/bautismo-celeste/ornaments.jpg') center/cover}.count h2,.places h2,.gallery h2,.details h2,.gift h2,.rsvp h2{font-family:Playfair Display,serif;letter-spacing:.08em;color:var(--ink)}.count div{display:flex;justify-content:center;gap:7vw}.count b{font-family:Playfair Display,serif;font-size:48px;font-weight:500}.count span{display:block;font-family:Inter;font-size:12px}.places{position:relative;background:#fff;min-height:70vh;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;text-align:center;padding:90px 12vw}.places article{padding:30px}.places p{color:#333}.places b{font-size:24px}.places a,.details a,.gift a,.rsvp button{justify-self:center;grid-column:1/-1;border:1px solid #93bfdf;background:#eef9ff;color:var(--ink);border-radius:25px;padding:13px 30px;text-decoration:none;font-weight:900}.gallery{background:#eaf7ff;padding:70px 8vw;text-align:center}.gallery div{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.gallery img{height:220px;width:100%;object-fit:cover;border-radius:16px}.details{display:grid;grid-template-columns:1fr 1fr;background:#dff1fb;text-align:center}.details article{padding:70px 40px}.details article+article{border-left:1px solid #b7d9ed}.dots{display:flex;gap:14px;justify-content:center}.dots i{width:25px;height:25px;border-radius:50%;background:#67aacd}.dots i:nth-child(2){background:#cfe7f8}.dots i:nth-child(3){background:#efe8dd}.dots i:nth-child(4){background:#e5c08a}.gift{text-align:center;background:#fff;padding:80px 20px}.gift p{max-width:520px;margin:0 auto 25px}.rsvp{background:#eaf7ff;padding:80px 20px;text-align:center}.rsvp form{max-width:620px;margin:auto;display:grid;gap:14px}.rsvp input,.rsvp select,.rsvp textarea{border:1px solid #bad5e8;border-radius:14px;padding:16px;font:inherit}.rsvp textarea{height:110px}@media(max-width:800px){.floating{top:10px;height:auto;padding:12px 16px}.floating nav{display:none}.hero{min-height:86vh}.places,.details{grid-template-columns:1fr;padding:55px 22px}.gallery div{grid-template-columns:1fr 1fr}.gallery img{height:170px}.count div{gap:20px}.count b{font-size:34px}}