:root{--pink:#ef4d96;--pink2:#ff78b5;--rose:#f6d9e5;--wine:#5b1738;--wine2:#351023;--ink:#20191d;--cream:#fff9f5;--paper:#fffefd;--sand:#eadfd7;--champ:#c6a477;--sage:#dce4d2;--line:rgba(32,25,29,.12);--shadow:0 26px 70px rgba(65,28,46,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Manrope',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.fill{fill:currentColor;stroke:none}.noticebar{height:34px;background:var(--wine2);color:#fff;overflow:hidden;position:fixed;top:0;left:0;width:100%;z-index:80;display:flex;align-items:center}.notice-track{display:flex;gap:28px;align-items:center;width:max-content;white-space:nowrap;font-size:9px;letter-spacing:.24em;font-weight:700;animation:notice 30s linear infinite}.notice-track i{font-style:normal;color:#ff86ba}@keyframes notice{to{transform:translateX(-38%)}}
.top{height:98px;display:grid;grid-template-columns:180px 1fr 310px;align-items:center;padding:0 4.2vw;background:rgba(255,250,247,.88);backdrop-filter:blur(20px);position:fixed;z-index:70;top:34px;width:100%;border-bottom:1px solid rgba(52,21,36,.08);transition:.35s}.top.scrolled{height:82px;background:rgba(255,255,255,.94);box-shadow:0 14px 40px rgba(72,34,52,.08)}.brand{height:100%;display:flex;align-items:center}.brand-seal{width:118px;height:72px;border-radius:50%;display:grid;place-items:center;position:relative;transition:.35s}.brand-seal:before{content:"";position:absolute;inset:3px;border:1px solid rgba(91,23,56,.15);border-radius:50%}.brand img{width:112px;height:86px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.12));transition:.35s}.brand:hover img{transform:scale(1.06) rotate(-1deg)}.top nav{display:flex;align-items:center;justify-content:center;gap:34px;height:100%}.top nav a{position:relative;font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.08em;font-weight:600;color:#47353e;padding:18px 0;transition:.28s}.top nav a:before{content:"";position:absolute;left:0;bottom:12px;width:100%;height:1px;background:var(--pink);transform:scaleX(0);transform-origin:right;transition:transform .32s cubic-bezier(.77,0,.18,1)}.top nav a:after{content:"";position:absolute;right:-9px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--pink);opacity:0;transform:translateY(-50%) scale(0);transition:.25s}.top nav a:hover{color:var(--wine)}.top nav a:hover:before{transform:scaleX(1);transform-origin:left}.top nav a:hover:after{opacity:1;transform:translateY(-50%) scale(1)}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}.mini-social{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s;background:#fff}.mini-social svg{width:17px}.mini-social:hover{background:var(--wine);color:#fff;border-color:var(--wine);transform:rotate(8deg)}.nav-cta{height:48px;padding:0 18px;border-radius:100px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.03em;box-shadow:0 12px 28px rgba(32,25,29,.16);transition:.32s;position:relative;overflow:hidden}.nav-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--wine),var(--pink));transform:translateX(-102%);transition:.35s}.nav-cta svg,.nav-cta span{position:relative;z-index:1}.nav-cta svg{width:18px}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(91,23,56,.24)}.nav-cta:hover:before{transform:none}.menu{display:none;background:none;border:0;padding:8px}.menu span{display:block;width:27px;height:1px;background:#251a1f;margin:6px;transition:.3s}
.section{padding:120px 7vw}.hero{min-height:100vh;padding:180px 6.5vw 85px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw;position:relative;background:radial-gradient(circle at 8% 40%,rgba(239,77,150,.06),transparent 28%),linear-gradient(115deg,#fffaf7 0 56%,#f4ebe6 56%);overflow:hidden}.hero:before{content:"PINK";position:absolute;left:-2vw;bottom:-9vw;font-family:'Italiana',serif;font-size:29vw;color:rgba(91,23,56,.025);line-height:.8;letter-spacing:-.06em;pointer-events:none}.kicker{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.25em;font-weight:700;color:var(--wine);margin-bottom:28px}.kicker span{width:46px;height:1px;background:var(--pink)}.hero h1,.manifest h2,.cat-head h2,.banner-copy h2,.wholesale h2,.visit h2,.final-cta h2{font-family:'Italiana',serif;font-weight:400;line-height:.91;margin:0;letter-spacing:-.035em}.hero h1{font-size:clamp(62px,7.2vw,126px)}.hero h1 em,.manifest h2 em,.cat-head em,.banner-copy em,.wholesale em,.visit em,.final-cta em{font-style:italic;color:var(--pink)}.lead{max-width:560px;font-size:17px;line-height:1.8;color:#6e6067;margin:32px 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:54px;padding:0 24px;border-radius:100px;display:inline-flex;align-items:center;gap:16px;font-size:11px;font-weight:700;letter-spacing:.04em;transition:.32s;position:relative;overflow:hidden}.btn svg{width:18px}.primary{background:var(--wine);color:#fff;box-shadow:0 12px 28px rgba(91,23,56,.18)}.primary:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--pink),#ff79b5);transform:translateX(-102%);transition:.35s}.primary span,.primary svg{position:relative}.primary:hover:before{transform:none}.primary:hover{transform:translateY(-3px);box-shadow:0 20px 36px rgba(239,77,150,.22)}.ghost{border:1px solid rgba(91,23,56,.2);background:rgba(255,255,255,.55)}.ghost:hover{border-color:var(--wine);background:#fff;transform:translateY(-3px)}.hero-notes{display:flex;gap:26px;margin-top:35px;padding-top:24px;border-top:1px solid var(--line);max-width:550px}.hero-notes div{display:flex;align-items:center;gap:9px;color:#66565e;font-size:11px}.hero-notes svg{width:18px;color:var(--pink)}.hero-gallery{height:650px;position:relative}.photo{position:absolute;background-image:var(--img);background-size:cover;background-position:center;overflow:hidden;box-shadow:var(--shadow)}.photo:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.42);pointer-events:none}.photo-main{width:67%;height:78%;right:2%;top:2%;border-radius:180px 180px 26px 26px}.photo-main:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(45,13,29,.18));z-index:1}.photo-small{width:41%;height:46%;left:0;bottom:4%;border-radius:22px}.photo-label{position:absolute;left:22px;bottom:20px;z-index:2;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);padding:9px 13px;border-radius:100px;font-size:8px;letter-spacing:.2em;font-weight:700}.hero-seal{position:absolute;left:7%;top:5%;z-index:4;text-align:center}.seal-ring{width:132px;height:132px;border-radius:50%;background:var(--wine);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(255,255,255,.75),0 18px 45px rgba(54,15,34,.22)}.seal-ring img{width:112px;filter:drop-shadow(0 7px 8px rgba(0,0,0,.16))}.hero-seal small{display:block;margin-top:16px;font-size:7px;letter-spacing:.24em;font-weight:700;color:var(--wine)}.hero-card{position:absolute;right:0;bottom:5%;z-index:3;width:255px;background:var(--paper);padding:20px 22px;border:1px solid rgba(91,23,56,.12);box-shadow:0 20px 50px rgba(64,31,46,.12);display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.hero-card span{font-size:10px;color:var(--pink);font-weight:700}.hero-card strong{font-family:'Italiana';font-size:18px;font-weight:400;line-height:1.2}.hero-card i{font-style:normal;color:var(--pink)}.scroll-cue{position:absolute;left:6.5vw;bottom:25px;display:flex;gap:13px;align-items:center;font-size:8px;letter-spacing:.24em}.scroll-cue i{width:60px;height:1px;background:#34272d;position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;inset:0;background:var(--pink);transform:translateX(-100%);animation:scan 2.5s ease-in-out infinite}@keyframes scan{50%,100%{transform:translateX(100%)}}
.section-index{font-family:'Italiana';font-size:18px;color:#a8909b}.eyebrow{font-size:9px;letter-spacing:.25em;font-weight:700;color:var(--wine);margin:0 0 24px}.eyebrow.light{color:#ffbad9}.manifest{background:#fff;display:grid;grid-template-columns:110px 1.25fr .75fr;gap:5vw;align-items:start}.manifest h2{font-size:clamp(52px,6.4vw,100px)}.manifest-copy{padding-top:58px;color:#685c62;font-size:15px;line-height:1.85}.manifest-copy p{margin:0 0 20px}.editorial-link{margin-top:20px;display:inline-flex;align-items:center;gap:18px;font-size:9px;letter-spacing:.16em;font-weight:700;padding-bottom:8px;border-bottom:1px solid #b98fa2;transition:.3s}.editorial-link i{font-style:normal;color:var(--pink);font-size:16px}.editorial-link:hover{color:var(--pink);gap:28px}
.visual-banner{margin:0 5vw 110px;min-height:600px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;background:var(--wine2);color:#fff;overflow:hidden}.banner-photo{background-image:linear-gradient(90deg,transparent 55%,rgba(53,16,35,.5)),var(--img);background-size:cover;background-position:center;min-height:600px}.banner-copy{padding:85px 6vw;align-self:center}.banner-copy>span{font-size:8px;letter-spacing:.3em;color:#f5aecf}.banner-copy h2{font-size:clamp(52px,5vw,84px)}.banner-copy p{color:#dbc7d1;line-height:1.8;max-width:430px}.banner-stamp{position:absolute;width:128px;height:128px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:var(--wine);display:grid;place-items:center;box-shadow:0 18px 45px rgba(0,0,0,.22)}.banner-stamp svg{position:absolute;width:105px;opacity:.25}.banner-stamp span{text-align:center;font-size:9px;letter-spacing:.18em;font-weight:800;line-height:1.6}
.categories{background:var(--ink);color:#fff}.cat-head{display:flex;justify-content:space-between;gap:8vw;align-items:end}.cat-head h2{font-size:clamp(60px,7vw,110px)}.cat-head>p{max-width:420px;color:#b7aeb2;line-height:1.8;font-size:14px}.cat-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;min-height:620px}.cat{position:relative;padding:48px;overflow:hidden;transition:.45s cubic-bezier(.2,.7,.2,1)}.cat-photo{background-image:var(--img);background-size:cover;background-position:center}.cat-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(45,10,29,.12),rgba(45,10,29,.82));transition:.45s}.cat-wine{background:linear-gradient(145deg,#741d49,#481329)}.cat-wine:before{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-80px;top:-90px}.cat-wine:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-30px;top:-35px}.cat-cream{background:#efe4dd;color:var(--ink)}.cat-cream:before{content:"03";position:absolute;right:-10px;bottom:-80px;font-family:'Italiana';font-size:280px;color:rgba(91,23,56,.05)}.cat-no{position:relative;z-index:2;font-size:9px;letter-spacing:.22em}.cat-content{position:absolute;left:48px;right:48px;bottom:45px;z-index:2}.cat-icon{width:52px;height:52px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;margin-bottom:28px;opacity:.92;transition:.35s}.cat-icon svg{width:27px}.cat small{font-size:8px;letter-spacing:.22em}.cat h3{font-family:'Italiana';font-size:clamp(42px,4vw,66px);font-weight:400;line-height:.96;margin:14px 0 17px}.cat p{font-size:13px;line-height:1.7;max-width:310px;opacity:.8}.cat a{display:inline-flex;align-items:center;gap:13px;margin-top:15px;font-size:8px;letter-spacing:.16em;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:6px}.cat a b{font-size:14px;font-weight:400;transition:.3s}.cat:hover{transform:translateY(-10px);z-index:5;box-shadow:0 25px 60px rgba(0,0,0,.25)}.cat:hover .cat-overlay{background:linear-gradient(180deg,rgba(45,10,29,.02),rgba(45,10,29,.9))}.cat:hover .cat-icon{transform:rotate(8deg) scale(1.08)}.cat:hover a b{transform:translate(4px,-4px)}.cat-line{position:absolute;left:48px;right:48px;top:48%;height:1px;background:rgba(255,255,255,.13)}
.experience{display:grid;grid-template-columns:1fr 80px 1fr;background:#fff;align-items:center}.experience-card{text-align:center;padding:55px 7vw}.experience-icon{width:78px;height:78px;border-radius:50%;border:1px solid #cdb8c2;display:grid;place-items:center;margin:0 auto 25px;transition:.3s}.experience-icon svg{width:35px;color:var(--wine)}.experience-card>p{font-size:8px;letter-spacing:.22em;color:var(--pink);font-weight:700}.experience-card h3{font-family:'Italiana';font-size:38px;font-weight:400;line-height:1.15;max-width:480px;margin:17px auto 24px}.experience-card a{font-size:10px;font-weight:700}.experience-card a span{display:inline-block;margin-left:8px;color:var(--pink);transition:.3s}.experience-card:hover .experience-icon{background:var(--wine);color:#fff;border-color:var(--wine);transform:translateY(-5px)}.experience-card:hover .experience-icon svg{color:#fff}.experience-card:hover a span{transform:translateX(6px)}.experience-or{width:58px;height:58px;border-radius:50%;background:var(--cream);display:grid;place-items:center;font-family:'Italiana';color:var(--wine);box-shadow:0 0 0 1px var(--line)}
.wholesale{min-height:780px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--pink);position:relative;overflow:hidden}.wholesale:after{content:"PINK";position:absolute;right:-2vw;bottom:-7vw;font-family:'Italiana';font-size:28vw;color:rgba(255,255,255,.08);line-height:.8}.wholesale-visual{position:relative;min-height:780px;padding:75px 4vw 75px 7vw}.wholesale-photo{height:100%;background-image:linear-gradient(180deg,transparent,rgba(49,13,31,.18)),var(--img);background-size:cover;background-position:center;border-radius:260px 260px 16px 16px;box-shadow:0 30px 80px rgba(81,21,50,.25)}.floating-note{position:absolute;left:4vw;bottom:105px;background:#fff;color:var(--wine);width:220px;padding:24px 25px;box-shadow:0 20px 50px rgba(58,18,37,.18)}.floating-note span{font-size:9px;color:var(--pink);font-weight:800}.floating-note p{font-family:'Italiana';font-size:23px;line-height:1.15;margin:8px 0 0}.wholesale-card{align-self:center;margin:70px 7vw 70px 5vw;background:var(--wine2);color:#fff;padding:70px 60px;position:relative;z-index:2;box-shadow:0 35px 90px rgba(57,12,34,.22)}.wholesale h2{font-size:clamp(65px,6vw,100px)}.wholesale-card>p:not(.eyebrow){color:#dac5cf;line-height:1.8;max-width:480px}.benefits{margin:30px 0;border-top:1px solid rgba(255,255,255,.15)}.benefits div{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15);font-size:12px;color:#e2d5dc}.benefits svg{width:20px;color:#ff91c3}.benefits b{color:#fff}.lightbtn{background:#fff;color:var(--wine);box-shadow:none}.lightbtn:hover{background:#f7dfe9;transform:translateY(-3px)}
.visit{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;background:var(--paper)}.visit h2{font-size:clamp(58px,6vw,96px)}.visit-intro>p:last-child{color:#75686e;line-height:1.8;max-width:420px}.visit-info{border-top:1px solid var(--line)}.info-row{display:grid;grid-template-columns:60px 1fr auto;gap:20px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);transition:.3s}.info-icon{width:50px;height:50px;border-radius:50%;background:#f5e8ed;display:grid;place-items:center;color:var(--wine);transition:.3s}.info-icon svg{width:22px}.info-row small{font-size:8px;letter-spacing:.2em;color:#9a8790}.info-row h3{font-family:'Italiana';font-size:26px;font-weight:400;line-height:1.25;margin:8px 0 0}.info-row>b{font-weight:400;color:var(--pink);transition:.3s}.info-row:hover{padding-left:10px}.info-row:hover .info-icon{background:var(--wine);color:#fff}.info-row:hover>b{transform:translate(4px,-4px)}.social-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.social-row a{border:1px solid var(--line);padding:16px 18px;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;transition:.3s}.social-row svg{width:18px}.social-row b{margin-left:auto;color:var(--pink);font-weight:400}.social-row a:hover{background:var(--wine);color:#fff;border-color:var(--wine);transform:translateY(-3px)}
.final-cta{background:#f5d9e5;padding:135px 7vw;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(91,23,56,.14);border-radius:50%;right:-110px;top:-230px}.final-cta p{font-size:9px;letter-spacing:.24em;font-weight:700}.final-cta h2{font-size:clamp(65px,8vw,130px);max-width:1100px;position:relative;z-index:2}.final-button{position:absolute;right:8vw;bottom:110px;width:130px;height:130px;border-radius:50%;background:var(--wine);color:#fff;display:grid;place-items:center;align-content:center;gap:8px;box-shadow:0 20px 50px rgba(91,23,56,.22);transition:.35s;z-index:3}.final-button span{font-size:8px;letter-spacing:.17em}.final-button svg{width:28px}.final-button:hover{background:var(--pink);transform:rotate(-7deg) scale(1.05)}.final-ring{position:absolute;width:700px;height:700px;border-radius:50%;border:1px solid rgba(91,23,56,.08);left:-350px;bottom:-470px}
footer{background:var(--ink);color:#b8adb2;padding:58px 7vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:40px;font-size:9px;letter-spacing:.13em}.footer-brand{display:flex;align-items:center;gap:20px}.footer-logo{width:98px;height:78px;border-radius:50%;background:#fff;display:grid;place-items:center}.footer-logo img{width:90px}.footer-brand p{line-height:1.8;letter-spacing:.02em;font-size:11px}.footer-meta{display:flex;gap:30px}.footer-links a{color:#fff;border-bottom:1px solid #777;padding-bottom:5px}.float-wa{position:fixed;right:22px;bottom:22px;z-index:60;background:#21b866;color:#fff;height:54px;padding:0 18px;border-radius:100px;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;box-shadow:0 15px 35px rgba(20,135,73,.3);transition:.3s}.float-wa svg{width:20px}.float-wa:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(20,135,73,.38)}
.reveal{opacity:0;transform:translateY(26px);transition:.85s cubic-bezier(.2,.7,.2,1)}.reveal.on{opacity:1;transform:none}
@media(max-width:1100px){.top{grid-template-columns:150px 1fr 240px;padding:0 3vw}.top nav{gap:20px}.top nav a{font-size:10px}.nav-cta span{display:none}.nav-cta{width:48px;justify-content:center;padding:0}.hero{gap:3vw}.hero-gallery{height:590px}.manifest{grid-template-columns:70px 1.1fr .9fr}.cat{padding:35px}.cat-content{left:35px;right:35px}.wholesale-card{padding:55px 40px;margin-right:4vw}}
@media(max-width:850px){.noticebar{height:30px}.top,.top.scrolled{top:30px;height:76px;grid-template-columns:1fr auto;padding:0 5vw}.brand-seal{width:96px;height:60px}.brand img{width:92px}.menu{display:block;z-index:4}.menu.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu.active span:nth-child(2){opacity:0}.menu.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.top nav{position:absolute;top:76px;left:0;width:100%;height:auto;padding:30px 6vw;background:#fff;display:none;flex-direction:column;align-items:flex-start;gap:0;border-top:1px solid var(--line);box-shadow:0 20px 40px rgba(50,20,35,.08)}.top nav.open{display:flex}.top nav a{width:100%;font-family:'Italiana';font-size:26px;letter-spacing:0;font-weight:400;padding:12px 0;border-bottom:1px solid #eee}.top nav a:before,.top nav a:after{display:none}.header-actions{display:none}.hero{grid-template-columns:1fr;padding:145px 6vw 70px;background:#fffaf7}.hero-copy{padding-bottom:15px}.hero-gallery{height:530px}.photo-main{width:71%;height:74%}.photo-small{width:42%;height:43%}.hero-card{right:1%;width:225px}.manifest{grid-template-columns:1fr;gap:15px}.section-index{display:none}.manifest-copy{padding-top:15px}.visual-banner{grid-template-columns:1fr;margin:0 0 80px}.banner-photo{min-height:430px}.banner-copy{padding:60px 7vw}.banner-stamp{left:auto;right:5vw;top:390px;transform:none;width:100px;height:100px}.banner-stamp svg{width:80px}.cat-head{display:block}.cat-head>p{margin-top:25px}.cat-grid{grid-template-columns:1fr}.cat{min-height:520px}.experience{grid-template-columns:1fr}.experience-or{margin:0 auto}.wholesale{grid-template-columns:1fr}.wholesale-visual{min-height:560px;padding:60px 7vw 20px}.wholesale-photo{min-height:500px}.wholesale-card{margin:20px 7vw 70px}.visit{grid-template-columns:1fr}.final-button{position:static;margin-top:35px;width:105px;height:105px}.section{padding:85px 7vw}footer{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-meta{justify-content:center;flex-wrap:wrap}.footer-links{text-align:center}}
@media(max-width:520px){.notice-track{font-size:8px}.hero{padding-top:130px}.hero h1{font-size:57px}.lead{font-size:15px}.actions .btn{width:100%;justify-content:space-between}.hero-notes{gap:14px;flex-wrap:wrap}.hero-gallery{height:430px}.photo-main{width:75%;height:70%;right:0}.photo-small{width:47%;height:40%;bottom:0}.hero-seal{left:0}.seal-ring{width:95px;height:95px}.seal-ring img{width:83px}.hero-seal small{display:none}.hero-card{width:190px;padding:14px;bottom:2%;font-size:12px}.hero-card strong{font-size:15px}.scroll-cue{display:none}.manifest h2,.banner-copy h2,.cat-head h2,.visit h2{font-size:50px}.visual-banner{min-height:0}.banner-photo{min-height:330px}.banner-copy{padding:48px 7vw}.banner-stamp{top:295px;width:78px;height:78px}.banner-stamp span{font-size:7px}.banner-stamp svg{width:62px}.cat{min-height:460px;padding:30px}.cat-content{left:30px;right:30px;bottom:30px}.cat h3{font-size:46px}.experience-card{padding:35px 2vw}.experience-card h3{font-size:31px}.wholesale-visual{min-height:470px}.wholesale-photo{min-height:420px;border-radius:190px 190px 14px 14px}.floating-note{left:3vw;bottom:35px;width:185px}.wholesale-card{padding:45px 28px}.wholesale h2{font-size:58px}.social-row{grid-template-columns:1fr}.final-cta{padding:90px 7vw}.final-cta h2{font-size:55px}.float-wa span{display:none}.float-wa{width:54px;padding:0;justify-content:center}.footer-brand{flex-direction:column}.footer-meta{flex-direction:column;gap:12px}}

/* ===== V4 HEADER + HERO ===== */
.top{height:114px;grid-template-columns:220px 1fr 180px;padding:0 4.5vw;background:rgba(255,252,249,.94);border-bottom:1px solid rgba(91,23,56,.09);box-shadow:0 7px 34px rgba(71,35,51,.045)}
.top.scrolled{height:94px;background:rgba(255,255,255,.97);box-shadow:0 14px 45px rgba(67,30,47,.10)}
.brand{overflow:visible;position:relative;z-index:5}.brand-seal{width:176px;height:104px;border-radius:0;position:relative;display:grid;place-items:center}.brand-seal:before{display:none}.brand-glow{position:absolute;width:132px;height:78px;border-radius:50%;background:radial-gradient(circle,rgba(239,77,150,.18),rgba(239,77,150,.03) 60%,transparent 72%);filter:blur(1px);transition:.35s}.brand img{width:166px;height:118px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(74,25,47,.18));position:relative;z-index:2}.brand:after{content:"";position:absolute;width:112px;height:1px;left:27px;bottom:15px;background:linear-gradient(90deg,transparent,var(--pink),transparent);opacity:.7}.brand:hover img{transform:scale(1.055)}.brand:hover .brand-glow{transform:scale(1.12);opacity:.9}
.top nav{gap:36px}.top nav a{font-family:'Manrope',sans-serif;font-size:10px;letter-spacing:.19em;font-weight:700;color:#3d3036;padding:22px 0}.top nav a:before{height:2px;bottom:13px;background:linear-gradient(90deg,var(--wine),var(--pink))}.top nav a:after{right:-12px;width:3px;height:3px}.top nav a:hover{letter-spacing:.22em}
.header-actions{gap:9px}.mini-social{width:44px;height:44px;background:rgba(255,255,255,.9);border:1px solid rgba(91,23,56,.14);box-shadow:0 7px 20px rgba(68,30,48,.05)}.mini-social svg{width:17px}.mini-social:hover{background:var(--wine);border-color:var(--wine);transform:translateY(-3px) rotate(0);box-shadow:0 11px 25px rgba(91,23,56,.18)}
.hero-v4{min-height:100vh;padding:185px 6vw 75px;display:grid;grid-template-columns:1.16fr .84fr;gap:7vw;background:#fffaf7;position:relative;overflow:hidden;align-items:center}.hero-v4:before{display:none}.hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#f8eee8 0 49%,#fffaf7 49% 100%);z-index:0}.hero-backdrop:before{content:"";position:absolute;left:49%;top:0;width:1px;height:100%;background:rgba(91,23,56,.09)}.hero-backdrop:after{content:"";position:absolute;width:530px;height:530px;border:1px solid rgba(239,77,150,.13);border-radius:50%;right:-230px;top:145px;box-shadow:0 0 0 55px rgba(239,77,150,.025),0 0 0 110px rgba(91,23,56,.018)}
.hero-monogram{position:absolute;right:-2vw;bottom:-8vw;font-family:'Italiana',serif;font-size:36vw;line-height:.75;color:rgba(91,23,56,.026);z-index:0;pointer-events:none}.hero-visual,.hero-copy{position:relative;z-index:2}.hero-visual{height:660px}.hero-image{position:absolute;background-image:linear-gradient(180deg,transparent 58%,rgba(48,14,31,.20)),var(--img);background-size:cover;background-position:center;box-shadow:0 32px 80px rgba(68,30,47,.15);overflow:hidden}.hero-image:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.57);pointer-events:none}.hero-image-main{left:0;top:0;width:72%;height:92%;border-radius:260px 260px 20px 20px}.hero-image-side{right:0;bottom:0;width:38%;height:52%;border:10px solid #f8eee8;border-radius:130px 130px 18px 18px;background-position:center}.hero-logo-badge{position:absolute;right:5%;top:2%;width:178px;height:178px;border-radius:50%;background:#fff;display:grid;place-items:center;z-index:4;box-shadow:0 25px 55px rgba(65,25,44,.16)}.hero-logo-badge img{width:154px;position:relative;z-index:2;filter:drop-shadow(0 8px 12px rgba(72,27,48,.14))}.hero-logo-ring{position:absolute;inset:9px;border:1px solid rgba(239,77,150,.40);border-radius:50%;box-shadow:inset 0 0 0 5px rgba(239,77,150,.045)}.hero-logo-badge:after{content:"PINK STORE";position:absolute;bottom:-27px;font-size:7px;letter-spacing:.34em;font-weight:800;color:var(--wine);white-space:nowrap}.hero-caption{position:absolute;left:5%;bottom:2%;z-index:5;background:rgba(53,16,35,.94);color:#fff;padding:18px 22px;min-width:275px;box-shadow:0 18px 45px rgba(42,13,27,.18)}.hero-caption span{display:block;font-size:7px;letter-spacing:.27em;color:#ffb1d3;margin-bottom:8px}.hero-caption b{font-family:'Italiana',serif;font-size:22px;font-weight:400;letter-spacing:.03em}.hero-v4 .kicker{margin-bottom:24px}.hero-v4 h1{font-family:'Italiana',serif;font-size:clamp(70px,7vw,122px);line-height:.82;letter-spacing:-.045em}.hero-v4 h1 span{color:var(--ink)}.hero-v4 h1 em{display:inline-block;color:var(--pink);font-style:italic;text-shadow:0 9px 35px rgba(239,77,150,.08)}.hero-v4 .lead{max-width:500px;font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.9;margin:34px 0;color:#6b5b63}.hero-v4 .actions{gap:13px}.hero-primary{background:linear-gradient(110deg,var(--wine),#751745);min-width:240px;justify-content:space-between}.hero-primary:hover{background:var(--pink)}.hero-signature{display:flex;align-items:center;gap:16px;margin-top:33px}.hero-signature>span{font-family:'Italiana';font-size:22px;color:var(--pink)}.hero-signature i{display:block;width:68px;height:1px;background:rgba(91,23,56,.25)}.hero-signature p{margin:0;font-size:9px;letter-spacing:.13em;line-height:1.8;font-weight:600;color:#75626b}.hero-v4 .scroll-cue{left:auto;right:6vw;bottom:25px}.hero-v4 .scroll-cue i{width:72px}
/* informational state */
.final-button{background:var(--wine)}
@media(max-width:1100px){.top{grid-template-columns:190px 1fr 145px}.brand-seal{width:150px}.brand img{width:145px}.top nav{gap:21px}.top nav a{font-size:9px;letter-spacing:.14em}.hero-v4{gap:4vw}.hero-visual{height:590px}.hero-logo-badge{width:145px;height:145px}.hero-logo-badge img{width:126px}.hero-v4 h1{font-size:74px}}
@media(max-width:850px){.top,.top.scrolled{height:90px;grid-template-columns:1fr auto}.brand-seal{width:138px;height:84px}.brand img{width:132px;height:96px}.brand:after{bottom:7px;left:13px}.top nav{top:90px}.top nav a{font-family:'Manrope',sans-serif;font-size:17px;letter-spacing:.13em;font-weight:700}.hero-v4{grid-template-columns:1fr;padding:155px 6vw 75px}.hero-backdrop{background:linear-gradient(#fffaf7 0 48%,#f8eee8 48%)}.hero-backdrop:before{display:none}.hero-copy{order:1}.hero-visual{order:2;height:560px}.hero-v4 h1{font-size:72px}.hero-image-main{width:72%;height:88%}.hero-image-side{width:40%;height:50%}.hero-logo-badge{right:1%;top:-18px}.hero-v4 .scroll-cue{display:none}}
@media(max-width:520px){.top,.top.scrolled{height:82px;padding:0 4vw}.brand-seal{width:125px;height:74px}.brand img{width:121px;height:88px}.top nav{top:82px}.hero-v4{padding-top:138px}.hero-v4 h1{font-size:55px}.hero-v4 .lead{font-size:15px}.hero-visual{height:450px}.hero-image-main{width:78%;height:84%;border-radius:180px 180px 16px 16px}.hero-image-side{width:43%;height:44%;border-width:7px}.hero-logo-badge{width:112px;height:112px}.hero-logo-badge img{width:98px}.hero-logo-badge:after{display:none}.hero-caption{left:0;bottom:2%;min-width:235px;padding:14px 16px}.hero-caption b{font-size:18px}.hero-v4 .actions .btn{width:100%}}

/* ===== V4.1 VIEWPORT HERO + BRAND CONTRAST + PREMIUM SCROLLBAR ===== */
html{
  scrollbar-width:thin;
  scrollbar-color:#7a2148 #f5ece8;
  scrollbar-gutter:stable;
}
body{
  scrollbar-width:thin;
  scrollbar-color:#7a2148 #f5ece8;
}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:linear-gradient(180deg,#fffaf7 0%,#f2e6e3 100%);border-left:1px solid rgba(91,23,56,.08)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ef4d96 0%,#7a2148 55%,#351023 100%);border:3px solid #f7eeea;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.26)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff6cab 0%,#8e2855 52%,#351023 100%)}
::-webkit-scrollbar-corner{background:#f5ece8}

/* Logo: dark medallion so the pale STORE lettering remains visible */
.brand-seal{
  width:190px;
  height:104px;
  overflow:visible;
}
.brand-seal:after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#6f2448 0%,#4e1632 58%,#2f0d20 100%);
  box-shadow:0 13px 34px rgba(64,18,40,.22),0 0 0 7px rgba(239,77,150,.055),inset 0 0 0 1px rgba(255,255,255,.16);
  z-index:0;
  transition:.35s cubic-bezier(.2,.8,.2,1);
}
.brand-glow{
  width:145px;
  height:96px;
  background:radial-gradient(circle,rgba(239,77,150,.21),rgba(239,77,150,.055) 58%,transparent 73%);
  z-index:0;
}
.brand img{
  width:154px;
  height:112px;
  z-index:2;
  filter:drop-shadow(0 9px 13px rgba(0,0,0,.22));
}
.brand:after{display:none}
.brand:hover .brand-seal:after{transform:scale(1.055);box-shadow:0 17px 40px rgba(64,18,40,.28),0 0 0 9px rgba(239,77,150,.075),inset 0 0 0 1px rgba(255,255,255,.19)}

.hero-logo-badge{
  width:168px;
  height:168px;
  background:radial-gradient(circle at 35% 28%,#74264d 0%,#531735 56%,#2e0d20 100%);
  box-shadow:0 25px 58px rgba(55,15,34,.25),0 0 0 10px rgba(255,255,255,.82),0 0 0 11px rgba(91,23,56,.10);
}
.hero-logo-badge img{
  width:146px;
  filter:drop-shadow(0 9px 14px rgba(0,0,0,.25));
}
.hero-logo-ring{
  inset:8px;
  border-color:rgba(255,119,181,.55);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),inset 0 0 0 6px rgba(255,255,255,.025);
}
.hero-logo-badge:after{color:#5b1738;font-size:7px;font-weight:800}

@media(min-width:851px){
  .hero-v4{
    height:100svh;
    min-height:640px;
    max-height:980px;
    padding:164px 6vw 28px;
    align-items:center;
    overflow:hidden;
  }
  .hero-visual{
    height:clamp(430px,calc(100svh - 202px),650px);
    max-height:650px;
  }
  .hero-image-main{height:90%}
  .hero-image-side{height:49%;bottom:1%}
  .hero-logo-badge{top:1%;right:4%}
  .hero-caption{bottom:1%;padding:15px 20px}
  .hero-v4 .kicker{margin-bottom:18px}
  .hero-v4 h1{
    font-size:clamp(58px,5.65vw,108px);
    line-height:.80;
  }
  .hero-v4 .lead{
    font-size:clamp(14px,1vw,17px);
    line-height:1.72;
    margin:23px 0 24px;
  }
  .hero-v4 .actions{gap:11px}
  .hero-v4 .btn{min-height:50px;padding:0 21px}
  .hero-signature{margin-top:20px}
  .hero-v4 .scroll-cue{bottom:12px}
}

@media(min-width:851px) and (max-height:820px){
  .top{height:104px}
  .top.scrolled{height:88px}
  .brand-seal{height:96px}
  .brand-seal:after{width:98px;height:98px}
  .brand img{width:142px;height:103px}
  .hero-v4{padding-top:151px;padding-bottom:20px}
  .hero-visual{height:calc(100svh - 181px)}
  .hero-logo-badge{width:148px;height:148px}
  .hero-logo-badge img{width:128px}
  .hero-v4 h1{font-size:clamp(56px,5.2vw,92px)}
  .hero-v4 .lead{margin:19px 0 20px;line-height:1.62}
  .hero-signature{margin-top:16px}
  .hero-v4 .scroll-cue{display:none}
}

@media(min-width:851px) and (max-height:700px){
  .noticebar{height:28px}
  .top{top:28px;height:92px}
  .top.scrolled{height:82px}
  .brand-seal{height:84px}
  .brand-seal:after{width:86px;height:86px}
  .brand img{width:128px;height:92px}
  .top nav a{padding:17px 0}
  .hero-v4{padding-top:130px;padding-bottom:14px;min-height:590px}
  .hero-visual{height:calc(100svh - 146px)}
  .hero-caption{padding:12px 16px;min-width:230px}
  .hero-caption b{font-size:18px}
  .hero-logo-badge{width:126px;height:126px}
  .hero-logo-badge img{width:108px}
  .hero-logo-badge:after{display:none}
  .hero-v4 h1{font-size:clamp(50px,4.7vw,78px)}
  .hero-v4 .lead{font-size:14px;margin:15px 0 16px;line-height:1.52}
  .hero-v4 .btn{min-height:46px}
  .hero-signature{margin-top:12px}
}

@media(max-width:850px){
  .brand-seal{width:150px;height:84px}
  .brand-seal:after{width:86px;height:86px}
  .brand img{width:128px;height:94px}
  .hero-logo-badge{background:radial-gradient(circle at 35% 28%,#74264d 0%,#531735 56%,#2e0d20 100%)}
}

@media(max-width:520px){
  ::-webkit-scrollbar{width:7px}
  ::-webkit-scrollbar-thumb{border-width:2px}
  .brand-seal{width:135px;height:74px}
  .brand-seal:after{width:76px;height:76px}
  .brand img{width:116px;height:84px}
  .hero-logo-badge{width:112px;height:112px}
  .hero-logo-badge img{width:96px}
}

/* ===== V5 LEGIBILITY + VISUAL EDITORIAL UPGRADE ===== */
body{font-family:'DM Sans',sans-serif;font-weight:400;letter-spacing:.005em}
.lead,.manifest-copy,.banner-copy p,.cat-head>p,.cat-content p,.wholesale-card>p,.visit-intro>p,.info-row h3,.footer-brand p{font-family:'DM Sans',sans-serif;font-weight:400}
.lead{font-size:18px!important;line-height:1.72!important;color:#51444a!important}
.manifest-copy{font-size:17px;line-height:1.78;color:#51474c;max-width:580px}
.manifest-copy strong{font-weight:700;color:var(--wine)}
.banner-copy p{font-size:17px;line-height:1.75;color:#f1dfe8}
.cat-head>p{font-size:16px;line-height:1.75;color:#d8cbd1;max-width:510px}
.cat-content p{font-size:15px;line-height:1.7}
.wholesale-card>p{font-size:17px;line-height:1.75;color:#f2dce7}
.visit-intro>p{font-size:17px;line-height:1.75;color:#5d5056}
.top nav a{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:.16em}
.btn,.editorial-link,.eyebrow,.kicker{font-family:'DM Sans',sans-serif;font-weight:700}

.editorial-gallery{background:#fffaf7;padding-bottom:115px;overflow:hidden;position:relative}
.editorial-gallery:before{content:"PINK";position:absolute;right:-3vw;top:10px;font-family:'Italiana',serif;font-size:19vw;color:rgba(91,23,56,.025);line-height:1;pointer-events:none}
.gallery-head{display:grid;grid-template-columns:1.2fr .65fr;gap:9vw;align-items:end;padding-bottom:65px;position:relative;z-index:2}
.gallery-head h2{font-family:'Italiana',serif;font-weight:400;font-size:clamp(54px,6vw,96px);line-height:.94;letter-spacing:-.035em;margin:0}
.gallery-head h2 em{font-style:italic;color:var(--pink)}
.gallery-head>p{font-size:17px;line-height:1.8;color:#5c4e55;margin:0 0 8px;max-width:500px}
.gallery-mosaic{margin:0 4.5vw;display:grid;grid-template-columns:1.05fr .8fr .8fr;grid-template-rows:330px 330px;gap:16px;position:relative;z-index:2}
.g-photo{margin:0;position:relative;background-image:linear-gradient(180deg,transparent 55%,rgba(42,12,28,.42)),var(--img);background-size:cover;background-position:center;overflow:hidden;box-shadow:0 22px 55px rgba(61,25,43,.10)}
.g-photo:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.55);z-index:2;transition:.45s}
.g-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.18) 48%,transparent 70%);transform:translateX(-120%);transition:.8s}
.g-photo:hover:after{transform:translateX(120%)}
.g-photo:hover:before{inset:18px;border-color:rgba(255,255,255,.82)}
.g-tall{grid-row:1/3;border-radius:240px 240px 24px 24px;background-position:center}
.g-wide{grid-column:2/4;border-radius:20px 150px 20px 20px;background-position:center 42%}
.g-square{border-radius:20px;background-position:center}
.g-soft{border-radius:150px 20px 20px 20px;background-position:center}
.g-photo figcaption{position:absolute;left:28px;bottom:25px;z-index:3;color:#fff;display:flex;align-items:center;gap:14px}
.g-photo figcaption span{font-family:'Italiana',serif;font-size:22px;color:#ff9ac7}
.g-photo figcaption b{font-size:10px;letter-spacing:.22em}
.g-quote{background:var(--wine);color:#fff;padding:42px 36px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.g-quote:after{content:"✦";position:absolute;right:24px;top:18px;color:#ff8fc1;font-size:20px}
.g-quote small{font-size:9px;letter-spacing:.25em;color:#ffacd0;font-weight:700}
.g-quote p{font-family:'Italiana',serif;font-size:43px;line-height:.98;margin:20px 0 26px}
.g-quote p em{color:#ff76b4;font-style:italic}
.g-quote>span{font-size:10px;letter-spacing:.12em;color:#e7d5de}

@media(max-width:850px){.gallery-head{grid-template-columns:1fr;gap:24px}.gallery-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:440px 280px 320px}.g-tall{grid-row:1/2;grid-column:1/3}.g-wide{grid-column:1/3;border-radius:18px}.g-quote{grid-column:1/2}.g-square{grid-column:2/3}.g-soft{display:none}}
@media(max-width:520px){.section{padding-left:6vw;padding-right:6vw}.manifest-copy,.banner-copy p,.cat-head>p,.wholesale-card>p,.visit-intro>p,.gallery-head>p{font-size:16px;line-height:1.7}.gallery-mosaic{margin:0 4vw;display:flex;flex-direction:column}.g-photo{height:360px}.g-tall{border-radius:160px 160px 18px 18px}.g-wide,.g-square,.g-soft{border-radius:18px}.g-quote{min-height:270px}.g-soft{display:block}.g-quote p{font-size:38px}}


/* === V6 · COLECCIONES EDITORIAL PREMIUM === */
.editorial-collections{
  --wine:#4b0d25; --pink:#ee4d93; --ink:#20171b; --cream:#f7f0eb;
  padding:clamp(72px,8vw,128px) clamp(24px,6vw,110px);
  background:linear-gradient(180deg,#fff 0%,#faf5f1 100%);
  overflow:hidden;
}
.ec-head{max-width:1500px;margin:0 auto 52px;display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:end}
.ec-kicker{display:block;margin-bottom:18px;font-size:12px;font-weight:700;letter-spacing:.28em;color:var(--wine)}
.ec-head h2{margin:0;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(54px,6.4vw,104px);font-weight:500;line-height:.78;letter-spacing:-.035em}
.ec-head h2 em{color:var(--pink);font-weight:400}
.ec-head p{max-width:600px;margin:0 0 7px;color:#66585e;font-size:17px;line-height:1.85;font-weight:400}
.ec-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.18fr .82fr .82fr;grid-template-rows:330px 300px;gap:18px}
.ec-card{position:relative;display:block;overflow:hidden;text-decoration:none;background:#ddd;isolation:isolate}
.ec-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .6s ease}
.ec-card:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.28);z-index:3;pointer-events:none;opacity:.55;transition:inset .45s ease,opacity .45s ease}
.ec-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(20,5,12,.02) 25%,rgba(24,5,13,.78) 100%);transition:background .45s ease}
.ec-number{position:absolute;z-index:4;top:29px;right:30px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.25em;border-bottom:1px solid rgba(255,255,255,.65);padding-bottom:6px}
.ec-copy{position:absolute;z-index:4;left:34px;right:30px;bottom:29px;color:white}
.ec-copy small{display:block;margin-bottom:7px;font-size:10px;font-weight:700;letter-spacing:.24em;opacity:.85}
.ec-copy h3{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(37px,3.1vw,58px);font-weight:500;line-height:.92;letter-spacing:-.02em}
.ec-link{display:flex;align-items:center;gap:12px;margin-top:17px;font-size:10px;font-weight:700;letter-spacing:.2em;opacity:0;transform:translateY(10px);transition:.4s ease}
.ec-link b{font-size:19px;font-weight:400;transition:transform .35s ease}
.ec-card:hover img{transform:scale(1.055);filter:saturate(1.04) contrast(1.02)}
.ec-card:hover .ec-shade{background:linear-gradient(180deg,rgba(52,5,25,.05) 15%,rgba(44,5,23,.88) 100%)}
.ec-card:hover:after{inset:20px;opacity:.9}
.ec-card:hover .ec-link{opacity:1;transform:none}
.ec-card:hover .ec-link b{transform:translateX(7px)}
.ec-perfume{grid-row:1/3}
.ec-fashion{grid-column:2/4}
.ec-details{grid-column:2}
.ec-soft{grid-column:3}
.ec-quote{position:relative;display:none;background:var(--wine);color:#fff;padding:38px;overflow:hidden}
.ec-monogram{position:absolute;right:-10px;bottom:-60px;font:italic 230px/.7 "Cormorant Garamond",Georgia,serif;color:rgba(255,255,255,.045)}
.ec-quote p{position:relative;margin:0;font:500 39px/1 "Cormorant Garamond",Georgia,serif}
.ec-quote p em{color:#ff78ae;font-weight:400}
.ec-rule{display:block;width:42px;height:1px;background:#ff78ae;margin:25px 0 15px}
.ec-quote small{font-size:9px;letter-spacing:.24em;font-weight:700}
@media(min-width:1200px){
  .ec-grid{grid-template-columns:1.12fr .68fr .68fr .52fr}
  .ec-fashion{grid-column:2/4}
  .ec-details{grid-column:2}
  .ec-soft{grid-column:3}
  .ec-quote{display:block;grid-column:4;grid-row:1/3}
}
@media(max-width:900px){
  .ec-head{grid-template-columns:1fr;gap:28px}
  .ec-grid{grid-template-columns:1fr 1fr;grid-template-rows:480px 290px 290px}
  .ec-perfume{grid-column:1/3;grid-row:auto}
  .ec-fashion{grid-column:1/3}
  .ec-details,.ec-soft{grid-column:auto}
}
@media(max-width:580px){
  .editorial-collections{padding:68px 18px}
  .ec-head{margin-bottom:35px}
  .ec-head h2{font-size:58px}
  .ec-head p{font-size:16px;line-height:1.7}
  .ec-grid{display:flex;flex-direction:column;gap:12px}
  .ec-card{height:380px}
  .ec-perfume{height:500px}
  .ec-copy{left:25px;bottom:25px}
  .ec-link{opacity:1;transform:none}
}


/* === V7 · DIRECCIÓN PREMIUM GLOBAL === */
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:110px}

/* Navegación: COLECCIONES y resto con tratamiento editorial */
header nav a,.nav a,.menu a{
  position:relative;
}
header nav a::after,.nav a::after,.menu a::after{
  content:"";position:absolute;left:50%;right:50%;bottom:-8px;height:1px;
  background:currentColor;transition:left .35s ease,right .35s ease;
}
header nav a:hover::after,.nav a:hover::after,.menu a:hover::after{left:0;right:0}

/* Secciones existentes: mayor aire, contraste y sensación editorial */
.premium-section{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.premium-section::before{
  content:"PINK";position:absolute;right:-.04em;top:.05em;z-index:-1;
  font:500 clamp(110px,18vw,310px)/.75 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.08em;color:rgba(77,13,37,.025);pointer-events:none;
}
.premium-section h2,
.premium-section .section-title{
  font-family:"Cormorant Garamond",Georgia,serif;
  letter-spacing:-.035em;
}
.premium-section p{
  line-height:1.8;
}

/* Tarjetas y bloques */
.premium-section article,
.premium-section .card,
.premium-section .feature,
.premium-section .info-card{
  position:relative;
  overflow:hidden;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,border-color .45s ease;
}
.premium-section article:hover,
.premium-section .card:hover,
.premium-section .feature:hover,
.premium-section .info-card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 55px rgba(57,17,34,.10);
}

/* Imágenes de contenido */
.premium-section img{
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .55s ease;
}
.premium-section article:hover img,
.premium-section .card:hover img,
.premium-section .feature:hover img{
  transform:scale(1.035);
}

/* Emprender / mayoreo: contraste más sofisticado */
#emprender,#mayoreo{
  background:
    radial-gradient(circle at 85% 10%,rgba(238,77,147,.10),transparent 28%),
    linear-gradient(135deg,#4a0d25 0%,#2c0918 100%);
  color:#fff;
}
#emprender h2,#mayoreo h2,#emprender .section-title,#mayoreo .section-title{color:#fff}
#emprender p,#mayoreo p{color:rgba(255,255,255,.78)}
#emprender::before,#mayoreo::before{color:rgba(255,255,255,.035)}

/* Visítanos / contacto: lujo claro */
#visitanos,#contacto{
  background:
    radial-gradient(circle at 10% 10%,rgba(238,77,147,.08),transparent 25%),
    linear-gradient(180deg,#fff 0%,#f8f1ed 100%);
}

/* Botones premium globales */
.premium-section a[class*="btn"],
.premium-section button{
  position:relative;overflow:hidden;isolation:isolate;
  transition:transform .3s ease,box-shadow .3s ease;
}
.premium-section a[class*="btn"]::before,
.premium-section button::before{
  content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-35%;width:25%;
  background:rgba(255,255,255,.24);transform:skewX(-22deg);
  transition:left .5s ease;
}
.premium-section a[class*="btn"]:hover::before,
.premium-section button:hover::before{left:120%}
.premium-section a[class*="btn"]:hover,
.premium-section button:hover{transform:translateY(-2px)}

/* Separadores editoriales */
.premium-section + .premium-section::after,
.editorial-collections + .premium-section::after{
  content:"";position:absolute;left:6vw;right:6vw;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(75,13,37,.16),transparent);
}
@media(max-width:900px){
  section[id]{scroll-margin-top:85px}
  .premium-section::before{font-size:150px}
}

/* V7.3 — estado activo del menú */
#header nav a.is-active{color:#7b163f}
#header nav a.is-active::after{left:0;right:0;opacity:1}


/* === V7.4 · RESPONSIVE TOTAL + WHATSAPP FLOTANTE === */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
main,section{width:100%}

/* Asegura el orden visual y el anclaje correcto */
#pink-store{order:1}
#colecciones{order:2}
#mayoreo{order:3}
#visitanos{order:4}

/* WhatsApp flotante */
.whatsapp-float{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9998;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:58px;
  padding:8px 18px 8px 8px;
  border-radius:999px;
  background:#1f8f55;
  color:#fff;
  text-decoration:none;
  font:700 11px/1 "Manrope",Arial,sans-serif;
  letter-spacing:.16em;
  box-shadow:0 16px 38px rgba(15,85,49,.28);
  transition:transform .32s ease,box-shadow .32s ease,background .32s ease;
}
.whatsapp-float:hover{
  transform:translateY(-4px);
  background:#167a48;
  box-shadow:0 20px 46px rgba(15,85,49,.34);
}
.wa-icon{
  position:relative;
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);
}
.wa-icon svg{width:22px;height:22px;fill:currentColor}
.wa-pulse{
  position:absolute;
  left:8px;
  top:8px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.55);
  animation:waPulse 2s infinite;
  pointer-events:none;
}
@keyframes waPulse{
  0%{transform:scale(.9);opacity:.8}
  70%{transform:scale(1.45);opacity:0}
  100%{transform:scale(1.45);opacity:0}
}

/* Ajustes sólidos para tablet */
@media(max-width:1100px){
  .top{
    padding-left:24px;
    padding-right:24px;
  }
  #header nav{gap:24px}
  #header nav a{font-size:11px;letter-spacing:.13em}
  .editorial-gallery,
  .editorial-collections,
  .visit,
  .wholesale{
    padding-left:28px;
    padding-right:28px;
  }
}

/* Tablet y móvil */
@media(max-width:900px){
  .top{
    min-height:86px;
  }
  .brand-seal{
    width:92px !important;
    height:92px !important;
  }
  .header-actions{
    display:none;
  }
  #header nav{
    position:fixed;
    top:0;
    right:-100%;
    width:min(84vw,380px);
    height:100dvh;
    padding:120px 32px 40px;
    background:#fffaf7;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    box-shadow:-20px 0 60px rgba(53,17,32,.14);
    transition:right .38s cubic-bezier(.2,.7,.2,1);
    z-index:9997;
  }
  #header nav.open{right:0}
  #header nav a{
    width:100%;
    padding:18px 0;
    border-bottom:1px solid rgba(75,13,37,.10);
    font-size:13px;
    letter-spacing:.16em;
  }
  .menu{
    display:flex !important;
    position:relative;
    z-index:9999;
  }

  .experience{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .experience-or{display:none}

  .wholesale{
    grid-template-columns:1fr !important;
  }
  .wholesale-visual,
  .wholesale-card{
    width:100%;
  }

  .visit{
    grid-template-columns:1fr !important;
    gap:42px !important;
  }

  .gallery-head,
  .ec-head{
    grid-template-columns:1fr !important;
  }
}

/* Móvil */
@media(max-width:640px){
  body{font-size:16px}
  .noticebar{font-size:9px}
  .top{
    padding:0 16px;
    min-height:78px;
  }
  .brand-seal{
    width:78px !important;
    height:78px !important;
  }

  .editorial-gallery,
  .editorial-collections,
  .visit,
  .wholesale,
  .experience,
  .final-cta{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .gallery-head h2,
  .ec-head h2,
  .wholesale h2,
  .visit h2,
  .final-cta h2{
    font-size:clamp(44px,13vw,64px) !important;
    line-height:.93 !important;
  }

  .gallery-mosaic{
    display:flex !important;
    flex-direction:column;
    gap:12px;
  }
  .g-photo,
  .g-quote{
    width:100%;
    min-height:380px;
  }

  .ec-grid{
    display:flex !important;
    flex-direction:column;
    gap:12px;
  }
  .ec-card{
    width:100%;
    min-height:380px;
  }
  .ec-perfume{min-height:470px}

  .experience-card{
    padding:28px 22px !important;
  }

  .wholesale-card{
    padding:34px 24px !important;
  }

  .info-row{
    gap:14px;
    align-items:flex-start;
  }
  .info-row h3{
    font-size:20px !important;
    line-height:1.3;
  }

  .social-row{
    grid-template-columns:1fr !important;
  }

  .whatsapp-float{
    right:14px;
    bottom:14px;
    min-height:54px;
    padding:6px;
    width:54px;
    justify-content:center;
  }
  .wa-label{display:none}
  .wa-icon{
    width:42px;
    height:42px;
  }
  .wa-pulse{
    left:6px;
    top:6px;
  }

  footer{
    padding-left:18px !important;
    padding-right:18px !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:24px;
  }
}

/* Pantallas muy pequeñas */
@media(max-width:380px){
  .gallery-head h2,
  .ec-head h2,
  .wholesale h2,
  .visit h2,
  .final-cta h2{
    font-size:40px !important;
  }
  #header nav{width:90vw}
}


/* === V7.5 · HERO RESTAURADO + AJUSTE REAL AL VIEWPORT === */
:root{
  --page-gutter:clamp(16px,4vw,72px);
}
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
body{margin:0}
main{
  width:100%;
  max-width:100vw;
  overflow-x:clip;
}
section,
header,
footer{
  max-width:100vw;
}
section > *,
header > *,
footer > *{
  min-width:0;
}
img,svg,video,canvas,iframe{
  max-width:100%;
}

/* Hero: debe caber completo en la ventana */
.hero.hero-v4{
  position:relative;
  width:100%;
  max-width:100vw;
  min-height:calc(100svh - var(--header-total, 154px));
  height:calc(100svh - var(--header-total, 154px));
  max-height:calc(100svh - var(--header-total, 154px));
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  overflow:hidden;
  box-sizing:border-box;
}
.hero-v4 .hero-visual,
.hero-v4 .hero-copy{
  min-width:0;
  max-width:100%;
  height:100%;
}
.hero-v4 .hero-visual{
  overflow:hidden;
}
.hero-v4 .hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(24px,3.2vw,58px) clamp(28px,5vw,84px);
  box-sizing:border-box;
}
.hero-v4 h1{
  margin:clamp(10px,1.5vh,18px) 0;
  font-size:clamp(48px,6vw,94px);
  line-height:.83;
}
.hero-v4 .lead{
  max-width:580px;
  margin:clamp(10px,1.2vh,18px) 0 clamp(16px,2vh,28px);
  font-size:clamp(15px,1.25vw,19px);
  line-height:1.6;
}
.hero-v4 .actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.hero-v4 .btn{
  min-width:0;
  max-width:100%;
}
.hero-v4 .hero-signature{
  margin-top:clamp(14px,2vh,24px);
}
.hero-v4 .hero-image-main,
.hero-v4 .hero-image-side{
  max-width:100%;
}
.hero-v4 .scroll-cue{
  bottom:14px;
}

/* Todas las secciones deben respetar el ancho visible */
.editorial-gallery,
.editorial-collections,
.wholesale,
.visit,
.experience,
.final-cta{
  width:100%;
  max-width:100vw;
  box-sizing:border-box;
}
.gallery-head,
.gallery-mosaic,
.ec-head,
.ec-grid,
.wholesale-visual,
.wholesale-card,
.visit-intro,
.visit-info,
.experience-card{
  min-width:0;
  max-width:100%;
}
.gallery-mosaic,
.ec-grid,
.wholesale,
.visit,
.experience{
  width:100%;
}
.gallery-mosaic > *,
.ec-grid > *,
.wholesale > *,
.visit > *,
.experience > *{
  min-width:0;
  max-width:100%;
}

/* Evita que textos grandes fuercen desbordamiento */
h1,h2,h3,p,a,span{
  overflow-wrap:break-word;
}
.ec-head h2,
.gallery-head h2,
.wholesale h2,
.visit h2,
.final-cta h2{
  max-width:100%;
}

/* Alturas de escritorio bajas: compactar hero sin perder botones */
@media (min-width:901px) and (max-height:850px){
  .hero.hero-v4{
    min-height:calc(100svh - 128px);
    height:calc(100svh - 128px);
    max-height:calc(100svh - 128px);
  }
  .hero-v4 .hero-copy{
    padding-top:22px;
    padding-bottom:22px;
  }
  .hero-v4 h1{
    font-size:clamp(44px,5.1vw,76px);
    margin:8px 0;
  }
  .hero-v4 .lead{
    margin:8px 0 14px;
    line-height:1.45;
  }
  .hero-v4 .hero-signature{
    margin-top:10px;
  }
}
@media (min-width:901px) and (max-height:720px){
  .hero-v4 h1{
    font-size:clamp(40px,4.5vw,66px);
  }
  .hero-v4 .hero-signature,
  .hero-v4 .scroll-cue{
    display:none;
  }
}

/* Tablet */
@media(max-width:900px){
  .hero.hero-v4{
    height:auto;
    max-height:none;
    min-height:auto;
    grid-template-columns:1fr;
  }
  .hero-v4 .hero-visual{
    min-height:58svh;
    max-height:650px;
  }
  .hero-v4 .hero-copy{
    height:auto;
    padding:48px 24px 56px;
  }
  .hero-v4 h1{
    font-size:clamp(54px,10vw,78px);
  }
  .hero-v4 .scroll-cue{display:none}

  .editorial-gallery,
  .editorial-collections,
  .wholesale,
  .visit,
  .experience,
  .final-cta{
    padding-left:24px !important;
    padding-right:24px !important;
  }
}

/* Móvil */
@media(max-width:640px){
  .hero-v4 .hero-visual{
    min-height:52svh;
  }
  .hero-v4 .hero-copy{
    padding:38px 18px 44px;
  }
  .hero-v4 h1{
    font-size:clamp(46px,15vw,64px);
    line-height:.88;
  }
  .hero-v4 .lead{
    font-size:16px;
  }
  .hero-v4 .actions{
    flex-direction:column;
    align-items:stretch;
  }
  .hero-v4 .btn{
    width:100%;
    justify-content:space-between;
  }

  .editorial-gallery,
  .editorial-collections,
  .wholesale,
  .visit,
  .experience,
  .final-cta{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .gallery-mosaic,
  .ec-grid{
    width:100%;
    max-width:100%;
  }
  .g-photo,.g-quote,.ec-card{
    width:100% !important;
    max-width:100% !important;
  }
}

/* Ultra estrecho */
@media(max-width:380px){
  .hero-v4 .hero-copy{padding-left:14px;padding-right:14px}
  .hero-v4 h1{font-size:42px}
  .editorial-gallery,
  .editorial-collections,
  .wholesale,
  .visit,
  .experience,
  .final-cta{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}


/* === V7.6 · WHATSAPP PREMIUM SVG === */
.whatsapp-float{display:none!important}

.wa-premium{
  --wa-wine:#4b0d25;
  --wa-pink:#ef4f93;
  --wa-cream:#fff9f5;
  position:fixed;
  right:26px;
  bottom:26px;
  z-index:9998;
  display:grid;
  grid-template-columns:46px auto 30px;
  align-items:center;
  gap:12px;
  min-width:210px;
  padding:9px 11px 9px 9px;
  border-radius:999px;
  text-decoration:none;
  color:var(--wa-wine);
  background:rgba(255,249,245,.93);
  border:1px solid rgba(75,13,37,.12);
  box-shadow:
    0 18px 45px rgba(52,13,30,.16),
    0 4px 14px rgba(52,13,30,.08),
    inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(16px) saturate(135%);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
  overflow:hidden;
  transition:
    transform .38s cubic-bezier(.2,.7,.2,1),
    box-shadow .38s ease,
    border-color .38s ease;
}
.wa-premium::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(110deg,transparent 0 28%,rgba(255,255,255,.72) 42%,transparent 56%),
    radial-gradient(circle at 12% 50%,rgba(239,79,147,.10),transparent 34%);
  transform:translateX(-120%);
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.wa-premium::after{
  content:"";
  position:absolute;
  left:60px;
  right:46px;
  bottom:9px;
  height:1px;
  background:linear-gradient(90deg,var(--wa-pink),transparent);
  transform:scaleX(.15);
  transform-origin:left center;
  opacity:.35;
  transition:transform .42s ease,opacity .42s ease;
}
.wa-premium:hover{
  transform:translateY(-5px);
  border-color:rgba(239,79,147,.28);
  box-shadow:
    0 24px 58px rgba(52,13,30,.22),
    0 8px 20px rgba(52,13,30,.10),
    inset 0 1px 0 rgba(255,255,255,.95);
}
.wa-premium:hover::before{transform:translateX(120%)}
.wa-premium:hover::after{transform:scaleX(1);opacity:.8}

.wa-premium-icon{
  position:relative;
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 30% 28%,#ff82b2 0%,#ef4f93 35%,#b71d5e 100%);
  box-shadow:
    0 8px 18px rgba(183,29,94,.28),
    inset 0 1px 0 rgba(255,255,255,.5);
}
.wa-premium-icon::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
}
.wa-premium-icon svg{
  width:25px;
  height:25px;
  overflow:visible;
}
.wa-premium-icon .wa-bubble{
  fill:none;
  stroke:#fff;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.wa-premium-icon .wa-phone{
  fill:#fff;
}

.wa-premium-ring{
  position:absolute;
  left:7px;
  top:7px;
  width:50px;
  height:50px;
  border-radius:50%;
  border:1px solid rgba(239,79,147,.34);
  animation:waPremiumPulse 2.6s ease-out infinite;
  pointer-events:none;
}
@keyframes waPremiumPulse{
  0%{transform:scale(.92);opacity:.7}
  68%{transform:scale(1.42);opacity:0}
  100%{transform:scale(1.42);opacity:0}
}

.wa-premium-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1;
}
.wa-premium-copy small{
  margin-bottom:5px;
  color:#9a7482;
  font:700 8px/1 "Manrope",sans-serif;
  letter-spacing:.18em;
}
.wa-premium-copy strong{
  color:var(--wa-wine);
  font:600 15px/1.1 "Manrope",sans-serif;
  letter-spacing:.01em;
}

.wa-premium-arrow{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--wa-wine);
  border:1px solid rgba(75,13,37,.13);
  background:rgba(255,255,255,.7);
  transition:transform .35s ease,background .35s ease,color .35s ease;
}
.wa-premium-arrow svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.wa-premium:hover .wa-premium-arrow{
  transform:translateX(3px);
  background:var(--wa-wine);
  color:#fff;
}

@media(max-width:640px){
  .wa-premium{
    right:14px;
    bottom:14px;
    min-width:0;
    width:58px;
    height:58px;
    padding:6px;
    display:grid;
    grid-template-columns:1fr;
    place-items:center;
    border-radius:50%;
  }
  .wa-premium-copy,
  .wa-premium-arrow{display:none}
  .wa-premium-icon{
    width:46px;
    height:46px;
  }
  .wa-premium-ring{
    left:4px;
    top:4px;
    width:50px;
    height:50px;
  }
}


/* === V7.7 · HERO PREMIUM RESPONSIVO Y AJUSTADO AL VIEWPORT === */
:root{
  --site-bars-h:150px;
}

.hero-v7{
  position:relative;
  width:100%;
  max-width:100vw;
  height:calc(100svh - var(--site-bars-h));
  min-height:560px;
  max-height:880px;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  overflow:hidden;
  background:#fbf5f1;
}

.hero-v7-visual,
.hero-v7-copy{
  min-width:0;
  min-height:0;
  height:100%;
  position:relative;
}

.hero-v7-visual{
  overflow:hidden;
  background:#eadfd9;
}

.hero-v7-main-photo{
  position:absolute;
  inset:0 22% 0 0;
  background-image:
    linear-gradient(180deg,rgba(26,5,14,.02),rgba(26,5,14,.12)),
    var(--hero-main);
  background-size:cover;
  background-position:center;
}

.hero-v7-main-photo::after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.34);
  pointer-events:none;
}

.hero-v7-fashion-photo{
  position:absolute;
  right:2.6%;
  bottom:4.5%;
  width:30%;
  height:39%;
  z-index:3;
  border-radius:48% 48% 6px 6px / 28% 28% 6px 6px;
  overflow:hidden;
  background-image:var(--hero-fashion);
  background-size:cover;
  background-position:center 24%;
  border:10px solid #f8eee8;
  box-shadow:0 20px 45px rgba(49,16,29,.18);
}

.hero-v7-product-photo{
  position:absolute;
  top:7%;
  right:4%;
  width:22%;
  aspect-ratio:1/1;
  z-index:4;
  border-radius:50%;
  overflow:hidden;
  background-image:var(--hero-product);
  background-size:cover;
  background-position:center;
  border:9px solid #fff8f4;
  box-shadow:0 16px 36px rgba(49,16,29,.14);
}

.hero-v7-logo{
  position:absolute;
  top:4.5%;
  left:62%;
  width:clamp(108px,10vw,170px);
  aspect-ratio:1/1;
  z-index:6;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#5a1230,#330b1d);
  box-shadow:
    0 18px 44px rgba(67,13,38,.24),
    inset 0 1px 0 rgba(255,255,255,.16);
}

.hero-v7-logo::after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.26);
}

.hero-v7-logo img{
  width:82%;
  height:82%;
  object-fit:contain;
  position:relative;
  z-index:2;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.18));
}

.hero-v7-logo-ring{
  position:absolute;
  inset:-9px;
  border-radius:50%;
  border:1px solid rgba(238,77,147,.3);
}

.hero-v7-stamp{
  position:absolute;
  left:5.5%;
  bottom:3.5%;
  z-index:6;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  background:rgba(67,13,38,.92);
  color:#fff;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font:700 9px/1 "Manrope",sans-serif;
  letter-spacing:.18em;
}

.hero-v7-stamp i{
  width:3px;
  height:3px;
  border-radius:50%;
  background:#ef4f93;
}

.hero-v7-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(26px,3.4vw,58px) clamp(30px,5vw,86px);
  background:
    radial-gradient(circle at 88% 22%,rgba(239,79,147,.09),transparent 25%),
    linear-gradient(180deg,#fffaf7 0%,#fbf4f0 100%);
}

.hero-v7-copy::before{
  content:"P";
  position:absolute;
  right:-.02em;
  bottom:-.12em;
  font:500 clamp(250px,29vw,520px)/.72 "Cormorant Garamond",Georgia,serif;
  color:rgba(75,13,37,.025);
  pointer-events:none;
}

.hero-v7-kicker{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:clamp(12px,1.8vh,20px);
  color:#6d1638;
  font:700 11px/1 "Manrope",sans-serif;
  letter-spacing:.24em;
}

.hero-v7-kicker span{
  width:50px;
  height:1px;
  background:#ef4f93;
}

.hero-v7 h1{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  margin:0;
  max-width:720px;
  color:#23191d;
  font:500 clamp(52px,5.6vw,96px)/.82 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.045em;
}

.hero-v7 h1 em{
  color:#ef4f93;
  font-weight:400;
  padding-left:.14em;
}

.hero-v7-lead{
  position:relative;
  z-index:2;
  max-width:620px;
  margin:clamp(14px,2vh,22px) 0 clamp(16px,2.4vh,28px);
  color:#5f5358;
  font:400 clamp(15px,1.15vw,18px)/1.65 "Manrope",sans-serif;
}

.hero-v7-actions{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.hero-v7-btn{
  min-height:54px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-radius:999px;
  text-decoration:none;
  font:700 10px/1 "Manrope",sans-serif;
  letter-spacing:.12em;
  transition:transform .32s ease,box-shadow .32s ease,background .32s ease,color .32s ease;
}

.hero-v7-btn svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .32s ease;
}

.hero-v7-btn:hover{
  transform:translateY(-3px);
}

.hero-v7-btn:hover svg{
  transform:translateX(4px);
}

.hero-v7-btn-primary{
  min-width:255px;
  background:linear-gradient(135deg,#71123f,#9d1b59);
  color:#fff;
  box-shadow:0 14px 28px rgba(91,17,49,.16);
}

.hero-v7-btn-secondary{
  min-width:220px;
  color:#4b0d25;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(75,13,37,.15);
}

.hero-v7-bottom{
  position:relative;
  z-index:2;
  margin-top:clamp(14px,2vh,24px);
  display:flex;
  align-items:center;
  gap:13px;
  color:#745d67;
  font:600 10px/1.45 "Manrope",sans-serif;
  letter-spacing:.08em;
}

.hero-v7-bottom > span{
  color:#9a1f5a;
  font-weight:700;
}

.hero-v7-bottom i{
  width:42px;
  height:1px;
  background:rgba(75,13,37,.25);
}

.hero-v7-bottom p{
  margin:0;
}

/* Escritorio de poca altura: TODO el hero sigue cabiendo */
@media(min-width:901px) and (max-height:860px){
  .hero-v7{
    min-height:0;
    max-height:none;
  }
  .hero-v7-copy{
    padding-top:18px;
    padding-bottom:18px;
  }
  .hero-v7-kicker{
    margin-bottom:10px;
  }
  .hero-v7 h1{
    font-size:clamp(44px,4.75vw,74px);
    line-height:.82;
  }
  .hero-v7-lead{
    margin:10px 0 14px;
    line-height:1.48;
  }
  .hero-v7-btn{
    min-height:48px;
  }
  .hero-v7-bottom{
    margin-top:10px;
  }
  .hero-v7-logo{
    width:clamp(92px,8vw,132px);
  }
}

@media(min-width:901px) and (max-height:720px){
  .hero-v7 h1{
    font-size:clamp(40px,4.15vw,64px);
  }
  .hero-v7-bottom{
    display:none;
  }
  .hero-v7-product-photo{
    width:18%;
  }
}

/* Tablet */
@media(max-width:900px){
  .hero-v7{
    height:auto;
    max-height:none;
    min-height:0;
    grid-template-columns:1fr;
  }
  .hero-v7-visual{
    height:58svh;
    min-height:470px;
  }
  .hero-v7-copy{
    height:auto;
    padding:48px 24px 54px;
  }
  .hero-v7 h1{
    font-size:clamp(58px,11vw,82px);
  }
  .hero-v7-main-photo{
    inset:0 18% 0 0;
  }
  .hero-v7-fashion-photo{
    width:34%;
    height:42%;
  }
  .hero-v7-product-photo{
    width:20%;
  }
  .hero-v7-logo{
    left:auto;
    right:5%;
  }
}

/* Móvil */
@media(max-width:640px){
  .hero-v7-visual{
    height:54svh;
    min-height:410px;
  }
  .hero-v7-main-photo{
    inset:0 12% 0 0;
    background-position:center;
  }
  .hero-v7-fashion-photo{
    width:38%;
    height:38%;
    right:3%;
    bottom:4%;
    border-width:6px;
  }
  .hero-v7-product-photo{
    display:none;
  }
  .hero-v7-logo{
    width:96px;
    top:5%;
    right:4%;
  }
  .hero-v7-stamp{
    left:14px;
    bottom:14px;
    gap:7px;
    font-size:8px;
  }

  .hero-v7-copy{
    padding:36px 18px 42px;
  }
  .hero-v7-kicker{
    font-size:9px;
    letter-spacing:.18em;
  }
  .hero-v7-kicker span{
    width:32px;
  }
  .hero-v7 h1{
    font-size:clamp(48px,15vw,66px);
    line-height:.87;
  }
  .hero-v7-lead{
    font-size:16px;
  }
  .hero-v7-actions{
    flex-direction:column;
  }
  .hero-v7-btn{
    width:100%;
    min-width:0;
  }
  .hero-v7-bottom{
    align-items:flex-start;
  }
}

/* Muy estrecho */
@media(max-width:380px){
  .hero-v7-copy{padding-left:14px;padding-right:14px}
  .hero-v7 h1{font-size:43px}
  .hero-v7-stamp span:nth-of-type(2),
  .hero-v7-stamp span:nth-of-type(3),
  .hero-v7-stamp i{display:none}
}


/* === V7.8 · TOPBAR ESTÁTICA, SIN MARQUESINA === */
.noticebar{
  overflow:hidden;
}
.notice-track{
  animation:none !important;
  transform:none !important;
}

.noticebar-static{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(90deg,#3b0b20 0%,#4b0d25 45%,#3b0b20 100%);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.notice-static-inner{
  width:min(100%,1480px);
  padding:0 28px;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  white-space:nowrap;
  font:700 10px/1 "Manrope",sans-serif;
  letter-spacing:.22em;
}

.notice-static-inner i{
  font-style:normal;
  color:#ef6aa4;
  font-size:9px;
  opacity:.9;
}

@media(max-width:900px){
  .notice-static-inner{
    justify-content:flex-start;
    overflow:hidden;
    gap:18px;
    padding:0 18px;
    font-size:9px;
    letter-spacing:.16em;
  }
  .notice-static-inner span:nth-of-type(2){
    display:none;
  }
}

@media(max-width:640px){
  .noticebar-static{
    min-height:34px;
  }
  .notice-static-inner{
    min-height:34px;
    justify-content:center;
    padding:0 12px;
    font-size:8px;
    letter-spacing:.14em;
  }
  .notice-static-inner span:not(:first-of-type),
  .notice-static-inner i{
    display:none;
  }
}


/* =========================================================
   V7.9 — AJUSTE REAL DE TODAS LAS SECCIONES AL VIEWPORT
   Ninguna sección, grid, imagen o texto puede salir del ancho.
   ========================================================= */

html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  scroll-behavior:smooth;
}
body{
  width:100%;
  max-width:100%;
  margin:0;
  overflow-x:hidden;
}
*,*::before,*::after{
  box-sizing:border-box;
}
img,svg,video,canvas,iframe{
  display:block;
  max-width:100%;
  height:auto;
}
main{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

/* Todas las secciones usan exactamente el ancho disponible */
main > section{
  width:100%;
  max-width:100%;
  margin-left:0 !important;
  margin-right:0 !important;
  overflow:hidden;
  box-sizing:border-box;
}

/* Contenedores internos jamás pueden forzar el viewport */
main > section > *,
section [class*="grid"],
section [class*="mosaic"],
section [class*="wrap"],
section [class*="inner"],
section [class*="container"],
section [class*="visual"],
section [class*="copy"],
section [class*="card"],
section [class*="info"]{
  min-width:0 !important;
  max-width:100%;
  box-sizing:border-box;
}

/* GRID: siempre columnas flexibles, nunca anchos fijos que desborden */
.gallery-head,
.ec-head,
.wholesale,
.visit,
.experience,
.hero-v7{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}

.gallery-mosaic,
.ec-grid{
  width:100%;
  max-width:100%;
  min-width:0;
}

/* Imágenes / fondos nunca exceden su celda */
.g-photo,
.ec-card,
.wholesale-visual,
.wholesale-card,
.visit-intro,
.visit-info,
.experience-card,
.hero-v7-visual,
.hero-v7-copy,
.hero-v7-main-photo,
.hero-v7-fashion-photo,
.hero-v7-product-photo{
  min-width:0 !important;
  max-width:100%;
}

/* Texto grande: evitar que una palabra o tracking obligue a salir */
h1,h2,h3,h4,p,a,span,small,strong,em{
  max-width:100%;
}
h1,h2,h3,h4{
  overflow-wrap:anywhere;
}

/* Padding fluido real: nunca más de lo que permite la pantalla */
.editorial-gallery,
.editorial-collections,
.wholesale,
.visit,
.experience,
.final-cta,
.premium-section{
  padding-left:clamp(18px,5vw,78px) !important;
  padding-right:clamp(18px,5vw,78px) !important;
}

/* HERO — ancho perfecto y sin recortes horizontales */
.hero-v7{
  width:100%;
  max-width:100%;
}
.hero-v7-copy{
  padding-left:clamp(24px,5vw,78px) !important;
  padding-right:clamp(24px,5vw,78px) !important;
}
.hero-v7 h1,
.hero-v7-lead{
  width:100%;
}
.hero-v7-actions{
  width:100%;
  max-width:100%;
}
.hero-v7-btn{
  max-width:100%;
}

/* COLECCIONES — mosaico responsive sin salir de pantalla */
.ec-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(0,.68fr) minmax(0,.68fr) minmax(0,.52fr);
}
.ec-perfume,
.ec-fashion,
.ec-details,
.ec-soft,
.ec-quote{
  min-width:0 !important;
  width:auto;
}

/* GALERÍA INSPIRACIÓN */
.gallery-mosaic{
  grid-auto-columns:minmax(0,1fr);
}

/* TABLET */
@media(max-width:1100px){
  .editorial-gallery,
  .editorial-collections,
  .wholesale,
  .visit,
  .experience,
  .final-cta,
  .premium-section{
    padding-left:28px !important;
    padding-right:28px !important;
  }

  .ec-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:auto;
  }
  .ec-perfume{
    grid-column:1 / 2;
    grid-row:1 / 3;
  }
  .ec-fashion{
    grid-column:2;
    grid-row:1;
  }
  .ec-details{
    grid-column:2;
    grid-row:2;
  }
  .ec-soft{
    grid-column:1;
    grid-row:3;
  }
  .ec-quote{
    grid-column:2;
    grid-row:3;
  }
}

/* TABLET VERTICAL / MÓVIL GRANDE */
@media(max-width:900px){
  .hero-v7,
  .gallery-head,
  .ec-head,
  .wholesale,
  .visit,
  .experience{
    grid-template-columns:minmax(0,1fr) !important;
  }

  .hero-v7{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .hero-v7-visual,
  .hero-v7-copy{
    width:100%;
    max-width:100%;
  }

  .ec-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-auto-rows:auto;
    gap:14px;
  }

  .ec-perfume{
    grid-column:1 / 3;
    grid-row:auto;
    min-height:480px;
  }
  .ec-fashion{
    grid-column:1 / 3;
    grid-row:auto;
    min-height:320px;
  }
  .ec-details,
  .ec-soft{
    grid-column:auto;
    grid-row:auto;
    min-height:330px;
  }
  .ec-quote{
    display:none;
  }
}

/* MÓVIL */
@media(max-width:640px){
  .editorial-gallery,
  .editorial-collections,
  .wholesale,
  .visit,
  .experience,
  .final-cta,
  .premium-section{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .hero-v7-copy{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .hero-v7-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr);
  }

  .hero-v7-btn{
    width:100% !important;
    min-width:0 !important;
  }

  .gallery-mosaic,
  .ec-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
  }

  .g-photo,
  .g-quote,
  .ec-card,
  .ec-perfume,
  .ec-fashion,
  .ec-details,
  .ec-soft{
    grid-column:1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .ec-perfume{min-height:460px}
  .ec-fashion,
  .ec-details,
  .ec-soft{min-height:360px}

  .wholesale,
  .visit,
  .experience{
    width:100% !important;
  }

  .wholesale-visual,
  .wholesale-card,
  .visit-intro,
  .visit-info,
  .experience-card{
    width:100% !important;
    max-width:100% !important;
  }
}

/* PANTALLAS MUY PEQUEÑAS */
@media(max-width:390px){
  .editorial-gallery,
  .editorial-collections,
  .wholesale,
  .visit,
  .experience,
  .final-cta,
  .premium-section{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .hero-v7-copy{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .hero-v7 h1{
    font-size:clamp(40px,13vw,52px) !important;
  }
}


/* === V8 · MENÚ RESPONSIVE PREMIUM === */
.menu{
  display:none;
  width:46px;
  height:46px;
  border:1px solid rgba(75,13,37,.14);
  border-radius:50%;
  background:rgba(255,255,255,.86);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  padding:0;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(61,18,36,.08);
  transition:transform .3s ease,background .3s ease,border-color .3s ease;
}
.menu:hover{
  transform:translateY(-2px);
  background:#fff;
  border-color:rgba(239,79,147,.28);
}
.menu span{
  width:18px;
  height:1.5px;
  background:#4b0d25;
  border-radius:999px;
  transition:transform .35s ease,opacity .25s ease,width .35s ease;
}
.menu[aria-expanded="true"] span:nth-child(1){
  transform:translateY(6.5px) rotate(45deg);
}
.menu[aria-expanded="true"] span:nth-child(2){
  opacity:0;
  width:0;
}
.menu[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-6.5px) rotate(-45deg);
}

/* overlay del menú móvil */
.mobile-nav-overlay{
  position:fixed;
  inset:0;
  background:rgba(28,8,16,.26);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  opacity:0;
  visibility:hidden;
  transition:opacity .3s ease,visibility .3s ease;
  z-index:9995;
}
.mobile-nav-overlay.active{
  opacity:1;
  visibility:visible;
}

@media(max-width:900px){
  .menu{
    display:flex !important;
    position:relative;
    z-index:10001;
    margin-left:auto;
  }

  .header-actions{
    display:none !important;
  }

  #header{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  #header nav{
    position:fixed !important;
    top:0;
    right:-100%;
    width:min(86vw,380px);
    height:100dvh;
    padding:118px 30px 34px;
    background:linear-gradient(180deg,#fffaf7 0%,#f8efea 100%);
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0 !important;
    z-index:10000;
    box-shadow:-18px 0 55px rgba(46,13,28,.18);
    transition:right .38s cubic-bezier(.2,.7,.2,1);
    overflow-y:auto;
  }

  #header nav.open{
    right:0;
  }

  #header nav a{
    width:100%;
    padding:20px 0;
    border-bottom:1px solid rgba(75,13,37,.10);
    font-size:13px !important;
    letter-spacing:.16em !important;
    text-align:left;
  }

  #header nav a::after{
    bottom:10px;
  }

  #header nav a.is-active{
    color:#9b1f59;
  }
}

@media(max-width:640px){
  #header{
    min-height:74px !important;
  }

  .brand-seal{
    width:74px !important;
    height:74px !important;
  }

  .menu{
    width:42px;
    height:42px;
  }

  #header nav{
    width:88vw;
    padding:102px 24px 28px;
  }
}

@media(max-width:380px){
  #header nav{
    width:92vw;
  }
}


/* === V8.3 · SECCIONES PREMIUM AJUSTADAS AL VIEWPORT === */
.pink-about,.collections-fit,.entrepreneur-fit{width:100%;max-width:100vw;overflow:hidden;box-sizing:border-box}
.pink-about *,.collections-fit *,.entrepreneur-fit *{box-sizing:border-box;min-width:0}

/* PINK STORE */
.pink-about{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:linear-gradient(180deg,#fffaf7,#f8f1ed)}
.pink-about-copy{padding:clamp(48px,6vw,96px) clamp(24px,5vw,82px);display:flex;flex-direction:column;justify-content:center}
.pink-about-kicker{display:flex;align-items:center;gap:14px;color:#74163d;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.22em;margin-bottom:18px}
.pink-about-kicker span{width:40px;height:1px;background:#ef4f93}
.pink-about h2{margin:0;color:#23191d;font:500 clamp(50px,5vw,82px)/.9 "Cormorant Garamond",Georgia,serif;letter-spacing:-.04em}
.pink-about h2 em{color:#ef4f93;font-weight:400}
.pink-about-lead{max-width:620px;margin:24px 0;color:#65575d;font:400 clamp(15px,1.1vw,18px)/1.75 "Manrope",sans-serif}
.pink-about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.pink-about-tags span{padding:8px 11px;border:1px solid rgba(75,13,37,.12);border-radius:999px;background:#fff;color:#6f2c49;font:700 9px/1 "Manrope",sans-serif;letter-spacing:.14em}
.pink-about-link{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:16px;text-decoration:none;color:#4b0d25;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.14em;border-bottom:1px solid rgba(75,13,37,.22);padding-bottom:10px}.pink-about-link svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.pink-about-visual{position:relative;min-height:650px;background:#eadfd9}
.pink-about-photo{position:absolute;margin:0;overflow:hidden}.pink-about-photo img{width:100%;height:100%;object-fit:cover}.pink-main{inset:0 42% 0 0}.pink-perfume{right:0;top:0;width:42%;height:52%}.pink-detail{right:0;bottom:0;width:42%;height:48%}
.pink-about-photo figcaption{position:absolute;left:18px;bottom:16px;color:#fff;display:flex;gap:8px;font:700 9px/1 "Manrope",sans-serif;letter-spacing:.14em;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.pink-about-signature{position:absolute;left:58%;top:50%;transform:translate(-50%,-50%);z-index:4;width:170px;height:170px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:24px;background:linear-gradient(145deg,#4f0e2a,#2f091a);color:#fff;box-shadow:0 22px 45px rgba(45,10,25,.28)}
.pink-about-signature small{color:#ff84b6;font:700 8px/1 "Manrope",sans-serif;letter-spacing:.18em;margin-bottom:10px}.pink-about-signature strong{font:500 21px/1.05 "Cormorant Garamond",Georgia,serif}

/* COLECCIONES */
.collections-fit{padding:clamp(64px,7vw,110px) clamp(18px,5vw,80px);background:linear-gradient(180deg,#fff,#faf4f0)}
.collections-fit-head{max-width:1480px;margin:0 auto 42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(28px,6vw,90px);align-items:end}
.collections-kicker{display:block;margin-bottom:14px;color:#6e1739;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.22em}.collections-fit-head h2{margin:0;color:#20171b;font:500 clamp(54px,6vw,96px)/.82 "Cormorant Garamond",Georgia,serif}.collections-fit-head h2 em{color:#ef4f93}.collections-fit-head p{margin:0;color:#66575e;font:400 17px/1.75 "Manrope",sans-serif}
.collections-fit-grid{max-width:1480px;margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,.85fr);grid-template-rows:minmax(280px,34vh) minmax(280px,34vh);gap:16px}
.collection-tile,.collection-quote{position:relative;overflow:hidden;width:100%}.collection-main{grid-row:1/3}.collection-tile img{width:100%;height:100%;object-fit:cover}.collection-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(24,5,13,.78));z-index:1}.collection-index{position:absolute;right:22px;top:22px;color:#fff;z-index:2;font:700 10px/1 "Manrope",sans-serif}.collection-copy{position:absolute;left:24px;right:24px;bottom:24px;color:#fff;z-index:2}.collection-copy small{font:700 9px/1 "Manrope",sans-serif;letter-spacing:.18em}.collection-copy h3{margin:5px 0 10px;font:500 clamp(34px,3vw,54px)/.95 "Cormorant Garamond",Georgia,serif}.collection-copy>span{font:700 9px/1 "Manrope",sans-serif;letter-spacing:.14em}.collection-quote{background:linear-gradient(145deg,#4a0d25,#2f0919);color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.collection-quote small{color:#ff7db2;font:700 8px/1 "Manrope",sans-serif;letter-spacing:.18em}.collection-quote p{margin:12px 0 0;font:500 34px/1 "Cormorant Garamond",Georgia,serif}.collection-quote em{color:#ff7db2}

/* PARA EMPRENDER */
.entrepreneur-fit{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);background:linear-gradient(135deg,#4a0d25,#2c0918);color:#fff}
.entrepreneur-visual{position:relative;min-height:650px;overflow:hidden}.entrepreneur-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.entrepreneur-badge{position:absolute;left:28px;bottom:28px;background:rgba(55,9,29,.9);padding:16px 18px;display:flex;gap:12px;align-items:flex-start}.entrepreneur-badge span{color:#ff7db2;font:700 10px/1 "Manrope",sans-serif}.entrepreneur-badge strong{font:700 10px/1.4 "Manrope",sans-serif;letter-spacing:.12em}
.entrepreneur-copy{padding:clamp(52px,6vw,96px) clamp(28px,5vw,82px);display:flex;flex-direction:column;justify-content:center}.entrepreneur-kicker{color:#ff91bd;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.22em;margin-bottom:18px}.entrepreneur-copy h2{margin:0;font:500 clamp(52px,5vw,84px)/.9 "Cormorant Garamond",Georgia,serif}.entrepreneur-copy h2 em{color:#ff7db2;font-weight:400}.entrepreneur-copy>p{max-width:560px;color:rgba(255,255,255,.78);font:400 17px/1.75 "Manrope",sans-serif;margin:22px 0}
.entrepreneur-benefits{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px}.entrepreneur-benefits>div{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.9);font:500 14px/1.4 "Manrope",sans-serif}.benefit-icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06)}.benefit-icon svg{width:18px;fill:none;stroke:#fff;stroke-width:1.5}
.entrepreneur-btn{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:16px;padding:15px 20px;border-radius:999px;background:#fff;color:#4b0d25;text-decoration:none;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.14em}.entrepreneur-btn svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.6}

/* Tablet */
@media(max-width:1100px){
 .pink-about{grid-template-columns:1fr}.pink-about-visual{min-height:600px}
 .collections-fit-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto}.collection-main{grid-column:1/3;grid-row:auto;height:520px}.collection-tile,.collection-quote{min-height:330px}
 .entrepreneur-fit{grid-template-columns:1fr}.entrepreneur-visual{min-height:520px}.entrepreneur-copy{padding-top:52px;padding-bottom:58px}
}

/* Mobile */
@media(max-width:700px){
 .pink-about-copy{padding:48px 18px}.pink-about h2{font-size:clamp(48px,13vw,64px)}.pink-about-visual{min-height:620px}.pink-main{inset:0 0 44% 0}.pink-perfume{left:0;right:auto;top:auto;bottom:0;width:50%;height:44%}.pink-detail{right:0;bottom:0;width:50%;height:44%}.pink-about-signature{width:140px;height:140px;left:50%;top:56%}
 .collections-fit{padding:58px 14px}.collections-fit-head{grid-template-columns:1fr;gap:22px}.collections-fit-head h2{font-size:clamp(48px,14vw,64px)}.collections-fit-grid{grid-template-columns:1fr;gap:10px}.collection-main,.collection-tile,.collection-quote{grid-column:1!important;width:100%;min-height:350px}.collection-main{height:460px}.collection-quote{min-height:240px}
 .entrepreneur-visual{min-height:440px}.entrepreneur-copy{padding:48px 18px}.entrepreneur-copy h2{font-size:clamp(48px,13vw,64px)}.entrepreneur-copy>p{font-size:16px}.entrepreneur-btn{width:100%;justify-content:space-between}
}

/* Very small */
@media(max-width:390px){
 .pink-about-copy,.entrepreneur-copy{padding-left:14px;padding-right:14px}.collections-fit{padding-left:12px;padding-right:12px}
 .pink-about-visual{min-height:560px}.pink-about-signature{width:124px;height:124px;padding:18px}.pink-about-signature strong{font-size:18px}
}


/* === V8.4 · EMPRENDER MÁS ARRIBA + WHATSAPP SOLO ICONO === */

/* Subir el contenido de Para Emprender para que nada se corte */
.entrepreneur-copy{
  justify-content:flex-start !important;
  padding-top:clamp(42px,5vh,64px) !important;
  padding-bottom:clamp(34px,4vh,52px) !important;
}

.entrepreneur-copy h2{
  margin-top:0 !important;
  margin-bottom:10px !important;
}

.entrepreneur-copy > p{
  margin-top:10px !important;
  margin-bottom:18px !important;
}

.entrepreneur-benefits{
  margin-bottom:18px !important;
}

@media(min-width:901px){
  .entrepreneur-fit{
    min-height:calc(100svh - var(--site-bars-h,150px));
    align-items:stretch;
  }

  .entrepreneur-copy{
    justify-content:center !important;
    transform:translateY(-34px);
  }

  .entrepreneur-visual{
    min-height:calc(100svh - var(--site-bars-h,150px));
  }
}

@media(min-width:901px) and (max-height:820px){
  .entrepreneur-copy{
    transform:translateY(-54px);
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  .entrepreneur-copy h2{
    font-size:clamp(48px,4.4vw,72px) !important;
    line-height:.86 !important;
  }

  .entrepreneur-copy > p{
    font-size:16px !important;
    line-height:1.55 !important;
    margin-bottom:12px !important;
  }

  .entrepreneur-benefits{
    gap:8px !important;
    margin-bottom:12px !important;
  }
}

/* WhatsApp flotante: SOLO icono premium, sin texto */
.wa-premium{
  width:62px !important;
  min-width:62px !important;
  height:62px !important;
  padding:7px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  place-items:center !important;
  border-radius:50% !important;
  right:22px !important;
  bottom:22px !important;
}

.wa-premium-copy,
.wa-premium-arrow{
  display:none !important;
}

.wa-premium-icon{
  width:48px !important;
  height:48px !important;
}

.wa-premium-ring{
  left:5px !important;
  top:5px !important;
  width:52px !important;
  height:52px !important;
}

.wa-premium::after{
  display:none !important;
}

@media(max-width:640px){
  .wa-premium{
    width:56px !important;
    min-width:56px !important;
    height:56px !important;
    right:14px !important;
    bottom:14px !important;
  }

  .wa-premium-icon{
    width:44px !important;
    height:44px !important;
  }

  .wa-premium-ring{
    width:48px !important;
    height:48px !important;
    left:4px !important;
    top:4px !important;
  }
}


/* === V8.5 · PARA EMPRENDER: CONTENIDO MÁS ARRIBA === */

/* En escritorio, el bloque derecho empieza mucho más arriba */
@media(min-width:901px){
  .entrepreneur-fit{
    align-items:stretch !important;
  }

  .entrepreneur-copy{
    justify-content:flex-start !important;
    transform:none !important;
    padding-top:clamp(56px,7vh,88px) !important;
    padding-bottom:34px !important;
  }

  .entrepreneur-kicker{
    margin-top:0 !important;
    margin-bottom:14px !important;
  }

  .entrepreneur-copy h2{
    margin-top:0 !important;
    margin-bottom:12px !important;
  }

  .entrepreneur-copy > p{
    margin-top:8px !important;
    margin-bottom:14px !important;
  }

  .entrepreneur-benefits{
    gap:10px !important;
    margin-bottom:14px !important;
  }
}

/* Pantallas de poca altura: todavía más arriba y más compacto */
@media(min-width:901px) and (max-height:860px){
  .entrepreneur-copy{
    padding-top:42px !important;
    padding-bottom:24px !important;
  }

  .entrepreneur-copy h2{
    font-size:clamp(46px,4.6vw,70px) !important;
    line-height:.86 !important;
  }

  .entrepreneur-copy > p{
    font-size:16px !important;
    line-height:1.5 !important;
  }

  .entrepreneur-benefits{
    gap:8px !important;
  }
}

/* En alturas todavía menores, colocarlo casi arriba del panel */
@media(min-width:901px) and (max-height:740px){
  .entrepreneur-copy{
    padding-top:28px !important;
  }

  .entrepreneur-kicker{
    margin-bottom:10px !important;
  }

  .entrepreneur-copy h2{
    font-size:clamp(42px,4.2vw,62px) !important;
    margin-bottom:8px !important;
  }

  .entrepreneur-copy > p{
    margin:6px 0 10px !important;
  }

  .entrepreneur-benefits{
    margin-bottom:10px !important;
  }
}


/* === V8.6 · PARA EMPRENDER — ESPACIADO PREMIUM Y RESPIRACIÓN REAL === */

/* Mantener la sección a la altura útil del navegador sin aplastar el contenido */
@media(min-width:901px){
  .entrepreneur-fit{
    min-height:calc(100svh - var(--site-bars-h,150px)) !important;
    height:auto !important;
    align-items:stretch !important;
  }

  .entrepreneur-visual{
    min-height:calc(100svh - var(--site-bars-h,150px)) !important;
    height:auto !important;
  }

  .entrepreneur-copy{
    min-height:calc(100svh - var(--site-bars-h,150px)) !important;
    height:auto !important;

    /* Aquí está el cambio principal:
       espacio superior visible + contenido cómodo + aire inferior */
    padding:
      clamp(70px,9vh,110px)
      clamp(42px,5vw,82px)
      clamp(58px,7vh,90px)
      !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    transform:none !important;
  }

  .entrepreneur-kicker{
    margin:0 0 18px 0 !important;
  }

  .entrepreneur-copy h2{
    margin:0 0 22px 0 !important;
    max-width:680px !important;
    font-size:clamp(54px,5vw,82px) !important;
    line-height:.9 !important;
  }

  .entrepreneur-copy > p{
    max-width:600px !important;
    margin:0 0 24px 0 !important;
    font-size:17px !important;
    line-height:1.72 !important;
  }

  .entrepreneur-benefits{
    gap:14px !important;
    margin:0 0 26px 0 !important;
  }

  .entrepreneur-benefits > div{
    min-height:42px;
  }

  .entrepreneur-btn{
    margin-top:2px !important;
  }
}

/* Pantallas con poca altura:
   conserva aire arriba, pero compacta suavemente sin cortar nada */
@media(min-width:901px) and (max-height:850px){
  .entrepreneur-copy{
    padding-top:52px !important;
    padding-bottom:42px !important;
  }

  .entrepreneur-kicker{
    margin-bottom:14px !important;
  }

  .entrepreneur-copy h2{
    font-size:clamp(48px,4.5vw,70px) !important;
    margin-bottom:16px !important;
  }

  .entrepreneur-copy > p{
    margin-bottom:18px !important;
    line-height:1.58 !important;
  }

  .entrepreneur-benefits{
    gap:10px !important;
    margin-bottom:20px !important;
  }
}

/* Alturas muy reducidas:
   no pegamos el contenido arriba; dejamos una franja visual limpia */
@media(min-width:901px) and (max-height:720px){
  .entrepreneur-copy{
    padding-top:40px !important;
    padding-bottom:30px !important;
  }

  .entrepreneur-copy h2{
    font-size:clamp(44px,4.15vw,62px) !important;
    margin-bottom:12px !important;
  }

  .entrepreneur-copy > p{
    font-size:15.5px !important;
    line-height:1.48 !important;
    margin-bottom:14px !important;
  }

  .entrepreneur-benefits{
    gap:8px !important;
    margin-bottom:14px !important;
  }

  .entrepreneur-benefits > div{
    min-height:36px;
  }

  .entrepreneur-btn{
    min-height:48px !important;
  }
}

/* Tablet y móvil: que la composición respire y no se corte */
@media(max-width:900px){
  .entrepreneur-fit{
    min-height:0 !important;
    height:auto !important;
  }

  .entrepreneur-visual{
    min-height:460px !important;
    height:auto !important;
  }

  .entrepreneur-copy{
    min-height:0 !important;
    padding:52px 24px 58px !important;
    transform:none !important;
  }
}

@media(max-width:640px){
  .entrepreneur-copy{
    padding:44px 18px 50px !important;
  }

  .entrepreneur-copy h2{
    margin-bottom:16px !important;
  }

  .entrepreneur-copy > p{
    margin-bottom:20px !important;
  }

  .entrepreneur-benefits{
    margin-bottom:22px !important;
  }
}


/* =========================================================
   V8.7 · SISTEMA GLOBAL DE AJUSTE RESPONSIVO
   Objetivo: TODAS las secciones caben mejor en pantalla,
   sin desperdiciar espacio, sin títulos gigantes y sin recortes.
   ========================================================= */

:root{
  --gutter-x: clamp(16px, 4vw, 64px);
  --section-y: clamp(34px, 5vh, 68px);
  --title-xl: clamp(44px, 4.8vw, 76px);
  --title-lg: clamp(38px, 4vw, 64px);
  --title-md: clamp(32px, 3.2vw, 52px);
  --body-lg: clamp(15px, 1.05vw, 17px);
}

html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

main{
  width:100%;
  max-width:100vw;
  overflow-x:hidden;
}

main > section{
  width:100%;
  max-width:100vw;
  box-sizing:border-box;
  overflow:hidden;
  margin:0 !important;
}

main > section > *{
  min-width:0;
  max-width:100%;
}

img,svg,video{
  max-width:100%;
}

/* ---------- TITULARES GLOBALES ---------- */
.hero-v7 h1,
.pink-about h2,
.collections-fit-head h2,
.entrepreneur-copy h2,
.visit h2,
.final-cta h2{
  font-size:var(--title-xl) !important;
  line-height:.9 !important;
  letter-spacing:-.035em !important;
}

.experience h3,
.collection-copy h3,
.visit h3{
  font-size:var(--title-md) !important;
  line-height:1 !important;
}

.hero-v7-lead,
.pink-about-lead,
.collections-fit-head p,
.entrepreneur-copy > p,
.visit p{
  font-size:var(--body-lg) !important;
  line-height:1.62 !important;
}

/* ---------- PADDINGS GLOBALES: menos aire desperdiciado ---------- */
.pink-about-copy,
.entrepreneur-copy,
.visit,
.experience,
.collections-fit,
.final-cta{
  padding-top:var(--section-y) !important;
  padding-bottom:var(--section-y) !important;
}

.pink-about-copy,
.entrepreneur-copy{
  padding-left:var(--gutter-x) !important;
  padding-right:var(--gutter-x) !important;
}

.collections-fit,
.visit,
.experience,
.final-cta{
  padding-left:var(--gutter-x) !important;
  padding-right:var(--gutter-x) !important;
}

/* ---------- HERO ---------- */
.hero-v7{
  width:100%;
  max-width:100vw;
  min-height:0 !important;
  height:calc(100svh - var(--site-bars-h,150px)) !important;
  max-height:860px !important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr) !important;
}

.hero-v7-visual,
.hero-v7-copy{
  min-width:0;
  min-height:0;
  height:100%;
}

.hero-v7-copy{
  padding:
    clamp(24px,3.5vh,44px)
    clamp(24px,4vw,64px)
    !important;
  justify-content:center !important;
}

.hero-v7-kicker{
  margin-bottom:10px !important;
}

.hero-v7 h1{
  margin:0 !important;
  max-width:650px !important;
}

.hero-v7-lead{
  margin:14px 0 18px !important;
  max-width:570px !important;
}

.hero-v7-actions{
  gap:10px !important;
}

.hero-v7-btn{
  min-height:48px !important;
  padding:0 18px !important;
}

.hero-v7-bottom{
  margin-top:12px !important;
}

/* ---------- PINK STORE ---------- */
.pink-about{
  display:grid !important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;
  min-height:0 !important;
}

.pink-about-copy{
  justify-content:center !important;
}

.pink-about h2{
  max-width:700px !important;
}

.pink-about-lead{
  margin:18px 0 !important;
}

.pink-about-tags{
  margin-bottom:18px !important;
}

.pink-about-visual{
  min-height:520px !important;
  height:min(68vh,680px) !important;
}

/* ---------- BLOQUE PARA TI / PARA VENDER ---------- */
.experience{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  gap:18px !important;
  align-items:stretch !important;
}

.experience-card{
  padding:28px 30px !important;
}

.experience-card h3{
  margin:10px 0 16px !important;
}

/* ---------- COLECCIONES ---------- */
.collections-fit{
  min-height:0 !important;
}

.collections-fit-head{
  grid-template-columns:minmax(0,1fr) minmax(0,.8fr) !important;
  gap:clamp(24px,4vw,64px) !important;
  margin-bottom:28px !important;
}

.collections-fit-grid{
  width:100%;
  max-width:1480px;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,.85fr) !important;
  grid-template-rows:minmax(220px,29vh) minmax(220px,29vh) !important;
  gap:12px !important;
}

.collection-copy{
  left:20px !important;
  right:20px !important;
  bottom:18px !important;
}

.collection-copy h3{
  margin:4px 0 8px !important;
}

/* ---------- PARA EMPRENDER ---------- */
.entrepreneur-fit{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
  min-height:0 !important;
  height:auto !important;
}

.entrepreneur-visual{
  min-height:520px !important;
  height:min(72vh,700px) !important;
}

.entrepreneur-copy{
  min-height:0 !important;
  height:auto !important;
  justify-content:center !important;
  padding:
    clamp(38px,5vh,58px)
    clamp(30px,4.5vw,70px)
    !important;
}

.entrepreneur-kicker{
  margin-bottom:12px !important;
}

.entrepreneur-copy h2{
  margin:0 0 14px !important;
}

.entrepreneur-copy > p{
  margin:0 0 16px !important;
  max-width:560px !important;
}

.entrepreneur-benefits{
  gap:8px !important;
  margin:0 0 18px !important;
}

.entrepreneur-benefits > div{
  min-height:36px !important;
}

.entrepreneur-btn{
  min-height:48px !important;
}

/* ---------- VISÍTANOS ---------- */
.visit{
  display:grid !important;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) !important;
  gap:clamp(28px,5vw,70px) !important;
  align-items:center !important;
}

.visit-intro,
.visit-info{
  min-width:0;
}

.info-row{
  padding-top:18px !important;
  padding-bottom:18px !important;
}

.social-row{
  gap:10px !important;
}

/* ---------- CTA FINAL ---------- */
.final-cta{
  min-height:0 !important;
  padding-top:44px !important;
  padding-bottom:44px !important;
}

.final-cta h2{
  margin:8px 0 18px !important;
}

/* =========================================================
   ALTURAS BAJAS DE ESCRITORIO
   ========================================================= */
@media(min-width:901px) and (max-height:820px){
  :root{
    --section-y:32px;
    --title-xl:clamp(40px,4.1vw,64px);
    --title-lg:clamp(36px,3.6vw,56px);
  }

  .hero-v7 h1{
    font-size:clamp(42px,4.3vw,66px) !important;
  }

  .hero-v7-lead{
    margin:10px 0 14px !important;
    line-height:1.48 !important;
  }

  .hero-v7-bottom{
    display:none !important;
  }

  .pink-about-visual,
  .entrepreneur-visual{
    min-height:460px !important;
    height:min(68vh,590px) !important;
  }

  .collections-fit-grid{
    grid-template-rows:minmax(190px,26vh) minmax(190px,26vh) !important;
  }

  .entrepreneur-copy{
    padding-top:30px !important;
    padding-bottom:30px !important;
  }

  .entrepreneur-benefits{
    gap:6px !important;
  }
}

/* =========================================================
   TABLET
   ========================================================= */
@media(max-width:1100px){
  .pink-about,
  .entrepreneur-fit,
  .visit{
    grid-template-columns:minmax(0,1fr) !important;
  }

  .pink-about-visual,
  .entrepreneur-visual{
    height:520px !important;
    min-height:0 !important;
  }

  .collections-fit-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:auto !important;
  }

  .collection-main{
    grid-column:1 / 3 !important;
    grid-row:auto !important;
    height:430px !important;
  }

  .collection-tile,
  .collection-quote{
    min-height:280px !important;
  }

  .experience{
    grid-template-columns:minmax(0,1fr) !important;
  }

  .experience-or{
    display:none !important;
  }
}

/* =========================================================
   MÓVIL
   ========================================================= */
@media(max-width:700px){
  :root{
    --gutter-x:16px;
    --section-y:36px;
    --title-xl:clamp(42px,12vw,58px);
    --title-md:clamp(30px,9vw,42px);
  }

  .hero-v7{
    height:auto !important;
    max-height:none !important;
    grid-template-columns:minmax(0,1fr) !important;
  }

  .hero-v7-visual{
    height:50svh !important;
    min-height:390px !important;
  }

  .hero-v7-copy{
    padding:34px 18px 40px !important;
  }

  .hero-v7-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
  }

  .hero-v7-btn{
    width:100% !important;
    min-width:0 !important;
  }

  .pink-about-visual{
    height:560px !important;
  }

  .collections-fit-head{
    grid-template-columns:minmax(0,1fr) !important;
    gap:18px !important;
  }

  .collections-fit-grid{
    grid-template-columns:minmax(0,1fr) !important;
  }

  .collection-main,
  .collection-tile,
  .collection-quote{
    grid-column:1 !important;
    width:100% !important;
    min-height:300px !important;
    height:auto !important;
  }

  .collection-main{
    min-height:430px !important;
  }

  .entrepreneur-visual{
    height:430px !important;
  }

  .entrepreneur-copy{
    padding:40px 18px 46px !important;
  }

  .visit{
    gap:26px !important;
  }

  .final-cta{
    padding-top:36px !important;
    padding-bottom:36px !important;
  }
}

/* MUY PEQUEÑO */
@media(max-width:390px){
  :root{
    --gutter-x:12px;
    --title-xl:40px;
  }

  .hero-v7-copy,
  .pink-about-copy,
  .entrepreneur-copy{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .pink-about-visual{
    height:500px !important;
  }

  .collection-main{
    min-height:390px !important;
  }

  .collection-tile{
    min-height:280px !important;
  }
}


/* =========================================================
   V8.8 · SECCIONES LIMITADAS AL ALTO REAL DEL NAVEGADOR
   En escritorio ninguna sección principal crece más que
   el viewport útil. Se aprovecha el espacio sin dejar huecos.
   ========================================================= */

@media(min-width:901px){
  :root{
    --section-screen: calc(100svh - var(--site-bars-h,150px));
  }

  /* Secciones principales: exactamente el alto útil */
  .hero-v7,
  .pink-about,
  .collections-fit,
  .entrepreneur-fit,
  .visit{
    height:var(--section-screen) !important;
    min-height:0 !important;
    max-height:var(--section-screen) !important;
    overflow:hidden !important;
  }

  /* ---------- HERO ---------- */
  .hero-v7{
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr) !important;
  }
  .hero-v7-visual,
  .hero-v7-copy{
    height:100% !important;
    min-height:0 !important;
  }

  /* ---------- PINK STORE ---------- */
  .pink-about{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;
    align-items:stretch !important;
  }
  .pink-about-copy,
  .pink-about-visual{
    height:100% !important;
    min-height:0 !important;
  }
  .pink-about-copy{
    justify-content:center !important;
    padding-top:clamp(28px,4vh,52px) !important;
    padding-bottom:clamp(28px,4vh,52px) !important;
  }
  .pink-about-visual{
    max-height:none !important;
  }

  /* ---------- COLECCIONES ---------- */
  .collections-fit{
    display:flex !important;
    flex-direction:column !important;
    padding-top:clamp(28px,4vh,48px) !important;
    padding-bottom:clamp(28px,4vh,48px) !important;
  }
  .collections-fit-head{
    flex:0 0 auto !important;
    margin-bottom:18px !important;
  }
  .collections-fit-grid{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;
  }
  .collection-main,
  .collection-tile,
  .collection-quote{
    min-height:0 !important;
    height:auto !important;
  }

  /* ---------- PARA EMPRENDER ---------- */
  .entrepreneur-fit{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
    align-items:stretch !important;
  }
  .entrepreneur-visual,
  .entrepreneur-copy{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
  }
  .entrepreneur-visual img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  .entrepreneur-copy{
    justify-content:center !important;
    padding:
      clamp(24px,3.5vh,44px)
      clamp(30px,4.5vw,70px)
      !important;
  }
  .entrepreneur-kicker{
    margin-bottom:10px !important;
  }
  .entrepreneur-copy h2{
    font-size:clamp(44px,4.2vw,68px) !important;
    line-height:.87 !important;
    margin-bottom:12px !important;
  }
  .entrepreneur-copy > p{
    font-size:clamp(14px,1vw,16px) !important;
    line-height:1.5 !important;
    margin-bottom:12px !important;
  }
  .entrepreneur-benefits{
    gap:6px !important;
    margin-bottom:14px !important;
  }
  .entrepreneur-benefits > div{
    min-height:34px !important;
  }
  .entrepreneur-btn{
    min-height:46px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  /* ---------- VISÍTANOS ---------- */
  .visit{
    align-items:center !important;
    padding-top:clamp(28px,4vh,48px) !important;
    padding-bottom:clamp(28px,4vh,48px) !important;
  }
  .visit-intro,
  .visit-info{
    min-height:0 !important;
    max-height:100% !important;
  }

  /* El bloque intermedio no puede superar la pantalla */
  .experience{
    max-height:var(--section-screen) !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding-top:clamp(26px,4vh,44px) !important;
    padding-bottom:clamp(26px,4vh,44px) !important;
  }

  /* CTA final compacto: jamás un bloque enorme con aire vacío */
  .final-cta{
    min-height:0 !important;
    max-height:70svh !important;
    padding-top:36px !important;
    padding-bottom:36px !important;
  }
}

/* Escritorios bajos: compactar todavía más sin agrandar la sección */
@media(min-width:901px) and (max-height:800px){
  .pink-about h2,
  .collections-fit-head h2,
  .entrepreneur-copy h2,
  .visit h2{
    font-size:clamp(40px,3.8vw,60px) !important;
  }

  .pink-about-lead,
  .collections-fit-head p,
  .entrepreneur-copy > p,
  .visit p{
    font-size:15px !important;
    line-height:1.45 !important;
  }

  .pink-about-copy,
  .entrepreneur-copy,
  .visit{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  .collections-fit{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  .collections-fit-head{
    margin-bottom:12px !important;
  }

  .entrepreneur-benefits{
    gap:4px !important;
    margin-bottom:10px !important;
  }

  .entrepreneur-benefits > div{
    min-height:30px !important;
  }
}

/* Móvil/tablet: contenido en flujo normal para no recortar información */
@media(max-width:900px){
  .hero-v7,
  .pink-about,
  .collections-fit,
  .entrepreneur-fit,
  .visit,
  .experience,
  .final-cta{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
  }

  .pink-about-visual,
  .entrepreneur-visual{
    height:auto !important;
    min-height:420px !important;
    max-height:none !important;
  }

  .entrepreneur-visual img{
    min-height:420px !important;
    object-fit:cover !important;
  }
}


/* === 8.8 USER BASE · SOLO MENÚ MÓVIL === */
@media(max-width:900px){
  #header{
    position:relative !important;
    z-index:10020 !important;
    overflow:visible !important;
  }

  .header-actions{display:none !important;}

  .menu{
    display:flex !important;
    position:absolute !important;
    right:16px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:10030 !important;
    width:44px !important;
    height:44px !important;
    border-radius:50% !important;
    border:1px solid rgba(75,13,37,.14) !important;
    background:#fffaf7 !important;
    box-shadow:0 8px 22px rgba(52,13,30,.10) !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    padding:0 !important;
    cursor:pointer !important;
  }

  .menu span{
    width:18px !important;
    height:1.5px !important;
    background:#4b0d25 !important;
    border-radius:999px !important;
    transition:transform .3s ease,opacity .25s ease,width .25s ease !important;
  }

  .menu[aria-expanded="true"] span:nth-child(1){
    transform:translateY(6.5px) rotate(45deg) !important;
  }
  .menu[aria-expanded="true"] span:nth-child(2){
    opacity:0 !important;
    width:0 !important;
  }
  .menu[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-6.5px) rotate(-45deg) !important;
  }

  #header nav{
    position:absolute !important;
    top:calc(100% - 1px) !important;
    right:14px !important;
    left:auto !important;
    width:min(340px,calc(100vw - 28px)) !important;
    height:auto !important;
    max-height:min(70vh,460px) !important;
    padding:10px 18px 14px !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    background:rgba(255,250,247,.985) !important;
    border:1px solid rgba(75,13,37,.10) !important;
    border-radius:0 0 18px 18px !important;
    box-shadow:0 18px 42px rgba(48,13,27,.16) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    transform:translateY(-8px) scale(.98) !important;
    transform-origin:top right !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    overflow-y:auto !important;
    z-index:10025 !important;
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease !important;
  }

  #header nav.open{
    right:14px !important;
    transform:translateY(0) scale(1) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #header nav a{
    width:100% !important;
    padding:15px 4px !important;
    border-bottom:1px solid rgba(75,13,37,.08) !important;
    font-size:12px !important;
    letter-spacing:.14em !important;
    text-align:left !important;
  }

  #header nav a:last-child{border-bottom:none !important;}
  .mobile-nav-overlay{display:none !important;}
}

@media(max-width:640px){
  .menu{
    right:12px !important;
    width:42px !important;
    height:42px !important;
  }
  #header nav,
  #header nav.open{
    right:10px !important;
    width:min(310px,calc(100vw - 20px)) !important;
  }
}


/* =========================================================
   V8.8 · MENU + REDES RESPONSIVE
   Sólo corrige navegación móvil e iconos sociales.
   ========================================================= */

@media(max-width:900px){
  #header{
    position:relative !important;
    min-height:88px !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    overflow:visible !important;
  }

  .brand{
    position:relative !important;
    z-index:10031 !important;
    flex:0 0 auto !important;
  }

  .brand-seal{
    width:76px !important;
    height:76px !important;
  }

  /* Redes visibles y compactas en móvil */
  .header-actions{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    margin-left:auto !important;
    margin-right:58px !important;
    position:relative !important;
    z-index:10028 !important;
  }

  .header-actions .mini-social{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#fff !important;
    border:1px solid rgba(75,13,37,.12) !important;
    box-shadow:0 5px 14px rgba(52,13,30,.06) !important;
  }

  .header-actions .mini-social svg{
    width:15px !important;
    height:15px !important;
  }

  /* Botón hamburguesa: 3 líneas perfectamente visibles */
  .menu{
    display:flex !important;
    position:absolute !important;
    right:14px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:10040 !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid rgba(75,13,37,.16) !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 7px 18px rgba(52,13,30,.09) !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    cursor:pointer !important;
  }

  .menu span{
    display:block !important;
    position:static !important;
    width:18px !important;
    min-width:18px !important;
    height:2px !important;
    min-height:2px !important;
    margin:0 !important;
    padding:0 !important;
    background:#4b0d25 !important;
    border:none !important;
    border-radius:999px !important;
    opacity:1 !important;
    transform:none !important;
    transition:transform .28s ease,opacity .22s ease !important;
  }

  .menu[aria-expanded="true"] span:nth-child(1){
    transform:translateY(7px) rotate(45deg) !important;
  }
  .menu[aria-expanded="true"] span:nth-child(2){
    opacity:0 !important;
  }
  .menu[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg) !important;
  }

  /* Dropdown compacto debajo del header */
  #header nav{
    position:absolute !important;
    top:calc(100% - 1px) !important;
    right:12px !important;
    left:auto !important;
    width:min(330px,calc(100vw - 24px)) !important;
    height:auto !important;
    max-height:65vh !important;
    padding:8px 18px 12px !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    background:rgba(255,250,247,.99) !important;
    border:1px solid rgba(75,13,37,.10) !important;
    border-radius:0 0 16px 16px !important;
    box-shadow:0 18px 40px rgba(48,13,27,.16) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-6px) scale(.985) !important;
    transform-origin:top right !important;
    overflow-y:auto !important;
    z-index:10035 !important;
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease !important;
  }

  #header nav.open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
  }

  #header nav a{
    width:100% !important;
    padding:14px 4px !important;
    border-bottom:1px solid rgba(75,13,37,.08) !important;
    text-align:left !important;
    font-size:11px !important;
    letter-spacing:.14em !important;
  }

  #header nav a:last-child{
    border-bottom:none !important;
  }

  .mobile-nav-overlay{
    display:none !important;
  }
}

@media(max-width:640px){
  #header{
    min-height:80px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .brand-seal{
    width:68px !important;
    height:68px !important;
  }

  .header-actions{
    gap:5px !important;
    margin-right:52px !important;
  }

  .header-actions .mini-social{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
  }

  .header-actions .mini-social svg{
    width:13px !important;
    height:13px !important;
  }

  .menu{
    right:10px !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }

  #header nav{
    right:8px !important;
    width:min(300px,calc(100vw - 16px)) !important;
  }
}

@media(max-width:430px){
  /* En móviles muy angostos ocultamos TikTok para que no se encime */
  .header-actions .social-tiktok{
    display:none !important;
  }
}


/* =========================================================
   HERO EDITORIAL — V8.8
   SIN LOGO / SIN NOMBRE DE MARCA / SIN COLLAGE
   ========================================================= */
.editorial-hero{
  --wine:#4b0d25;
  --pink:#ee4f93;
  --ink:#21181c;
  --ivory:#fbf6f2;
  position:relative;
  width:100%;
  max-width:100vw;
  height:calc(100dvh - var(--editorial-bars,150px));
  min-height:650px;
  max-height:900px;
  display:grid;
  grid-template-columns:minmax(0,58%) minmax(0,42%);
  overflow:hidden;
  background:var(--ivory);
  isolation:isolate;
}
.editorial-hero *{box-sizing:border-box;min-width:0}

.editorial-hero__image{
  position:relative;
  height:100%;
  overflow:hidden;
  background:#d8cbc4;
}
.editorial-hero__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 35%;
  display:block;
  transform:scale(1.015);
  animation:editorialCamera 16s cubic-bezier(.2,.65,.3,1) infinite alternate;
}
.editorial-hero__shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(24,8,15,.06),transparent 45%),
    linear-gradient(0deg,rgba(35,8,19,.28),transparent 38%);
  pointer-events:none;
}
.editorial-hero__image::after{
  content:"";
  position:absolute;
  inset:22px;
  border:1px solid rgba(255,255,255,.38);
  pointer-events:none;
}
.editorial-hero__index{
  position:absolute;
  top:42px;
  left:46px;
  color:#fff;
  font:700 10px/1 "Manrope",sans-serif;
  letter-spacing:.18em;
  z-index:2;
}
.editorial-hero__caption{
  position:absolute;
  left:46px;
  bottom:42px;
  color:#fff;
  font:700 10px/1 "Manrope",sans-serif;
  letter-spacing:.2em;
  z-index:2;
}
.editorial-hero__caption::before{
  content:"";
  display:inline-block;
  width:42px;
  height:1px;
  margin:0 14px 3px 0;
  background:#fff;
}

.editorial-hero__copy{
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(34px,5vh,68px) clamp(42px,5.2vw,92px);
  background:
    radial-gradient(circle at 88% 18%,rgba(238,79,147,.085),transparent 25%),
    linear-gradient(180deg,#fffaf7,#faf2ee);
  z-index:2;
}
.editorial-hero__copy::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:1px;
  height:100%;
  background:rgba(75,13,37,.08);
}
.editorial-hero__eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
  color:#72153d;
  font:700 10px/1 "Manrope",sans-serif;
  letter-spacing:.22em;
  animation:editorialEnter .75s .08s both;
}
.editorial-hero__eyebrow span{
  width:44px;
  height:1px;
  background:var(--pink);
}
.editorial-hero h1{
  margin:0;
  display:flex;
  flex-direction:column;
  color:var(--ink);
  font:500 clamp(70px,6.3vw,112px)/.73 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.055em;
  animation:editorialEnter .85s .16s both;
}
.editorial-hero h1 em{
  color:var(--pink);
  font-weight:400;
  padding-left:.16em;
}
.editorial-hero__copy > p{
  max-width:520px;
  margin:28px 0 26px;
  color:#65565d;
  font:400 clamp(15px,1vw,18px)/1.65 "Manrope",sans-serif;
  animation:editorialEnter .85s .26s both;
}
.editorial-hero__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:24px;
  animation:editorialEnter .85s .36s both;
}
.editorial-hero__cta{
  min-width:220px;
  min-height:52px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  background:linear-gradient(135deg,#6f123d,#a21d5c);
  box-shadow:0 16px 34px rgba(82,13,45,.17);
  font:700 10px/1 "Manrope",sans-serif;
  letter-spacing:.14em;
  transition:transform .3s ease,box-shadow .3s ease;
}
.editorial-hero__cta:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 40px rgba(82,13,45,.23);
}
.editorial-hero__cta svg{
  width:17px;height:17px;
  fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.editorial-hero__textlink{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--wine);
  text-decoration:none;
  font:700 10px/1 "Manrope",sans-serif;
  letter-spacing:.14em;
  border-bottom:1px solid rgba(75,13,37,.24);
  padding-bottom:6px;
}
.editorial-hero__textlink span{
  color:var(--pink);
  transition:transform .25s ease;
}
.editorial-hero__textlink:hover span{transform:translateY(3px)}

.editorial-hero__footer{
  position:absolute;
  left:clamp(42px,5.2vw,92px);
  bottom:34px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#8b747d;
  font:600 9px/1 "Manrope",sans-serif;
  letter-spacing:.16em;
}
.editorial-hero__footer i{
  width:36px;height:1px;background:rgba(75,13,37,.22);
}
.editorial-hero__word{
  position:absolute;
  right:-.02em;
  bottom:-.20em;
  z-index:1;
  color:rgba(75,13,37,.022);
  font:500 clamp(250px,27vw,510px)/.7 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.08em;
  pointer-events:none;
}

/* Pantallas de escritorio con poca altura: entra completo sin cortar */
@media(min-width:901px) and (max-height:820px){
  .editorial-hero{
    min-height:570px;
    max-height:none;
  }
  .editorial-hero__copy{
    padding-top:24px;
    padding-bottom:24px;
  }
  .editorial-hero h1{
    font-size:clamp(58px,5.2vw,82px);
    line-height:.76;
  }
  .editorial-hero__copy > p{
    margin:18px 0 20px;
    line-height:1.5;
  }
  .editorial-hero__footer{bottom:20px}
}

/* Tablet: composición editorial vertical */
@media(max-width:900px){
  .editorial-hero{
    height:auto;
    min-height:0;
    max-height:none;
    grid-template-columns:1fr;
  }
  .editorial-hero__image{
    height:62svh;
    min-height:470px;
    max-height:680px;
  }
  .editorial-hero__copy{
    height:auto;
    min-height:500px;
    padding:54px 26px 82px;
  }
  .editorial-hero h1{
    font-size:clamp(68px,11vw,92px);
  }
  .editorial-hero__footer{
    left:26px;
    bottom:32px;
  }
}

/* Móvil */
@media(max-width:640px){
  .editorial-hero__image{
    height:56svh;
    min-height:420px;
    max-height:560px;
  }
  .editorial-hero__image::after{inset:12px}
  .editorial-hero__index{top:26px;left:26px}
  .editorial-hero__caption{
    left:26px;
    bottom:26px;
    font-size:8px;
  }
  .editorial-hero__copy{
    min-height:520px;
    padding:44px 18px 86px;
  }
  .editorial-hero__eyebrow{
    font-size:9px;
    letter-spacing:.16em;
  }
  .editorial-hero h1{
    font-size:clamp(58px,17vw,76px);
  }
  .editorial-hero__copy > p{
    margin:22px 0;
    font-size:16px;
  }
  .editorial-hero__actions{
    align-items:stretch;
    gap:18px;
    flex-direction:column;
  }
  .editorial-hero__cta{
    width:100%;
    min-width:0;
  }
  .editorial-hero__textlink{align-self:flex-start}
  .editorial-hero__footer{
    left:18px;
    right:18px;
    bottom:30px;
    font-size:8px;
  }
}

@keyframes editorialCamera{
  from{transform:scale(1.015) translate3d(0,0,0)}
  to{transform:scale(1.065) translate3d(-1.2%,.5%,0)}
}
@keyframes editorialEnter{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .editorial-hero__image img,
  .editorial-hero__eyebrow,
  .editorial-hero h1,
  .editorial-hero__copy > p,
  .editorial-hero__actions{
    animation:none!important;
  }
}


/* =========================================================
   AJUSTE DE TRANSICIÓN HERO -> SIGUIENTE SECCIÓN
   Mantiene intacto el diseño del hero.
   ========================================================= */

/* En escritorio el hero ocupa realmente toda el área útil visible.
   La siguiente sección comienza DESPUÉS, no asomándose debajo. */
@media (min-width: 901px){
  .editorial-hero{
    height:calc(100dvh - var(--editorial-bars,150px)) !important;
    min-height:calc(100dvh - var(--editorial-bars,150px)) !important;
    max-height:none !important;
  }

  /* La sección inmediatamente posterior recibe su propio lienzo visual */
  .editorial-hero + section{
    position:relative;
    width:100%;
    max-width:100vw;
    min-height:calc(100dvh - var(--editorial-bars,150px));
    overflow:hidden;
    scroll-margin-top:var(--editorial-bars,150px);
    border-top:clamp(22px,3.2vh,42px) solid #fbf6f2;
  }

  /* Evita que imágenes internas de la sección siguiente sobresalgan
     visualmente hacia el hero. */
  .editorial-hero + section img{
    max-width:100%;
  }
}

/* En pantallas de poca altura no se fuerza un bloque artificialmente enorme:
   sigue cabiendo completo y la siguiente sección queda claramente separada. */
@media (min-width:901px) and (max-height:720px){
  .editorial-hero{
    height:calc(100dvh - var(--editorial-bars,150px)) !important;
    min-height:540px !important;
  }
  .editorial-hero + section{
    min-height:540px;
    border-top-width:24px;
  }
}

/* Tablet/móvil: el hero conserva su composición vertical y la siguiente
   sección arranca limpia, sin quedar pegada a la fotografía. */
@media (max-width:900px){
  .editorial-hero + section{
    position:relative;
    width:100%;
    max-width:100vw;
    overflow:hidden;
    border-top:28px solid #fbf6f2;
    scroll-margin-top:110px;
  }
}

@media (max-width:640px){
  .editorial-hero + section{
    border-top-width:22px;
  }
}


/* =========================================================
   V8.8 · HEADER VINO / SIN TOPBAR / LOGO LIMPIO
   HERO MÁS GRANDE Y CON MÁS AIRE BAJO EL HEADER
   ========================================================= */

/* El topbar ya no existe en HTML, pero se neutraliza cualquier estilo residual */
.noticebar,
.notice-track,
.noticebar-static{
  display:none !important;
}

/* HEADER principal con el color vino del antiguo topbar */
#header,
.top{
  background:linear-gradient(90deg,#3b0b20 0%,#4b0d25 48%,#3b0b20 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 10px 30px rgba(43,8,23,.10) !important;
}

/* Navegación en blanco/champagne para contrastar */
#header nav a,
.top nav a{
  color:#fff7f2 !important;
}
#header nav a:hover,
#header nav a.is-active,
.top nav a:hover,
.top nav a.is-active{
  color:#ff91bd !important;
}
#header nav a::after,
.top nav a::after{
  background:#ff7fb1 !important;
}

/* Logo sin medallón/fondo circular extra.
   Conserva únicamente el propio PNG del logo. */
.brand,
.brand-seal{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  border-radius:0 !important;
}
.brand-seal::before,
.brand-seal::after,
.brand-glow{
  display:none !important;
}
.brand-seal{
  width:clamp(92px,7.4vw,126px) !important;
  height:auto !important;
  aspect-ratio:auto !important;
  overflow:visible !important;
}
.brand-seal img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.18)) !important;
}

/* Redes sociales integradas al header vino */
.header-actions .mini-social{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.header-actions .mini-social:hover{
  background:#fff !important;
  color:#4b0d25 !important;
  border-color:#fff !important;
}

/* Hamburger también coherente con el header vino */
@media(max-width:900px){
  .menu{
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:none !important;
  }
  .menu span{
    background:#fff !important;
  }

  /* Dropdown del menú móvil usa el mismo vino del header */
  #header nav{
    background:linear-gradient(180deg,#4b0d25 0%,#32091b 100%) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 18px 42px rgba(33,7,18,.30) !important;
  }
  #header nav a{
    color:#fff !important;
    border-bottom-color:rgba(255,255,255,.10) !important;
  }
  #header nav a.is-active{
    color:#ff8eb9 !important;
  }
}

/* =========================================================
   HERO EDITORIAL MÁS GRANDE
   Como ya no hay topbar, el hero gana espacio real.
   ========================================================= */
:root{
  --editorial-bars: 118px;
}

/* El hero ocupa TODO el espacio útil bajo el header */
.editorial-hero{
  height:calc(100dvh - var(--editorial-bars)) !important;
  min-height:calc(100dvh - var(--editorial-bars)) !important;
  max-height:none !important;
  grid-template-columns:minmax(0,60%) minmax(0,40%) !important;
}

/* Más aire arriba del título para que no parezca pegado al header */
.editorial-hero__copy{
  justify-content:center !important;
  padding-top:clamp(62px,8vh,104px) !important;
  padding-bottom:clamp(42px,6vh,76px) !important;
}

/* Título ligeramente más grande, pero controlado */
.editorial-hero h1{
  font-size:clamp(74px,6.5vw,116px) !important;
  line-height:.74 !important;
}

/* Imagen protagonista un poco más abierta */
.editorial-hero__image img{
  object-position:center 32% !important;
}

/* Evita que la sección siguiente asome visualmente */
.editorial-hero + section{
  border-top:0 !important;
  margin-top:0 !important;
}

/* Escritorio de poca altura */
@media(min-width:901px) and (max-height:820px){
  :root{
    --editorial-bars: 104px;
  }

  .editorial-hero__copy{
    padding-top:44px !important;
    padding-bottom:30px !important;
  }

  .editorial-hero h1{
    font-size:clamp(60px,5.5vw,88px) !important;
    line-height:.76 !important;
  }

  .editorial-hero__copy > p{
    margin:16px 0 18px !important;
  }
}

/* Tablet */
@media(max-width:900px){
  :root{
    --editorial-bars: 84px;
  }

  #header,
  .top{
    min-height:84px !important;
  }

  .brand-seal{
    width:76px !important;
  }

  .editorial-hero{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    grid-template-columns:1fr !important;
  }

  .editorial-hero__copy{
    padding-top:56px !important;
  }
}

/* Móvil */
@media(max-width:640px){
  :root{
    --editorial-bars: 76px;
  }

  #header,
  .top{
    min-height:76px !important;
  }

  .brand-seal{
    width:68px !important;
  }

  .editorial-hero__copy{
    padding-top:48px !important;
  }

  .editorial-hero h1{
    font-size:clamp(58px,17vw,78px) !important;
  }
}


/* =========================================================
   CORRECCIÓN: eliminar hueco superior sobre el header
   ========================================================= */
html, body{
  margin-top:0 !important;
  padding-top:0 !important;
}

#header,
.top{
  margin-top:0 !important;
  top:0 !important;
}

/* Neutraliza cualquier reserva superior que pertenecía al topbar eliminado */
body{
  --notice-h:0px !important;
}

#header{
  transform:none !important;
}

/* Si el header era sticky/fixed, debe arrancar exactamente en el borde superior */
@media(min-width:0px){
  #header,
  .top{
    top:0 !important;
  }
}


#header,.top{min-height:108px!important;height:108px!important;padding:0 clamp(36px,5vw,84px)!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;background:linear-gradient(90deg,#3a091f 0%,#4b0d25 50%,#3a091f 100%)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;position:relative!important;top:0!important;margin:0!important;z-index:1000!important}
.brand-seal{width:110px!important;height:88px!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.brand-seal::before,.brand-seal::after,.brand-glow{display:none!important}.brand-seal img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}
#header nav{justify-self:center!important;display:flex!important;align-items:center!important;gap:clamp(28px,3vw,52px)!important}#header nav a{color:#fff!important;font:700 11px/1 "Manrope",sans-serif!important;letter-spacing:.15em!important}#header nav a:hover,#header nav a.is-active{color:#ff76ad!important}
.header-actions{justify-self:end!important;display:flex!important;gap:12px!important}.header-actions .mini-social{width:42px!important;height:42px!important;border-radius:50%!important;background:transparent!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:none!important}

.approved-hero{--header-h:108px;width:100%;height:calc(100dvh - var(--header-h));min-height:620px;display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);overflow:hidden;background:#fff8f4}.approved-hero *{box-sizing:border-box;min-width:0}
.approved-hero__media{position:relative;height:100%;overflow:hidden;background:#d8c9c0}.approved-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block;animation:approvedHeroZoom 16s ease-in-out infinite alternate}.approved-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 66%,rgba(40,9,22,.14));pointer-events:none}.approved-hero__frame{position:absolute;inset:18px;border:1px solid rgba(255,255,255,.38);pointer-events:none}
.approved-hero__copy{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vh,82px) clamp(50px,6vw,102px);background:radial-gradient(circle at 88% 20%,rgba(239,79,147,.10),transparent 26%),linear-gradient(180deg,#fffaf7,#faf2ee)}
.approved-hero__eyebrow{display:flex;align-items:center;gap:16px;color:#d92c76;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.20em;margin-bottom:24px}.approved-hero__eyebrow span{width:44px;height:1px;background:#e9498c}
.approved-hero h1{margin:0;display:flex;flex-direction:column;color:#25191e;font:500 clamp(72px,6.7vw,118px)/.74 "Cormorant Garamond",Georgia,serif;letter-spacing:-.055em}.approved-hero h1 em{color:#ef4f93;font-weight:400;padding-left:.12em}
.approved-hero__copy>p{max-width:560px;margin:28px 0 26px;color:#66575e;font:400 17px/1.65 "Manrope",sans-serif}.approved-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px}
.approved-hero__primary{min-width:235px;min-height:54px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;text-decoration:none;color:#fff;background:linear-gradient(135deg,#6d123c,#9f1c59);font:700 10px/1 "Manrope",sans-serif;letter-spacing:.13em;box-shadow:0 14px 28px rgba(84,16,47,.16)}.approved-hero__primary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.approved-hero__secondary{color:#5a1734;text-decoration:none;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.13em;padding-bottom:6px;border-bottom:1px solid rgba(90,23,52,.22)}.approved-hero__secondary span{color:#ee4f93;margin-left:8px}
.approved-hero__meta{position:absolute;left:clamp(50px,6vw,102px);bottom:36px;display:flex;align-items:center;gap:14px;color:#8b747d;font:600 9px/1 "Manrope",sans-serif;letter-spacing:.15em}.approved-hero__meta i{width:38px;height:1px;background:rgba(75,13,37,.22)}

.approved-collections{padding:34px clamp(24px,4vw,64px) 42px;background:#fffaf7}.approved-collections__head{text-align:center;margin-bottom:24px}.approved-collections__head>span{display:block;color:#ef4f93;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.18em;margin-bottom:10px}.approved-collections__head h2{margin:0;color:#25191e;font:500 clamp(44px,4vw,68px)/.9 "Cormorant Garamond",Georgia,serif}
.approved-collections__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.approved-collection-card{position:relative;min-height:200px;border-radius:6px;overflow:hidden;text-decoration:none;background:#ddd;box-shadow:0 8px 20px rgba(64,18,38,.08);transition:transform .38s ease,box-shadow .38s ease}.approved-collection-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s ease}.approved-collection-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(40,8,22,.78))}.approved-collection-card__label{position:absolute;left:16px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;color:#fff}.approved-collection-card__label strong{font:700 14px/1 "Manrope",sans-serif}.approved-collection-card__label b{font-size:18px;transition:transform .3s ease}
@media(hover:hover){.approved-collection-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(64,18,38,.16)}.approved-collection-card:hover img{transform:scale(1.06);filter:saturate(1.05) contrast(1.03)}.approved-collection-card:hover .approved-collection-card__label b{transform:translateX(5px)}}
@media(max-width:1100px){.approved-collections__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){#header,.top{min-height:82px!important;height:82px!important;padding:0 14px!important}.brand-seal{width:72px!important;height:62px!important}.header-actions{display:flex!important;margin-right:52px!important}.header-actions .mini-social{width:32px!important;height:32px!important}.approved-hero{height:auto;min-height:0;grid-template-columns:1fr}.approved-hero__media{height:58svh;min-height:440px}.approved-hero__copy{min-height:520px;padding:50px 24px 86px}.approved-hero h1{font-size:clamp(64px,11vw,86px)}.approved-hero__meta{left:24px;bottom:30px}}
@media(max-width:640px){.header-actions .social-tiktok{display:none!important}.approved-hero__media{height:54svh;min-height:400px}.approved-hero__copy{min-height:500px;padding:42px 18px 82px}.approved-hero h1{font-size:clamp(56px,16vw,74px)}.approved-hero__copy>p{font-size:16px}.approved-hero__actions{flex-direction:column;align-items:stretch;gap:18px}.approved-hero__primary{width:100%;min-width:0}.approved-hero__secondary{align-self:flex-start}.approved-collections{padding:28px 14px 36px}.approved-collections__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.approved-collection-card{min-height:190px}}
@media(max-width:380px){.approved-collections__grid{grid-template-columns:1fr}}
@keyframes approvedHeroZoom{from{transform:scale(1)}to{transform:scale(1.035)}}


/* =========================================================
   COLECCIONES COLLAGE EDITORIAL — SOLO ESTA SECCIÓN
   ========================================================= */
.collage-collections{
  --wine:#4b0d25;
  --wine-deep:#2f0919;
  --pink:#ef4f93;
  --cream:#fffaf7;
  --ink:#25191e;
  position:relative;
  padding:clamp(56px,6vw,92px) clamp(18px,3.4vw,54px) clamp(58px,6vw,88px);
  background:
    radial-gradient(circle at 8% 92%,rgba(239,79,147,.06),transparent 22%),
    radial-gradient(circle at 92% 96%,rgba(239,79,147,.06),transparent 24%),
    linear-gradient(180deg,#fffaf7 0%,#fff7f3 100%);
  overflow:hidden;
}

.collage-collections::before,
.collage-collections::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border:1px solid rgba(239,79,147,.06);
  border-radius:50%;
  pointer-events:none;
}
.collage-collections::before{left:-140px;bottom:-150px}
.collage-collections::after{right:-150px;bottom:-160px}

.collage-collections__head{
  max-width:760px;
  margin:0 auto clamp(34px,4vw,54px);
  text-align:center;
}
.collage-collections__kicker{
  position:relative;
  display:inline-block;
  color:var(--pink);
  font:700 10px/1 "Manrope",sans-serif;
  letter-spacing:.19em;
  margin-bottom:12px;
}
.collage-collections__kicker::before,
.collage-collections__kicker::after{
  content:"";
  display:inline-block;
  width:34px;
  height:1px;
  margin:0 12px 3px;
  background:rgba(239,79,147,.55);
}
.collage-collections__head h2{
  margin:0;
  color:var(--ink);
  font:500 clamp(54px,5.4vw,88px)/.88 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.04em;
}
.collage-collections__head p{
  max-width:620px;
  margin:16px auto 0;
  color:#76656d;
  font:400 16px/1.7 "Manrope",sans-serif;
}

.collage-collections__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:minmax(250px,31vh) minmax(250px,31vh);
  gap:6px;
  max-width:1500px;
  margin:0 auto;
}

.collage-card{
  position:relative;
  overflow:hidden;
  margin:0;
  min-width:0;
  background:#d7c1b9;
  isolation:isolate;
  border-radius:4px;
  transform:translateZ(0);
  transition:
    transform .5s cubic-bezier(.2,.7,.2,1),
    box-shadow .5s ease;
}
.collage-card--perfumes{grid-row:1/3}
.collage-card--accessories{grid-column:2;grid-row:1}
.collage-card--jewelry{grid-column:3;grid-row:1}
.collage-card--clothes{grid-column:2;grid-row:2}
.collage-card--beauty{grid-column:3;grid-row:2}
.collage-card--gifts{display:none}

.collage-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.01);
  transition:
    transform .85s cubic-bezier(.2,.7,.2,1),
    filter .65s ease;
  will-change:transform;
}

.collage-card__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(27,5,14,.03) 30%,rgba(31,6,16,.76) 100%);
  transition:background .45s ease;
}

.collage-card::after{
  content:"";
  position:absolute;
  inset:-35% -20%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(
    115deg,
    transparent 35%,
    rgba(255,255,255,.08) 43%,
    rgba(255,255,255,.28) 50%,
    rgba(255,255,255,.08) 57%,
    transparent 65%
  );
  transform:translateX(-72%);
  transition:transform .95s cubic-bezier(.2,.7,.2,1);
  mix-blend-mode:screen;
}

.collage-card__copy{
  position:absolute;
  z-index:3;
  left:clamp(20px,2vw,34px);
  right:clamp(20px,2vw,34px);
  bottom:clamp(22px,2vw,34px);
  color:#fff;
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.collage-card__copy h3{
  margin:0 0 10px;
  font:500 clamp(32px,2.6vw,46px)/.95 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.02em;
}
.collage-card__copy p{
  margin:0 0 14px;
  max-width:260px;
  color:rgba(255,255,255,.88);
  font:400 14px/1.55 "Manrope",sans-serif;
}
.collage-card__line{
  display:block;
  width:42px;
  height:1px;
  background:#ff78ad;
  transition:width .4s ease;
}

/* Forma editorial irregular */
.collage-card--perfumes{
  clip-path:polygon(0 0,100% 0,92% 100%,0 100%);
}
.collage-card--accessories{
  clip-path:polygon(4% 0,100% 0,100% 94%,0 100%);
}
.collage-card--jewelry{
  clip-path:polygon(0 0,100% 0,100% 100%,4% 94%);
}
.collage-card--clothes{
  clip-path:polygon(0 5%,100% 0,96% 100%,0 100%);
}
.collage-card--beauty{
  clip-path:polygon(4% 0,100% 5%,100% 100%,0 100%);
}

@media(hover:hover) and (pointer:fine){
  .collage-card:hover{
    transform:translateY(-7px);
    box-shadow:0 24px 54px rgba(56,15,31,.18);
    z-index:5;
  }
  .collage-card:hover img{
    transform:scale(1.07);
    filter:saturate(1.07) contrast(1.035);
  }
  .collage-card:hover .collage-card__overlay{
    background:
      linear-gradient(180deg,rgba(27,5,14,.00) 22%,rgba(31,6,16,.82) 100%);
  }
  .collage-card:hover::after{
    transform:translateX(72%);
  }
  .collage-card:hover .collage-card__copy{
    transform:translateY(-6px);
  }
  .collage-card:hover .collage-card__line{
    width:72px;
  }
}

.collage-collections__cta-wrap{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  gap:12px;
  margin-top:clamp(30px,4vw,48px);
}
.collage-collections__ornament{
  color:var(--pink);
  font:500 22px/1 "Cormorant Garamond",Georgia,serif;
  opacity:.85;
}
.collage-collections__cta{
  min-width:min(540px,92vw);
  min-height:58px;
  padding:0 26px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(135deg,#3a091f 0%,#5b0d2d 58%,#6f1339 100%);
  box-shadow:
    0 18px 38px rgba(58,9,31,.18),
    inset 0 1px 0 rgba(255,255,255,.10);
  font:700 11px/1 "Manrope",sans-serif;
  letter-spacing:.16em;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
  overflow:hidden;
  position:relative;
}
.collage-collections__cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.15) 48%,transparent 72%);
  transform:translateX(-120%);
  transition:transform .7s ease;
}
.collage-collections__cta svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .3s ease;
}
.collage-collections__cta:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 46px rgba(58,9,31,.24);
}
.collage-collections__cta:hover::before{transform:translateX(120%)}
.collage-collections__cta:hover svg{transform:translateX(5px)}

/* Tablet */
@media(max-width:1100px){
  .collage-collections__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:repeat(3,minmax(240px,32vh));
  }
  .collage-card--perfumes{grid-column:1;grid-row:1/3}
  .collage-card--accessories{grid-column:2;grid-row:1}
  .collage-card--jewelry{grid-column:2;grid-row:2}
  .collage-card--clothes{grid-column:1;grid-row:3}
  .collage-card--beauty{grid-column:2;grid-row:3}
  .collage-card--gifts{display:none}
}

/* Móvil */
@media(max-width:700px){
  .collage-collections{
    padding-left:14px;
    padding-right:14px;
  }
  .collage-collections__head{
    margin-bottom:28px;
  }
  .collage-collections__head h2{
    font-size:clamp(48px,15vw,64px);
  }
  .collage-collections__head p{
    font-size:15px;
  }
  .collage-collections__grid{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:none;
    gap:10px;
  }
  .collage-card,
  .collage-card--perfumes,
  .collage-card--accessories,
  .collage-card--jewelry,
  .collage-card--clothes,
  .collage-card--beauty{
    grid-column:1 !important;
    grid-row:auto !important;
    min-height:330px;
    clip-path:none;
    border-radius:12px;
  }
  .collage-card--perfumes{min-height:420px}
  .collage-card--gifts{
    display:block;
    min-height:330px;
  }
  .collage-card__copy h3{
    font-size:40px;
  }
  .collage-card__copy p{
    font-size:14px;
  }
  .collage-collections__cta{
    min-width:0;
    width:100%;
    min-height:56px;
    padding:0 18px;
    gap:16px;
    font-size:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .collage-card,
  .collage-card img,
  .collage-card::after,
  .collage-card__copy,
  .collage-card__line,
  .collage-collections__cta,
  .collage-collections__cta::before,
  .collage-collections__cta svg{
    transition:none !important;
  }
}


/* =========================================================
   COLECCIONES — ANCLA MÁS ARRIBA Y MEJOR APROVECHAMIENTO
   Sólo afecta #colecciones.
   ========================================================= */
#colecciones{
  scroll-margin-top:108px !important;
}

.collage-collections{
  padding-top:clamp(26px,3.2vw,44px) !important;
}

.collage-collections__head{
  margin-bottom:clamp(24px,3vw,38px) !important;
}

@media(max-width:900px){
  #colecciones{
    scroll-margin-top:82px !important;
  }
  .collage-collections{
    padding-top:28px !important;
  }
}

@media(max-width:640px){
  #colecciones{
    scroll-margin-top:76px !important;
  }
  .collage-collections{
    padding-top:24px !important;
  }
}


/* =========================================================
   HEADER FIJO REAL — VISIBLE EN TODAS LAS SECCIONES
   ========================================================= */

:root{
  --fixed-header-h:108px;
}

/* No sticky: FIXED real para que nunca desaparezca */
#header.top,
#header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  height:var(--fixed-header-h) !important;
  min-height:var(--fixed-header-h) !important;
  z-index:2147483000 !important;
  margin:0 !important;
  transform:none !important;
  background:linear-gradient(90deg,#3a091f 0%,#4b0d25 50%,#3a091f 100%) !important;
  box-shadow:0 10px 32px rgba(40,7,22,.18) !important;
}

/* Reserva exactamente el espacio del header fijo */
body{
  padding-top:var(--fixed-header-h) !important;
}

/* El hero ya no necesita reservar el header porque body lo hace */
.approved-hero{
  height:calc(100dvh - var(--fixed-header-h)) !important;
  min-height:calc(100dvh - var(--fixed-header-h)) !important;
}

/* Todos los destinos quedan justo debajo del header */
#inicio,
#pink-store,
#colecciones,
#mayoreo,
#visitanos{
  scroll-margin-top:var(--fixed-header-h) !important;
}

/* El menú móvil se despliega debajo del header fijo */
@media(max-width:900px){
  :root{
    --fixed-header-h:82px;
  }

  #header.top,
  #header{
    height:var(--fixed-header-h) !important;
    min-height:var(--fixed-header-h) !important;
  }

  body{
    padding-top:var(--fixed-header-h) !important;
  }

  #header nav{
    position:absolute !important;
    top:100% !important;
    right:10px !important;
    left:auto !important;
    max-height:calc(100dvh - var(--fixed-header-h) - 12px) !important;
  }

  .approved-hero{
    height:auto !important;
    min-height:0 !important;
  }
}

@media(max-width:640px){
  :root{
    --fixed-header-h:76px;
  }
}


/* MÓVIL — ocultar únicamente TikTok para dar espacio al menú */
@media (max-width:900px){
  #header .socials a[aria-label*="TikTok" i],
  #header .socials a[href*="tiktok" i],
  #header .social a[aria-label*="TikTok" i],
  #header .social a[href*="tiktok" i],
  #header a[aria-label*="TikTok" i],
  #header a[href*="tiktok" i]{
    display:none !important;
  }
}


/* =========================================================
   CONTACTO — ENFOQUE DIGITAL / WHATSAPP
   Sólo sustituye visualmente la antigua sección Visítanos.
   ========================================================= */
.contact-focus{
  --wine:#4b0d25;
  --wine-dark:#2f0919;
  --pink:#ef4f93;
  --cream:#fffaf7;
  --ink:#24191e;
  width:100%;
  min-height:calc(100dvh - var(--fixed-header-h,108px));
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  background:
    radial-gradient(circle at 12% 12%,rgba(239,79,147,.06),transparent 23%),
    linear-gradient(180deg,#fffaf7,#fbf4f0);
  overflow:hidden;
  scroll-margin-top:var(--fixed-header-h,108px) !important;
}
.contact-focus *{box-sizing:border-box;min-width:0}

.contact-focus__intro{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(54px,7vw,110px) clamp(34px,6vw,96px);
}
.contact-focus__kicker{
  color:#7a2548;
  font:700 10px/1 "Manrope",sans-serif;
  letter-spacing:.24em;
  margin-bottom:18px;
}
.contact-focus__intro h2{
  margin:0;
  color:var(--ink);
  font:500 clamp(58px,5.5vw,92px)/.86 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.045em;
}
.contact-focus__intro h2 em{
  color:var(--pink);
  font-weight:400;
}
.contact-focus__intro > p{
  max-width:590px;
  margin:24px 0 28px;
  color:#66575e;
  font:400 clamp(15px,1vw,17px)/1.7 "Manrope",sans-serif;
}

.contact-focus__whatsapp{
  width:min(620px,100%);
  min-height:84px;
  padding:12px 16px 12px 12px;
  border-radius:999px;
  display:grid;
  grid-template-columns:58px 1fr 42px;
  align-items:center;
  gap:14px;
  text-decoration:none;
  color:#fff;
  background:
    linear-gradient(135deg,#6b123c 0%,#8d1950 62%,#a32262 100%);
  box-shadow:
    0 20px 44px rgba(71,12,40,.18),
    inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .35s ease,box-shadow .35s ease;
}
.contact-focus__whatsapp:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 56px rgba(71,12,40,.25);
}
.contact-focus__whatsapp-icon{
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.18);
}
.contact-focus__whatsapp-icon svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:#fff;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.contact-focus__whatsapp-copy{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.contact-focus__whatsapp-copy small{
  color:rgba(255,255,255,.70);
  font:700 8px/1 "Manrope",sans-serif;
  letter-spacing:.18em;
}
.contact-focus__whatsapp-copy strong{
  font:600 clamp(16px,1.3vw,20px)/1.1 "Manrope",sans-serif;
}
.contact-focus__whatsapp-arrow{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  font-size:20px;
  transition:transform .3s ease,background .3s ease;
}
.contact-focus__whatsapp:hover .contact-focus__whatsapp-arrow{
  transform:translateX(4px);
  background:rgba(255,255,255,.10);
}

.contact-focus__micro{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
  color:#8a727d;
  font:600 9px/1 "Manrope",sans-serif;
  letter-spacing:.12em;
}
.contact-focus__micro i{
  width:3px;height:3px;border-radius:50%;background:#ef4f93;
}

.contact-focus__panel{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(52px,6vw,96px) clamp(34px,5vw,82px);
  background:
    linear-gradient(180deg,rgba(75,13,37,.975),rgba(47,9,25,.99));
  color:#fff;
}
.contact-focus__panel::before{
  content:"ONLINE";
  position:absolute;
  right:-.02em;
  top:8%;
  color:rgba(255,255,255,.025);
  font:500 clamp(180px,20vw,330px)/.75 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.08em;
  pointer-events:none;
}
.contact-focus__panel-head{
  position:relative;
  z-index:2;
  margin-bottom:34px;
}
.contact-focus__panel-head span{
  display:block;
  color:#ff82b4;
  font:700 9px/1 "Manrope",sans-serif;
  letter-spacing:.22em;
  margin-bottom:10px;
}
.contact-focus__panel-head strong{
  font:500 clamp(36px,3.3vw,54px)/.95 "Cormorant Garamond",Georgia,serif;
}

.contact-focus__phone,
.contact-focus__address{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:54px 1fr;
  gap:18px;
  align-items:center;
  padding:24px 0;
  border-top:1px solid rgba(255,255,255,.12);
}
.contact-focus__address{
  border-bottom:1px solid rgba(255,255,255,.12);
}
.contact-focus__phone-icon,
.contact-focus__address-icon{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
}
.contact-focus__phone-icon svg,
.contact-focus__address-icon svg{
  width:22px;height:22px;
  fill:none;stroke:#ff8cba;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.contact-focus__phone small,
.contact-focus__address small{
  display:block;
  color:rgba(255,255,255,.50);
  font:700 8px/1 "Manrope",sans-serif;
  letter-spacing:.18em;
  margin-bottom:8px;
}
.contact-focus__phone strong{
  color:#fff;
  font:500 clamp(34px,3vw,52px)/1 "Manrope",sans-serif;
  letter-spacing:-.03em;
}
.contact-focus__address strong{
  display:flex;
  flex-direction:column;
  gap:4px;
  color:#fff;
  font:500 clamp(24px,2.4vw,38px)/1.05 "Manrope",sans-serif;
  letter-spacing:-.025em;
}

/* Importante: ningún texto se mueve en hover */
.contact-focus__phone,
.contact-focus__address,
.contact-focus__phone *,
.contact-focus__address *{
  transform:none !important;
}
.contact-focus__phone:hover,
.contact-focus__address:hover{
  transform:none !important;
}

.contact-focus__social{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:24px;
}
.contact-focus__social a{
  min-height:52px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  font:700 10px/1 "Manrope",sans-serif;
  letter-spacing:.08em;
  transition:background .3s ease,border-color .3s ease;
}
.contact-focus__social a:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.22);
}
.contact-focus__social svg{
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;
}

/* Menú: centrar mejor CONTACTO */
#header nav{
  justify-content:center !important;
}
#header nav a[href="#visitanos"]{
  min-width:92px;
  text-align:center;
}

/* Tablet */
@media(max-width:1000px){
  .contact-focus{
    grid-template-columns:1fr;
    min-height:0;
  }
  .contact-focus__intro,
  .contact-focus__panel{
    padding:54px 28px;
  }
  .contact-focus__panel::before{
    font-size:220px;
  }
}

/* Móvil */
@media(max-width:640px){
  .contact-focus__intro,
  .contact-focus__panel{
    padding:44px 18px;
  }
  .contact-focus__intro h2{
    font-size:clamp(50px,15vw,68px);
  }
  .contact-focus__whatsapp{
    min-height:72px;
    grid-template-columns:48px 1fr 36px;
    padding:10px;
  }
  .contact-focus__whatsapp-icon{
    width:48px;height:48px;
  }
  .contact-focus__whatsapp-icon svg{
    width:25px;height:25px;
  }
  .contact-focus__whatsapp-arrow{
    width:36px;height:36px;
  }
  .contact-focus__phone,
  .contact-focus__address{
    grid-template-columns:46px 1fr;
    gap:14px;
    padding:20px 0;
  }
  .contact-focus__phone-icon,
  .contact-focus__address-icon{
    width:46px;height:46px;
  }
  .contact-focus__phone strong{
    font-size:clamp(30px,9vw,42px);
  }
  .contact-focus__address strong{
    font-size:clamp(21px,6.2vw,30px);
  }
  .contact-focus__social{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   WHATSAPP FLOTANTE — VERDE PREMIUM + SVG NÍTIDO
   ========================================================= */

/* Botón flotante principal */
.wa-premium,
.whatsapp-float,
.whatsapp-floating,
.floating-whatsapp,
a[href*="wa.me"].wa-premium{
  background:linear-gradient(145deg,#25D366 0%,#1ebe5d 58%,#159447 100%) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:
    0 14px 34px rgba(22,163,74,.28),
    0 0 0 7px rgba(37,211,102,.10),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
  color:#fff !important;
}

/* Si el botón tiene aro/ring anterior, también se vuelve verde */
.wa-premium-ring{
  border-color:rgba(37,211,102,.30) !important;
  background:rgba(37,211,102,.08) !important;
}

/* Contenedor del icono */
.wa-premium-icon,
.whatsapp-float .icon,
.whatsapp-floating .icon,
.floating-whatsapp .icon{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff !important;
}

/* Cualquier SVG interno queda blanco, limpio y vectorial */
.wa-premium svg,
.whatsapp-float svg,
.whatsapp-floating svg,
.floating-whatsapp svg{
  width:30px !important;
  height:30px !important;
  fill:none !important;
  stroke:#fff !important;
  stroke-width:1.7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  shape-rendering:geometricPrecision;
  text-rendering:geometricPrecision;
}

/* Hover elegante sin cambiar a rosa */
.wa-premium:hover,
.whatsapp-float:hover,
.whatsapp-floating:hover,
.floating-whatsapp:hover{
  background:linear-gradient(145deg,#2BE46E 0%,#22C762 58%,#168F48 100%) !important;
  box-shadow:
    0 18px 42px rgba(22,163,74,.34),
    0 0 0 9px rgba(37,211,102,.12),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
  transform:translateY(-3px) scale(1.025);
}

/* Móvil */
@media(max-width:640px){
  .wa-premium,
  .whatsapp-float,
  .whatsapp-floating,
  .floating-whatsapp{
    box-shadow:
      0 12px 28px rgba(22,163,74,.28),
      0 0 0 6px rgba(37,211,102,.09) !important;
  }
}


/* =========================================================
   WHATSAPP FLOTANTE — ICONO PROPORCIONADO POR EL USUARIO
   ========================================================= */
.wa-premium-user-icon{
  display:block !important;
  width:34px !important;
  height:34px !important;
  object-fit:contain !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}

.wa-premium-icon{
  display:grid !important;
  place-items:center !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.wa-premium-icon svg{
  display:none !important;
}

/* El botón conserva el verde elegante, pero el icono es exactamente el archivo aportado */
.wa-premium{
  background:linear-gradient(145deg,#25D366 0%,#1ebe5d 58%,#159447 100%) !important;
  color:#fff !important;
}

@media(max-width:640px){
  .wa-premium-user-icon{
    width:30px !important;
    height:30px !important;
  }
}

/* TikTok eliminado del header */
.site-header a[href*="tiktok"],
.header a[href*="tiktok"],
header a[href*="tiktok"],
.site-header .tiktok,
.header .tiktok,
header .tiktok {
  display:none !important;
}


/* WHATSAPP FLOTANTE — SOLO ICONO, SIN CÍRCULO EXTERIOR */
.wa-premium{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
}
.wa-premium::before,
.wa-premium::after,
.wa-premium-icon::before,
.wa-premium-icon::after{
    display:none !important;
    content:none !important;
}
.wa-premium-icon{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    width:auto !important;
    height:auto !important;
}
.wa-premium-user-icon{
    display:block !important;
    width:64px !important;
    height:64px !important;
    object-fit:contain !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:none !important;
}
@media(max-width:640px){
    .wa-premium-user-icon{
        width:56px !important;
        height:56px !important;
    }
}


/* =========================================================
   WHATSAPP FLOTANTE FINAL
   Círculo perfectamente redondo + icono centrado sin recorte
   ========================================================= */
.wa-premium{
    position:fixed !important;
    right:28px !important;
    bottom:28px !important;
    z-index:9999 !important;

    width:78px !important;
    height:78px !important;
    min-width:78px !important;
    min-height:78px !important;
    max-width:78px !important;
    max-height:78px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
    margin:0 !important;

    border-radius:50% !important;
    aspect-ratio:1 / 1 !important;
    overflow:visible !important;

    background:#25D366 !important;
    border:5px solid rgba(255,255,255,.96) !important;
    box-sizing:border-box !important;

    box-shadow:
      0 0 0 7px rgba(37,211,102,.15),
      0 10px 30px rgba(20,120,65,.25) !important;

    transform:none !important;
}

.wa-premium::before,
.wa-premium::after{
    content:none !important;
    display:none !important;
}

.wa-premium-icon{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
    margin:0 !important;

    border:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}

.wa-premium-user-icon{
    display:block !important;
    width:54px !important;
    height:54px !important;
    max-width:54px !important;
    max-height:54px !important;

    object-fit:contain !important;
    object-position:center center !important;

    margin:0 auto !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:none !important;

    transform:none !important;
}

.wa-premium:hover{
    transform:scale(1.04) !important;
    background:#20c75e !important;
    box-shadow:
      0 0 0 7px rgba(37,211,102,.18),
      0 12px 34px rgba(20,120,65,.30) !important;
}

@media(max-width:640px){
    .wa-premium{
        right:18px !important;
        bottom:18px !important;

        width:68px !important;
        height:68px !important;
        min-width:68px !important;
        min-height:68px !important;
        max-width:68px !important;
        max-height:68px !important;

        border-width:4px !important;
        box-shadow:
          0 0 0 6px rgba(37,211,102,.14),
          0 8px 24px rgba(20,120,65,.22) !important;
    }

    .wa-premium-icon{
        width:52px !important;
        height:52px !important;
        min-width:52px !important;
        min-height:52px !important;
    }

    .wa-premium-user-icon{
        width:48px !important;
        height:48px !important;
        max-width:48px !important;
        max-height:48px !important;
    }
}

/* WhatsApp flotante eliminado */
.wa-premium{display:none !important;}


/* FOOTER — logo sin círculo/fondo blanco */
footer .footer-logo,
footer .footer-brand,
.site-footer .footer-logo,
.site-footer .footer-brand{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

footer .footer-logo::before,
footer .footer-logo::after,
footer .footer-brand::before,
footer .footer-brand::after,
.site-footer .footer-logo::before,
.site-footer .footer-logo::after,
.site-footer .footer-brand::before,
.site-footer .footer-brand::after{
    content: none !important;
    display: none !important;
}