@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--yellow:#eeff38;--pink:#fa4294;--bg:#101110;--ink:#f7f7ef;--muted:#b5b5ad}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.topbar{background:var(--yellow);color:#151713;text-align:center;padding:9px 16px;font-size:12px;font-weight:700;letter-spacing:2px}.nav{height:94px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30312c}.logo{font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-weight:900;font-size:54px;letter-spacing:-3px;line-height:1}.logo small{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:5px;text-align:center;margin-top:6px}.links{display:flex;align-items:center;gap:35px;font-size:14px}.links a:hover{color:var(--yellow)}.nav-age{border:1px solid #575a48;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:12px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:660px;padding:52px 6% 54px;gap:25px;align-items:center;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:700;text-transform:uppercase;display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';height:2px;width:28px;background:var(--pink)}h1,h2,h3,p{margin:0}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(74px,7.9vw,116px);line-height:.91;letter-spacing:-2px;text-transform:uppercase;margin:27px 0}h1 em{color:var(--yellow);font-style:normal}h1 .outline{color:transparent;-webkit-text-stroke:1px var(--ink)}.intro{color:var(--muted);font-size:16px;line-height:1.7;max-width:360px}.actions{display:flex;gap:20px;align-items:center;margin-top:30px}.btn{border:0;border-radius:3px;background:var(--yellow);color:#111;padding:17px 25px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;min-height:50px}.btn:hover{background:#f6ff85}.text-btn{border:0;background:transparent;color:var(--ink);border-bottom:1px solid #68695d;padding:10px 0;font-size:14px}.facts{display:flex;gap:28px;margin-top:35px;color:#b7b8ac;font-size:12px}.facts strong{color:var(--ink);font-weight:500}.hero-visual{position:relative;height:565px;border-radius:4px;overflow:hidden;background:#030303}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:center 53%}.image-label{position:absolute;top:20px;left:20px;background:var(--yellow);color:#151713;font-size:11px;font-weight:700;letter-spacing:1px;padding:10px 13px;transform:rotate(-4deg)}.caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000);padding:55px 24px 22px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.marquee{border-top:1px solid #3b3d32;border-bottom:1px solid #3b3d32;display:flex;justify-content:space-around;gap:28px;overflow:hidden;padding:19px;color:var(--yellow);font:700 22px 'Barlow Condensed',sans-serif;letter-spacing:2px;white-space:nowrap}.marquee span:nth-child(even){color:var(--pink)}.section{max-width:1440px;margin:auto;padding:75px 6%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px;gap:24px}h2{font:700 clamp(42px,5vw,66px)/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.section-head p{color:var(--muted);max-width:280px;line-height:1.6;font-size:14px}.flavor-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.flavor{background:#1a1c18;border:1px solid #34372c;min-height:175px;text-align:left;color:var(--ink);padding:22px 18px;border-radius:3px;position:relative;transition:transform .2s,border-color .2s}.flavor:hover{transform:translateY(-5px);border-color:var(--flavor)}.flavor .num{font-size:12px;color:var(--flavor);display:block;margin-bottom:28px}.flavor h3{font:700 29px/.98 'Barlow Condensed',sans-serif;text-transform:uppercase}.flavor .note{font-size:12px;color:var(--muted);display:block;margin-top:12px}.flavor:before{content:'';height:3px;background:var(--flavor);position:absolute;top:0;left:0;right:0}.footer{border-top:1px solid #34372c;max-width:1440px;margin:auto;padding:28px 6% 35px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:12px}.footer .logo{color:var(--ink);font-size:38px}.footer p{line-height:1.7}.chat-launch{position:fixed;bottom:26px;right:26px;background:var(--yellow);border:0;border-radius:40px;padding:16px 22px;color:#111;font-weight:700;box-shadow:0 8px 35px #0008;z-index:20;display:flex;align-items:center;gap:10px}.chat-launch svg{width:21px}.chat{position:fixed;z-index:30;right:25px;bottom:92px;width:360px;max-width:calc(100vw - 32px);height:460px;max-height:calc(100dvh - 120px);border:1px solid #42463a;border-radius:14px;background:#191b17;box-shadow:0 20px 80px #000b;display:flex;flex-direction:column;overflow:hidden}.chat[hidden]{display:none}.chat-head{padding:19px;background:var(--yellow);color:#111;display:flex;align-items:center;justify-content:space-between}.chat-head small{display:block;font-size:12px;margin-top:3px}.close{border:0;background:transparent;font-size:26px;color:inherit}.messages{padding:18px;overflow-y:auto;flex:1;font-size:14px;line-height:1.5}.msg{background:#292d24;padding:12px;border-radius:0 12px 12px;margin-bottom:12px;white-space:pre-wrap;overflow-wrap:anywhere}.msg.user{background:#3b4129;margin-left:25px;border-radius:12px 0 12px 12px}.quick{padding:0 14px 12px;display:flex;gap:6px;flex-wrap:wrap}.quick button{background:transparent;color:var(--yellow);border:1px solid #50573c;border-radius:20px;padding:7px 10px;font-size:12px}.chat form{display:flex;border-top:1px solid #3a3d31;padding:12px;gap:8px}.chat input{width:100%;min-width:0;background:transparent;color:white;border:0;font:inherit;font-size:14px;padding:6px}.send{background:var(--yellow);color:#111;border:0;border-radius:5px;padding:10px;font-size:13px}.send:disabled{opacity:.5}.page-title{max-width:850px}.page-title h1{font-size:clamp(64px,8vw,108px)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:42px}.detail-card{padding:30px;background:#1a1c18;border-top:3px solid var(--flavor,var(--yellow));border-radius:3px}.detail-card h3{font:700 38px 'Barlow Condensed',sans-serif;margin-bottom:12px}.detail-card p{color:var(--muted);line-height:1.8;font-size:16px}.detail-card:target{outline:2px solid var(--flavor);outline-offset:5px}.brand-block{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:50px}.brand-block img{width:100%;max-height:600px;object-fit:cover;object-position:center}.brand-copy{align-self:center}.brand-copy p{line-height:1.8;color:var(--muted);margin:22px 0}.contact-box{margin-top:40px;border:1px solid #454a32;padding:35px;max-width:650px}.contact-box p{line-height:1.8;color:var(--muted);margin-bottom:22px}@media(min-width:1500px){.hero{min-height:730px}.hero-visual{height:620px}}@media(max-width:760px){.nav{height:80px;padding:0 6%}.logo{font-size:44px}.links{gap:16px;font-size:12px}.nav-age{display:none}.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}.hero h1{font-size:80px}.hero-visual{height:480px}.facts{gap:20px}.flavor-list{grid-template-columns:repeat(2,1fr)}.flavor:last-child{grid-column:1/-1}.section{padding:50px 6%}.section-head{display:block}.section-head p{margin-top:20px}.detail-grid,.brand-block{grid-template-columns:1fr}.footer{align-items:start;padding-bottom:100px}.footer p{max-width:230px}.chat-launch{bottom:18px;right:18px}.chat{right:16px;bottom:83px}.topbar{font-size:10px;letter-spacing:1.4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Product collection, edition 02 */
.hero{grid-template-columns:1fr 1fr;gap:45px;padding-top:42px}.hero h1{font-size:clamp(66px,7.2vw,104px)}.hero-showcase{height:630px;background:var(--wash);position:relative;overflow:hidden;border-radius:6px;color:#101110;display:flex;align-items:center;justify-content:center;transition:background .3s}.showcase-top{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:1.5px;z-index:2}.showcase-word{position:absolute;font:900 clamp(150px,22vw,320px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:-10px;color:#1011100d;transform:rotate(-90deg);left:-80px}.hero-showcase>img{height:490px;width:100%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(7deg);margin-bottom:25px;position:relative}.showcase-info{position:absolute;bottom:25px;left:25px;right:25px;border-top:1px solid #10111044;padding-top:15px}.showcase-info span{font-size:11px;font-weight:700;letter-spacing:1.5px}.showcase-info h2{font-size:36px;margin-top:5px}.flavor-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px;max-width:450px}.flavor-picker button{border:1px solid #4b4d42;background:transparent;color:var(--ink);border-radius:25px;padding:9px 12px;font-size:12px;display:flex;align-items:center;gap:7px}.flavor-picker button span{width:9px;height:9px;background:var(--swatch);border-radius:100%}.flavor-picker button[aria-pressed=true]{background:#f4f5e9;color:#101110;border-color:#f4f5e9}.facts{margin-top:24px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{border:1px solid #383b30;display:block;border-radius:6px;overflow:hidden;background:#191b16;transition:transform .2s,border-color .2s}.product-card:hover{border-color:var(--flavor);transform:translateY(-5px)}.product-photo{height:360px;background:var(--wash);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:25px 5px 5px}.product-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product-card:hover .product-photo img{transform:rotate(-4deg) scale(1.04)}.product-index{position:absolute;left:18px;top:15px;color:#222;font-size:11px;letter-spacing:1.3px;font-weight:700;z-index:1}.product-copy{padding:24px}.product-en{color:var(--flavor);font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.product-copy h3{font:700 clamp(29px,2.6vw,40px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:10px 0 14px}.product-copy p{font-size:14px;color:var(--muted);line-height:1.6;min-height:45px}.product-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;border-top:1px solid #383b30;padding-top:18px;margin-top:20px;color:#d6d9c9}.detail-products{margin-top:45px}.product-card:target{outline:3px solid var(--flavor);outline-offset:5px}.black-feature{max-width:1265px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1fr;background:#1b1919;border:1px solid #483435;border-radius:6px;overflow:hidden}.black-art{background:#e9e9e4;height:490px;padding:15px}.black-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.black-content{padding:55px;align-self:center}.black-content h2{font-size:74px;margin:25px 0}.black-content h2 em{color:#ff595f;font-style:normal}.black-content p{color:#c5bcbc;line-height:1.7;margin-bottom:25px}.black-content .btn{background:#ff595f}.brand-products{display:grid;grid-template-columns:repeat(3,1fr);background:#f0f0e9;align-items:center;padding:10px}.brand-products img{height:240px!important;object-fit:contain!important;mix-blend-mode:multiply}.nav{gap:16px}.product-card img{max-width:100%}@media(max-width:1100px){.black-feature{margin-left:6%;margin-right:6%}.hero{gap:25px}.hero-showcase{height:570px}.hero-showcase>img{height:430px}.product-grid{gap:16px}.product-copy{padding:19px}.product-photo{height:300px}}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(58px,13vw,84px)}.hero-showcase{height:510px}.hero-showcase>img{height:400px}.showcase-word{font-size:260px;left:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-photo{height:240px;padding-top:30px}.product-copy{padding:16px}.product-copy h3{font-size:29px}.product-meta{display:block;line-height:1.8}.product-meta span{display:block}.product-copy p{font-size:14px;min-height:90px}.product-index{font-size:10px;left:10px}.black-feature{grid-template-columns:1fr}.black-art{height:400px}.black-content{padding:30px}.black-content h2{font-size:65px}.brand-products img{height:180px!important}.links{gap:12px}.footer{padding-bottom:100px}}@media(max-width:370px){.product-grid{grid-template-columns:1fr}.product-photo{height:330px}.product-copy p{min-height:0}.links{gap:8px;font-size:11px}.logo{font-size:38px}}
/* Contacto y redes */
.footer-expanded{display:block;padding-bottom:95px}.footer-top{display:grid;grid-template-columns:.8fr 1fr 1.3fr;gap:35px;padding:15px 0 35px}.footer-tagline{margin-top:14px}.footer-label{display:block;font-size:11px;letter-spacing:2px;color:var(--yellow);font-weight:700;margin-bottom:17px}.footer-contact a{display:block;font-size:14px;color:#eceee2;margin-bottom:13px}.footer-contact a:hover{text-decoration:underline}.social-links{display:flex;flex-wrap:wrap;gap:10px}.social-placeholder{border:1px solid #45483b;border-radius:5px;padding:9px 12px;display:inline-flex;align-items:center;gap:8px;color:#d2d5c7;font-size:13px}.social-placeholder b{font-size:19px;font-family:Arial,sans-serif;line-height:1}.footer-social small{display:block;margin-top:12px;color:#a6ab98;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:25px;border-top:1px solid #34372c}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-heading h1{font-size:clamp(72px,8vw,110px)}.contact-heading p{line-height:1.8;color:var(--muted);max-width:370px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;margin-top:25px}.channel-card{padding:35px;background:var(--yellow);color:#101110;border-radius:6px}.channel-kicker{font-size:11px;letter-spacing:1.8px;font-weight:700}.channel-card h2{font-size:50px;margin:26px 0 20px}.channel-card p{line-height:1.8;font-size:15px;margin-bottom:23px}.whatsapp-button{display:inline-flex;justify-content:center;background:#a5ef65;color:#142010;padding:15px 22px;border:1px solid #4d822c;border-radius:5px;font-weight:700;font-size:14px}.channel-card .whatsapp-button{background:#101110;color:var(--yellow);border:0}.whatsapp-button:hover{filter:brightness(1.07)}.channel-number{display:block;font-size:14px;margin-top:18px}.assistant-card{border:1px solid #45483b;border-radius:6px;padding:30px;margin-top:20px}.assistant-card h3{font:700 33px 'Barlow Condensed',sans-serif;margin:18px 0 12px}.assistant-card p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:15px}.contact-form-panel{background:#1a1c17;padding:35px;border:1px solid #393d30;border-radius:6px}.contact-form-panel>.channel-kicker{color:var(--yellow)}.contact-form-panel h2{font-size:52px;margin-top:20px}.form-intro{color:var(--muted);margin:15px 0 30px;font-size:15px}.contact-form-panel label{display:block;font-size:14px;margin-bottom:20px;color:#e5e7db}.contact-form-panel label>span{color:var(--yellow)}.contact-form-panel input,.contact-form-panel select,.contact-form-panel textarea{display:block;width:100%;background:#11130f;color:#f2f3ec;border:1px solid #4b5140;border-radius:4px;font:inherit;font-size:16px;padding:14px;margin-top:9px;min-width:0}.contact-form-panel textarea{resize:vertical}.contact-form-panel input::placeholder,.contact-form-panel textarea::placeholder{color:#979e8a}.contact-form-panel select:focus-visible,.contact-form-panel textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-note{font-size:13px;line-height:1.7;color:#b6bda8;margin:0 0 22px}#contact-status:not(:empty){font-size:14px;line-height:1.7;background:#303728;border-left:3px solid var(--yellow);padding:15px;margin-top:22px}#contact-whatsapp{margin-top:16px}[hidden]{display:none!important}@media(max-width:850px){.footer-top{grid-template-columns:1fr 1fr}.footer-social{grid-column:1/-1}.contact-layout{grid-template-columns:1fr}.contact-heading{display:block}.contact-heading p{margin-bottom:30px}.contact-channels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.assistant-card{margin:0;align-self:start}}@media(max-width:540px){.contact-channels,.form-row{grid-template-columns:1fr}.contact-form-panel,.channel-card{padding:25px}.footer-top{grid-template-columns:1fr}.footer-social{grid-column:auto}.footer-bottom{display:block}.footer-bottom p{margin-top:16px;max-width:none}.footer p{max-width:none}.contact-heading h1{font-size:72px}.social-links{gap:7px}}

/* Catálogo conversacional y consentimiento */
.chat {width:390px;height:570px;}
.msg {white-space:pre-wrap;overflow-wrap:anywhere;}
.chat-options {display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 14px;}
.chat-options button {background:#292f20;border:1px solid #677445;color:#edffbb;border-radius:12px;padding:9px 11px;text-align:left;font:inherit;font-size:13px;cursor:pointer;}
.chat-options button:hover {background:#3b4929;}
.chat button:disabled {opacity:.5;cursor:wait;}
.chat input:focus-visible,.chat button:focus-visible {outline:2px solid #d2ff57;outline-offset:2px;}
.consent-check {display:flex!important;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:18px 0;}
.consent-check input {width:auto!important;margin-top:5px;accent-color:#d2ff57;}
.form-trap {position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
@media(max-width:480px){.chat{height:560px;max-height:calc(100dvh - 108px);} .chat .quick{gap:5px}.chat .quick button{font-size:11px;}}
