:root{--bg:#fcfaf7;--ink:#26211e;--muted:#716861;--rose:#d9afa7;--accent:#815c50;--edge:#e9e0d9;--white:#fff;--sand:#f3eae3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
a{text-decoration:none;color:inherit}button{font:inherit}
.container{max-width:1160px;width:calc(100% - 44px);margin:auto}
.announcement{text-align:center;padding:10px 16px;background:#3c332d;color:white;font-size:12px;letter-spacing:.08em}
header{background:#fffcf9ed;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--edge);backdrop-filter:blur(13px)}
.nav{display:flex;justify-content:space-between;align-items:center;min-height:78px;gap:20px}
.brand{font-family:Georgia,serif;font-weight:bold;font-size:26px;letter-spacing:-1px}
.brand span{color:var(--accent)}
.navlinks{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}
.navlinks a:hover{color:var(--accent)}
.btn{border-radius:5px;padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn.dark{color:white;background:#342923}.btn.outline{border:1px solid #7f695a;background:transparent}.btn.light{background:white;color:#332923}
.mobile{display:none;background:transparent;border:0;font-size:25px;cursor:pointer}
.hero{background:linear-gradient(110deg,#f9f3ec 0%,#f4e9e2 64%,#ead9ce 100%);overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:535px;gap:35px}
.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}
h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.13}
h1{font-size:clamp(44px,6vw,80px);letter-spacing:-.035em;margin:22px 0}
h2{font-size:clamp(32px,4vw,48px);margin:15px 0}
h3{font-size:26px;margin:12px 0}
.lead{font-size:17px;max-width:535px;color:#5d5048}
.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}
.hero-art{height:400px;position:relative;display:flex;align-items:center;justify-content:center}
.arch{width:75%;height:92%;background:linear-gradient(160deg,#c89485,#f2d7c5);border-radius:250px 250px 12px 12px;position:relative;box-shadow:25px 25px 0 #ffffff44}
.arch:after{content:"";position:absolute;left:12%;right:12%;bottom:13%;height:18px;border-radius:80%;background:#73534630;filter:blur(8px)}
.bottle{width:115px;height:210px;background:linear-gradient(95deg,#fffdf7,#e6cabb 55%,#fffaf1);border-radius:21px 21px 35px 35px;position:absolute;bottom:18%;left:33%;box-shadow:13px 17px 32px #75493930;transform:rotate(-8deg)}
.bottle:before{content:"";position:absolute;background:#4c3c35;width:58px;height:45px;top:-43px;left:28px;border-radius:6px 6px 0 0}
.bottle:after{content:"BELLEZA";letter-spacing:.13em;font-size:10px;position:absolute;left:20px;right:20px;text-align:center;top:95px;border-top:1px solid #a78b78;border-bottom:1px solid #a78b78;padding:10px 0;color:#816f63}
.jar{height:126px;width:138px;background:linear-gradient(110deg,#c49c89,#f8ecdc);border-radius:15px 15px 40px 40px;position:absolute;bottom:18%;right:22%;transform:rotate(8deg);box-shadow:15px 12px 23px #73472b25}
.jar:before{content:"";height:26px;background:#4c3c35;border-radius:7px;position:absolute;top:-24px;left:0;right:0}
.jar:after{content:"CUIDADO";font-size:10px;letter-spacing:.2em;color:#60483e;position:absolute;top:55px;left:29px}
.note{position:absolute;right:-2%;top:8%;font-family:Georgia,serif;font-style:italic;color:#fff;font-size:26px;transform:rotate(10deg)}
.trust{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--edge);background:white}
.trust div{padding:22px 12px;text-align:center;font-size:13px;font-weight:700;border-right:1px solid var(--edge)}
section{padding:85px 0}.section-head{text-align:center;margin-bottom:42px}.section-head p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.card{background:white;border:1px solid var(--edge);overflow:hidden;border-radius:8px}
.placeholder{height:270px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6d4c8,#f9eee5);position:relative}
.placeholder:after{content:"FOTO DEL PRODUCTO";font-size:11px;color:#79645b;letter-spacing:.15em;border:1px dashed #a68b7b;padding:22px}
.placeholder:nth-child(2){background:#e6dad0}
.card-content{padding:24px}.card-content h3{font-size:24px}.card-content p{color:var(--muted);font-size:14px}.pill{font-size:11px;letter-spacing:.1em;color:var(--accent);text-transform:uppercase;font-weight:800}
.card-cta{display:block;border:1px solid var(--accent);padding:11px;text-align:center;color:var(--accent);margin-top:20px;font-size:13px;font-weight:bold}
.soft{background:var(--sand)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step{border-top:1px solid #aa8b7d;padding-top:22px}.num{font-family:Georgia,serif;color:var(--accent);font-size:40px}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.feature-panel{min-height:340px;background:linear-gradient(140deg,#ecd9ce,#cc9e8f);border-radius:170px 170px 12px 12px;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px}
.feature-panel div{border:1px solid #fff9;border-radius:200px;padding:50px 33px;font-family:Georgia,serif;font-size:30px;color:#533b35;line-height:1.2}
.checks{list-style:none;padding:0}.checks li{padding:8px 0}.checks li:before{content:"✓";margin-right:12px;color:var(--accent);font-weight:bold}
.cta{text-align:center;background:#41352e;color:white}.cta h2{color:white}.cta p{color:#e8dad0}.cta .eyebrow{color:#eac5b4}
footer{background:#241e1a;color:#e7dad2;padding:50px 0 25px;font-size:13px}
.footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-columns a{display:block;margin:9px 0}.footer-columns h4{color:white;letter-spacing:.06em}.copyright{border-top:1px solid #584f49;margin-top:35px;padding-top:15px;font-size:12px;color:#bcaea4}
.float-wa{position:fixed;bottom:20px;right:20px;border-radius:60px;background:#257c4d;color:white;padding:12px 19px;font-size:13px;font-weight:700;z-index:60;box-shadow:0 4px 20px #0002}
.legal-intro{padding:75px 0 40px;background:var(--sand)}.legal-body{max-width:850px;margin:auto;padding:50px 0 90px}.legal-body h2{font-size:27px;margin-top:34px}.legal-body p,.legal-body li{color:#61574e;font-size:15px}.legal-body a{color:#845c4d;text-decoration:underline}
.notice{padding:18px;background:#f4eee8;border-left:3px solid var(--accent);font-size:13px;margin:20px 0}
@media(max-width:790px){
.nav{min-height:65px}.mobile{display:block}.navlinks{display:none;position:absolute;top:65px;left:0;right:0;flex-direction:column;background:#fffaf6;padding:24px;border-bottom:1px solid var(--edge)}
.navlinks.open{display:flex}.nav .btn{display:none}.hero-inner{grid-template-columns:1fr;padding-top:60px}.hero-art{height:310px}.arch{width:62%}
.trust{grid-template-columns:1fr}.trust div{padding:12px}section{padding:56px 0}.cards,.steps,.feature,.footer-columns{grid-template-columns:1fr}.feature{gap:30px}.note{right:4%}
}

.product-photo{height:305px;background:#f5eeea;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:contain;display:block}.product-price{font-size:25px;font-weight:800;color:#553c32;margin-top:14px}.card-content{display:flex;flex-direction:column;min-height:285px}.card-content .card-cta{margin-top:auto}