*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf6f0;color:#35242a;font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}img{display:block;max-width:100%}:root{--wine:#52283b;--gold:#b99668;--cream:#faf6f0}.progress{position:fixed;top:0;left:0;width:0;height:2px;background:#e8c79a;z-index:100}.nav{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(20px,5.2vw,90px);color:white;gap:20px}.logo{font-family:"Playfair Display",serif;font-size:27px;letter-spacing:.21em;white-space:nowrap}.logo-mark{color:#edc998;font-size:35px;vertical-align:-2px}.nav-links{display:flex;gap:36px;font-size:12px;letter-spacing:.06em}.nav-links a,.text-link{transition:opacity .2s}.nav-links a:hover,.text-link:hover{opacity:.65}.nav-cta{border:1px solid #ffffff8c;padding:12px 19px;border-radius:99px;font-size:12px;backdrop-filter:blur(10px)}.nav-cta span,.btn span{margin-left:12px}.hero{min-height:760px;height:100svh;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('https://images.pexels.com/photos/17804653/pexels-photo-17804653.jpeg?auto=compress&cs=tinysrgb&w=2000');background-size:cover;background-position:50% 39%;transform:scale(1.045);animation:hero-zoom 24s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,13,25,.91) 0%,rgba(39,16,29,.68) 41%,rgba(39,16,29,.15) 100%),linear-gradient(0deg,rgba(25,10,19,.4),transparent 45%)}.hero-content{position:relative;z-index:2;width:min(730px,85%);margin-left:clamp(25px,9vw,160px);padding-top:55px}.overline,.eyebrow{font-size:11px;font-weight:700;letter-spacing:.27em}.overline{display:flex;align-items:center;gap:15px;color:#f0d8b8}.overline-line{width:36px;height:1px;background:#e6c294}.hero h1,h2,h3,.design-photo strong{font-family:"Playfair Display",Georgia,serif;font-weight:400}.hero h1{font-size:clamp(54px,6.2vw,108px);line-height:1.12;letter-spacing:-.035em;margin:27px 0}.hero h1 em,.section h2 em,.statement h2 em,.design-panel h3 em{font-weight:400;color:#f0cba4}.hero-content>p{font-size:16px;line-height:1.9;color:#f6eae7;max-width:440px}.hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:18px 26px;border-radius:2px;font-size:12px;letter-spacing:.035em;font-weight:700;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn-light{background:#faf2e8;color:#382433}.btn-dark{background:#50273a;color:white}.text-link{font-size:12px;border-bottom:1px solid #ffffff7a;padding:12px 0}.hero-price{display:flex;align-items:center;gap:15px;margin-top:65px;font-size:10px;letter-spacing:.18em;color:#f1d6c5}.hero-price strong{font-family:"Playfair Display",serif;font-size:32px;font-weight:400;letter-spacing:0;color:#fff}.hero-price small{font-family:"DM Sans",sans-serif;font-size:11px}.hero-side{position:absolute;right:28px;top:50%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.25em;color:#f4e3d8}.scroll-note{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.2em;display:flex;align-items:center;gap:15px}.hero-sparkle{position:absolute;right:16%;top:24%;z-index:1;color:#f5d3a5;font-size:45px;animation:spark 8s ease-in-out infinite}.section{padding:110px clamp(24px,7vw,120px)}.intro{text-align:center;max-width:1120px;margin:auto;padding-top:125px;padding-bottom:125px}.eyebrow{color:#a57e68}.section h2{font-size:clamp(39px,4.1vw,68px);line-height:1.2;letter-spacing:-.035em;margin:20px 0 22px}.section h2 em{color:#9b6371}.intro p{font-size:15px;line-height:2.05;color:#74666a;max-width:680px;margin:auto}.gold-divider{display:block;margin-top:40px;color:#b68d59;letter-spacing:16px}.collection{padding-bottom:80px;background:#f1e7df}.section-heading{text-align:center;max-width:660px;margin:0 auto 52px}.section-heading p{line-height:1.8;color:#796a6c;font-size:14px}.design-showcase{display:grid;grid-template-columns:1.05fr .95fr;max-width:1260px;margin:auto;min-height:590px;box-shadow:0 30px 65px #48253617}.design-photo{position:relative;min-height:590px;overflow:hidden;background:#dbc6b8}.design-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 32%;transition:opacity .35s,transform 1s}.design-photo:hover img{transform:scale(1.035)}.design-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#2d152b9c,transparent 45%)}.photo-overlay{position:absolute;bottom:35px;left:40px;z-index:1;color:white}.photo-overlay span{font-size:10px;letter-spacing:.25em}.photo-overlay strong{display:block;font-size:65px;font-style:italic}.design-panel{background:#fffaf4;display:flex;align-items:center;justify-content:center;transition:background .5s}.design-panel-inner{width:min(410px,82%);padding:55px 0}.design-panel h3{font-size:clamp(39px,3.5vw,58px);line-height:1.2;margin:23px 0}.design-panel h3 em{color:#a57878}.design-panel p{font-size:14px;line-height:1.9;color:#786b6a}.palette-label{font-size:10px;letter-spacing:.24em;font-weight:700;margin:34px 0 15px}.palette{display:flex;gap:16px}.swatch{width:43px;height:43px;border:1px solid #d4c6bc;border-radius:50%;background:white;padding:5px;cursor:pointer;transition:transform .2s,box-shadow .2s}.swatch span{display:block;width:100%;height:100%;border-radius:50%}.swatch[data-style=almond] span{background:#d5a89f}.swatch[data-style=wine] span{background:#632239}.swatch[data-style=blue] span{background:#557c9b}.swatch.active{box-shadow:0 0 0 2px #7a4c5a;transform:scale(1.08)}.swatch:focus-visible{outline:3px solid #b99668;outline-offset:4px}.selected-name{font-family:"Playfair Display",serif!important;font-size:18px!important;font-style:italic;margin:13px 0 28px!important}.design-panel .tiny{font-size:11px;color:#a0958c;margin-top:17px}.design-showcase[data-style=wine] .design-panel{background:#5d263d;color:#fff5eb}.design-showcase[data-style=wine] .design-panel .eyebrow,.design-showcase[data-style=wine] .design-panel p,.design-showcase[data-style=wine] .palette-label{color:#eac5c9}.design-showcase[data-style=wine] .design-panel h3 em{color:#f3c6b3}.design-showcase[data-style=wine] .btn-dark{background:#f6e8d9;color:#552339}.design-showcase[data-style=wine] .swatch.active{box-shadow:0 0 0 2px #f3d5b8}.design-showcase[data-style=blue] .design-panel{background:#e4edf0}.design-showcase[data-style=blue] .design-panel h3 em{color:#47738f}.design-showcase[data-style=blue] .btn-dark{background:#244963}.collection-bottom{max-width:1260px;margin:26px auto 0;display:flex;justify-content:space-between;gap:15px;color:#a17d73;font-size:9px;letter-spacing:.2em}.features{background:#fffaf4}.features-heading{max-width:750px}.features-heading p{max-width:530px;line-height:1.9;color:#817375}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1250px;margin:55px auto 0;border-top:1px solid #e6d9cd;border-left:1px solid #e6d9cd}.feature{min-height:250px;padding:35px;border-right:1px solid #e6d9cd;border-bottom:1px solid #e6d9cd;position:relative}.feature-no{position:absolute;right:30px;top:28px;color:#c7b3a5;font-size:11px}.feature-icon{font-size:32px;color:#af8765;margin-bottom:14px}.feature h3{font-size:24px;margin:8px 0}.feature p{font-size:13px;line-height:1.85;color:#827478}.statement{height:580px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:white;overflow:hidden}.statement-image{position:absolute;inset:0;background:url('https://images.pexels.com/photos/34538030/pexels-photo-34538030.jpeg?auto=compress&cs=tinysrgb&w=1800') center 36%/cover}.statement-overlay{position:absolute;inset:0;background:#1e1729a8}.statement-content{position:relative;padding:30px}.statement .eyebrow{color:#f3d6aa}.statement h2{font-size:clamp(45px,5vw,78px);line-height:1.2;font-family:"Playfair Display",serif;font-weight:400;margin:26px 0 35px}.steps{background:#f4ece6}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1200px;margin:auto}.steps-row article{border-top:1px solid #c8a892;padding-top:25px}.steps-row article>span{font-family:"Playfair Display",serif;color:#a87968;font-size:42px}.steps-row h3{font-size:27px;margin:12px 0}.steps-row p{color:#806f70;font-size:14px;line-height:1.8}.final-cta{text-align:center;background:radial-gradient(ellipse at center,#fff9f1,#e9d8d3);padding:120px 20px}.cta-ornament{font-size:40px;color:#b28a5e;animation:spark 8s ease-in-out infinite}.final-cta p{color:#76656a;margin:0 auto 30px;max-width:490px;line-height:1.9;font-size:14px}footer{background:#321c2a;color:#f5e5d8;display:flex;justify-content:space-between;align-items:end;gap:30px;padding:60px clamp(24px,7vw,120px)}footer p{font-size:12px;color:#cdb6b9}footer .logo{font-size:25px}.footer-links{display:flex;gap:25px;font-size:12px}footer>span{font-size:11px;color:#bea7ac}.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes hero-zoom{to{transform:scale(1.12)}}@keyframes spark{50%{opacity:.3;transform:translateY(-14px) rotate(24deg)}}@media(max-width:900px){.nav-links{display:none}.hero{min-height:680px}.hero-content{margin-left:6vw}.hero-side{display:none}.design-showcase{grid-template-columns:1fr}.design-photo{min-height:520px}.design-panel-inner{padding:50px 0}.features-grid{grid-template-columns:repeat(2,1fr)}.collection-bottom{flex-wrap:wrap}footer{flex-wrap:wrap}}@media(max-width:600px){.nav{padding:15px 18px}.logo{font-size:21px}.logo-mark{font-size:27px}.nav-cta{padding:10px 12px;font-size:10px}.hero{min-height:720px;min-height:100svh}.hero-image{background-position:56% 32%}.hero-shade{background:linear-gradient(0deg,rgba(31,13,25,.94),rgba(31,13,25,.35) 82%)}.hero-content{margin:0 25px;align-self:end;padding:0 0 95px;width:auto}.hero h1{font-size:clamp(47px,12vw,68px)}.hero-content>p{font-size:14px;line-height:1.7}.hero-actions{gap:14px;margin-top:24px}.hero-price{margin-top:27px}.hero-price strong{font-size:26px}.scroll-note{bottom:15px;font-size:8px}.overline,.eyebrow{font-size:9px}.section{padding:75px 22px}.intro{padding-top:85px;padding-bottom:85px}.section h2{font-size:40px}.design-photo{min-height:450px}.photo-overlay{left:25px;bottom:20px}.photo-overlay strong{font-size:54px}.design-panel-inner{width:84%}.design-panel h3{font-size:42px}.features-grid{grid-template-columns:1fr}.feature{min-height:200px}.statement{height:480px}.steps-row{grid-template-columns:1fr;gap:20px}.collection-bottom span:nth-child(2){display:none}footer{display:block;padding:50px 25px}.footer-links{margin:30px 0;flex-wrap:wrap}.nav-cta span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image,.hero-sparkle,.cta-ornament{animation:none}.reveal{opacity:1;transform:none;transition:none}}
/* LUMINA XV — photographic hero and restrained jewellery animation */
.hero-image{background-image:url('https://images.pexels.com/photos/34538037/pexels-photo-34538037.jpeg?auto=compress&cs=tinysrgb&w=1900');background-position:62% 34%}
.hero-shade{background:linear-gradient(90deg,rgba(29,9,22,.92),rgba(39,12,28,.68) 41%,rgba(29,10,23,.10) 100%),linear-gradient(0deg,rgba(22,7,18,.43),transparent 50%)}
.hero-content{padding-top:88px}
.xv-jewel{position:absolute;z-index:3;right:clamp(40px,10vw,190px);bottom:clamp(78px,13vh,140px);display:flex;align-items:baseline;filter:drop-shadow(0 8px 17px rgba(24,8,13,.5));font-family:Georgia,serif;font-size:clamp(78px,12vw,188px);line-height:1;letter-spacing:-.085em;pointer-events:none;transform:rotate(-5deg)}
.xv-jewel span{display:inline-block;background:radial-gradient(circle at 15% 20%,#fff 0 1px,transparent 2px) 0 0/12px 13px,radial-gradient(circle at 65% 70%,#fff4d6 0 1.3px,transparent 2.5px) 0 0/17px 17px,linear-gradient(120deg,#8c592f 0%,#f9e5a9 16%,#b57a38 31%,#fff8d8 48%,#b8803d 67%,#ffe6a3 85%,#8d552c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.6px #f9e7b1;text-shadow:0 0 24px rgba(255,219,146,.15);animation:jewelShine 8s ease-in-out infinite}
.xv-jewel .xv-v{animation-delay:1.4s}.jewel-flash{position:absolute;font-size:clamp(18px,2.6vw,37px);font-style:normal;color:#fff1b9;right:-10%;top:4%;animation:diamondFlash 8s ease-in-out infinite 2s}
@keyframes jewelShine{0%,16%,38%,100%{filter:brightness(.86) drop-shadow(0 0 0 transparent)}23%,29%{filter:brightness(1.75) drop-shadow(0 0 9px #ffdb86)}}
@keyframes diamondFlash{0%,19%,28%,100%{opacity:0;transform:scale(.25) rotate(0)}23%{opacity:1;transform:scale(1.15) rotate(50deg)}}
.logo{position:relative}.logo-mark{display:inline-block;animation:logoBreath 6s ease-in-out infinite}.logo-spark{position:absolute;z-index:40;color:#ffe2a0;font-family:Georgia,serif;pointer-events:none;opacity:0;animation:logoSparkFly var(--dur,2.2s) ease-out forwards;left:18px;top:18px;font-size:var(--size,13px)}
@keyframes logoBreath{0%,80%,100%{filter:drop-shadow(0 0 0 transparent)}88%{filter:drop-shadow(0 0 9px #ffe7a7)}}
@keyframes logoSparkFly{0%{opacity:0;transform:translate(0,0) scale(.3) rotate(0)}18%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.05) rotate(120deg)}}
.cta-price{font-size:12px!important;letter-spacing:.18em;font-weight:700;color:#855c60!important;margin:20px auto 10px!important}
@media(max-width:900px){.xv-jewel{right:7vw;bottom:17vh;font-size:clamp(80px,14vw,130px)}}
@media(max-width:600px){.hero-image{background-position:60% 28%}.hero-shade{background:linear-gradient(0deg,rgba(26,9,21,.96) 0%,rgba(28,9,21,.79) 37%,rgba(28,9,21,.08) 100%)}.hero-content{padding-bottom:80px;padding-top:0}.xv-jewel{font-size:92px;right:7vw;top:25%;bottom:auto}.hero h1{font-size:clamp(44px,11vw,62px)}.hero-content>p{max-width:320px}}
@media(prefers-reduced-motion:reduce){.xv-jewel span,.jewel-flash,.logo-mark,.logo-spark{animation:none}}

/* Contacto WhatsApp: visible sin ocultar la fotografía ni el contenido */
.nav-whatsapp{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.65);border-radius:100px;padding:11px 16px;color:#fff;text-decoration:none;font-size:12px;font-weight:700;background:rgba(35,12,27,.42);backdrop-filter:blur(8px);transition:background .25s,transform .25s}
.nav-whatsapp:hover{background:#226f4a;transform:translateY(-2px)}
.btn-whatsapp{background:#247b53!important;color:#fff!important;border:1px solid #247b53!important;box-shadow:0 12px 28px rgba(19,84,53,.22)}
.btn-whatsapp:hover{background:#185b3d!important}
.cta-contact-hint{font-size:13px!important;margin-top:14px!important;opacity:.8}
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;align-items:center;gap:9px;padding:12px 17px;background:#247b53;color:white;text-decoration:none;border-radius:100px;box-shadow:0 8px 28px rgba(0,0,0,.27);font:700 13px 'DM Sans',sans-serif;transition:transform .2s,background .2s}
.whatsapp-float:hover{transform:translateY(-3px);background:#195c3f}
.whatsapp-float svg{width:23px;height:23px;flex:none}
@media(max-width:850px){.nav-whatsapp{padding:10px 12px}.nav-whatsapp span{display:none}}
@media(max-width:600px){.whatsapp-float{right:12px;bottom:14px;padding:12px 14px}.whatsapp-float span{font-size:12px}.nav-whatsapp{font-size:15px}}

/* Cuarto diseño: Rubí Imperial */
.swatch[data-style=ruby] span{background:radial-gradient(circle at 32% 28%,#a73356,#530c29 65%,#33091b)}
.design-showcase[data-style=ruby] .design-panel{background:linear-gradient(135deg,#380b20,#69112f 60%,#400a20);color:#fff1d7;border:1px solid #cba15e}
.design-showcase[data-style=ruby] .design-panel .eyebrow,.design-showcase[data-style=ruby] .design-panel p,.design-showcase[data-style=ruby] .palette-label{color:#efd0b1}
.design-showcase[data-style=ruby] .design-panel h3 em{color:#e9bb6c}
.design-showcase[data-style=ruby] .btn-dark{background:linear-gradient(110deg,#c7984d,#f9e4ac,#b67a33);color:#3e1427}
.design-showcase[data-style=ruby] .swatch.active{box-shadow:0 0 0 2px #e5bd79}

.swatch[data-style=ruby] span{background:linear-gradient(135deg,#ee392f,#b20a1d 60%,#70000c)!important}
.design-showcase[data-style=ruby] .design-panel{background:linear-gradient(135deg,#68000e,#c91a26 60%,#8e0715)!important;color:#ffe2a2!important;border:2px solid #e6b65f!important}
.design-showcase[data-style=ruby] .design-panel h3,.design-showcase[data-style=ruby] .design-panel h3 em{color:#ffe2a2!important}

/* Rubí Imperial collection preview — premium palette */
.design-showcase[data-style=ruby] .design-panel{background:radial-gradient(ellipse at 25% 0%,#912038,#4a091c 75%);color:#f8e6c4}
.design-showcase[data-style=ruby] .design-panel .eyebrow,.design-showcase[data-style=ruby] .design-panel p,.design-showcase[data-style=ruby] .palette-label{color:#e5c68f}
.design-showcase[data-style=ruby] .design-panel h3 em{color:#f0ce8b}
.design-showcase[data-style=ruby] .btn-dark{background:linear-gradient(110deg,#a46c2c,#f5d58f,#b37a30);color:#4b0b1c}
.design-showcase[data-style=ruby] .swatch.active{box-shadow:0 0 0 2px #f1d49b}
.swatch[data-style=ruby] span{background:linear-gradient(140deg,#9e1830,#53071b)}

/* Keep the gold XV off the model's face on narrow screens. */
@media(max-width:600px){.xv-jewel{top:37%!important;bottom:auto!important;left:5%!important;right:auto!important;font-size:clamp(62px,17vw,82px)!important;transform:rotate(-5deg)!important}.jewel-flash{right:-8%;top:-10%}}
/* Mobile: decorative XV belongs on the dress, never over the portrait. */
@media (max-width:760px){.hero .xv-jewel{top:43%!important;bottom:auto!important;left:5%!important;right:auto!important;font-size:clamp(50px,12vw,67px)!important;transform:rotate(-7deg)!important;opacity:.92}.hero .jewel-flash{display:none!important}}
