:root{--red:#6B0F15;--red-dark:#3f090d;--red-mid:#8b2027;--yellow:#F4C430;--cream:#fffaf0;--white:#FFFFFF;--ink:#252321;--muted:#77716c;--line:#e9e1d7;--shadow:0 18px 50px rgba(45,20,14,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{background:var(--red-dark);color:#f7eee4;font-size:12px;letter-spacing:.04em}.topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:var(--yellow)}.site-header{height:82px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 20px rgba(0,0,0,.04)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-logo{display:block;width:174px;height:72px;object-fit:contain;object-position:left center}.brand-copy{display:flex;flex-direction:column;line-height:1.3}.brand-copy strong{font-size:15px;letter-spacing:.13em;color:var(--red-dark)}.brand-copy small{font-size:9px;letter-spacing:.15em;color:#92867d;margin-top:4px}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}nav a{transition:color .2s}nav a:hover{color:var(--red-mid)}nav .nav-cta{background:var(--red);color:#fff;padding:11px 17px;border-radius:3px}nav .nav-cta:hover{color:var(--yellow)}nav .nav-cta span{color:var(--yellow);margin-left:8px}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--red)}
.hero{position:relative;min-height:625px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(35,13,12,.88) 0%,rgba(49,19,15,.78) 43%,rgba(35,14,12,.2) 100%),url('assets/cafe-cerezas.jpg') center 52%/cover no-repeat;color:white;overflow:hidden}.hero-content{position:relative;z-index:1;padding-top:24px;padding-bottom:36px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--yellow);margin-bottom:20px}.eyebrow>span{display:inline-block;width:28px;height:2px;background:var(--yellow)}.hero h1,.section-heading h2,.intro h2,.promo h2,.brew h2,.contact h2{font-family:'Playfair Display',serif;font-size:clamp(43px,5.5vw,70px);line-height:1.08;letter-spacing:-.035em;margin:0 0 20px;font-weight:700}.hero h1 em,.intro h2 em,.section-heading h2 em,.brew h2 em,.contact h2 em{font-weight:600;color:var(--yellow)}.hero-content>p{max-width:515px;color:#e8ded5;font-size:15px;line-height:1.85;margin:0 0 29px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 19px;border-radius:3px;font-size:12px;font-weight:700;transition:transform .2s,background .2s;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-yellow{background:var(--yellow);color:var(--red-dark)}.btn-yellow:hover{background:#ffd36a}.btn-outline{border-color:rgba(255,255,255,.6);color:white}.btn-outline:hover{background:rgba(255,255,255,.1)}.btn span{font-size:17px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:45px}.proof-icon{font-size:29px;color:var(--yellow)}.hero-proof span:last-child{display:flex;flex-direction:column}.hero-proof strong{font-size:12px}.hero-proof small{font-size:11px;color:#d5c9c0}.hero-side-note{position:absolute;right:26px;bottom:30px;writing-mode:vertical-rl;letter-spacing:.2em;font-size:9px;color:#f7e5d3;opacity:.85}
.section-pad{padding:100px 0}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.intro-image{min-height:490px;position:relative;background:linear-gradient(0deg,rgba(35,16,9,.15),transparent),url('assets/plantones-cafe.jpg') center/cover;border-radius:4px}.intro-image:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.5);pointer-events:none}.image-badge{position:absolute;z-index:1;right:-28px;bottom:35px;background:var(--yellow);color:var(--red-dark);width:130px;height:130px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow)}.image-badge strong{font-family:'Playfair Display',serif;font-size:35px;line-height:1}.image-badge span{text-align:center;font-size:11px;line-height:1.25;margin-top:7px}.eyebrow.dark{color:var(--red)}.eyebrow.dark>span{background:var(--red)}.intro h2,.section-heading h2,.brew h2{font-size:clamp(36px,4vw,49px);color:var(--red-dark)}.intro h2 em,.section-heading h2 em,.brew h2 em{color:var(--red-mid)}.intro-copy>p,.section-heading>p,.brew-copy>p{font-size:14px;color:var(--muted);line-height:1.9}.value-list{display:grid;gap:19px;margin:28px 0}.value-list>div{display:flex;gap:13px;align-items:flex-start}.value-icon{display:grid;place-items:center;flex:0 0 27px;height:27px;border:1px solid #d8b86e;border-radius:50%;color:var(--red);font-size:13px}.value-list span:last-child{display:flex;flex-direction:column}.value-list strong{font-size:13px}.value-list small{font-size:12px;color:var(--muted);margin-top:2px}.text-link{display:inline-flex;align-items:center;gap:17px;color:var(--red);font-size:12px;font-weight:700;border-bottom:1px solid #c7a3a0;padding-bottom:6px}.text-link span{font-size:18px}
.products{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:34px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px;margin:0 0 5px}.catalog-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px;padding-bottom:18px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:8px 13px;border-radius:3px;max-width:320px;width:100%;color:var(--red);font-size:23px}.search-box input{border:0;outline:0;width:100%;font-size:12px;background:transparent;color:var(--ink)}.filter-group{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:white;color:#6c625d;padding:9px 14px;font-size:11px;border-radius:3px;cursor:pointer}.filter.active,.filter:hover{background:var(--red);border-color:var(--red);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{border:1px solid #eee7df;border-radius:4px;overflow:hidden;transition:transform .25s,box-shadow .25s;background:#fff}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-image{height:175px;position:relative;overflow:hidden;background-color:#7b4b2b;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.coffee-img:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(35,15,10,.22),transparent 75%)}.img-one{background-image:url('assets/cafe-cerezas.jpg')}.img-two{background-image:url('assets/semillas-cafe.jpg')}.img-three{background-image:url('assets/plantones-cafe.jpg')}.img-four{background-image:url('assets/cafe-taza.jpg')}.img-five{background-image:url('assets/cafe-cerezas.jpg')}.img-six{background-image:url('assets/cafe-taza.jpg')}.img-seven{background-image:url('assets/plantones-cafe.jpg')}.img-eight{background-image:url('assets/semillas-cafe.jpg')}.img-nine{background-image:url('assets/cafe-cerezas.jpg')}.img-ten{background-image:url('assets/plantones-cafe.jpg')}.img-eleven{background-image:url('assets/semillas-cafe.jpg')}.product-tag{position:absolute;left:12px;top:12px;background:var(--yellow);color:var(--red-dark);font-size:9px;font-weight:700;padding:5px 8px;text-transform:uppercase;letter-spacing:.06em}.bean-art{font-size:40px;color:rgba(255,255,255,.65);text-shadow:0 2px 15px rgba(0,0,0,.5)}.product-info{padding:17px 16px 15px}.product-kicker{font-size:8px;letter-spacing:.16em;font-weight:700;color:#a07c49}.product-info h3{font-family:'Playfair Display',serif;font-size:21px;color:var(--red-dark);margin:6px 0}.product-info p{font-size:11px;line-height:1.7;color:var(--muted);min-height:57px;margin:0 0 16px}.product-bottom{border-top:1px solid #eee7df;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:6px}.availability{font-size:9px;color:#8b827b}.order-btn{border:0;background:var(--red);color:white;border-radius:50%;width:29px;height:29px;cursor:pointer;font-size:15px;flex:0 0 auto}.order-btn:hover{background:var(--red-dark);color:var(--yellow)}.extra-product{display:none}.extra-product.revealed{display:block}.center{text-align:center;margin-top:38px}.btn-dark{background:var(--red);color:white}.btn-dark:hover{background:var(--red-dark)}.catalog-note{text-align:center;font-size:10px;color:#948b84;margin:22px 0 0}.no-results{text-align:center;padding:35px;color:var(--muted);font-size:14px}
.promo{padding-top:15px;background:#fff}.promo-panel{background:var(--red-dark);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:370px;padding:55px 70px;position:relative;overflow:hidden;border-radius:4px}.eyebrow.light{color:var(--yellow)}.promo h2,.contact h2{font-size:clamp(36px,4vw,50px);margin-bottom:17px}.promo-copy p,.contact-grid>div:first-child>p{color:#d6c5bc;font-size:13px;line-height:1.9;max-width:475px;margin-bottom:25px}.promo-art{height:260px;position:relative;display:flex;align-items:center;justify-content:center}.promo-circle{position:absolute;border-radius:50%}.circle-back{width:240px;height:240px;background:#8b3832;right:35px;top:10px;opacity:.75}.circle-front{width:190px;height:190px;border:1px solid rgba(242,193,78,.8);background:radial-gradient(circle at 35% 25%,#a15b3b,#4b1c1c 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(0,0,0,.2);transform:rotate(-8deg)}.circle-front span{font-family:'Playfair Display',serif;font-size:70px;color:var(--yellow);font-weight:800;line-height:1}.circle-front small{text-align:center;font-size:9px;letter-spacing:.2em;margin-top:12px}.promo-stamp{position:absolute;right:3px;bottom:20px;background:var(--yellow);color:var(--red-dark);border-radius:50%;width:92px;height:92px;display:grid;place-content:center;text-align:center;font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1.4;transform:rotate(12deg);border:4px double var(--red-dark)}
.brew{background:var(--cream)}.brew-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:center}.brew-copy h2{margin-bottom:15px}.brew-copy>p{max-width:390px;margin-bottom:25px}.brew-steps{border-top:1px solid #e5d9cb}.brew-step{display:grid;grid-template-columns:45px 1fr 35px;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid #e5d9cb}.step-number{font-family:'Playfair Display',serif;font-size:24px;color:#b88e43}.brew-step h3{font-family:'Playfair Display',serif;font-size:20px;color:var(--red-dark);margin:0 0 4px}.brew-step p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.step-icon{color:var(--red);font-size:25px;text-align:center}
.contact{background:var(--red);color:white}.contact-grid{display:grid;grid-template-columns:1fr .7fr;gap:100px;align-items:center}.contact h2 em{color:var(--yellow)}.contact-card{background:#fff;color:var(--ink);padding:38px 40px;border-radius:4px;box-shadow:var(--shadow);display:flex;align-items:flex-start;flex-direction:column}.contact-card-icon{width:49px;height:49px;border-radius:50%;background:#e8f4e9;color:#168b42;display:grid;place-items:center;font-size:25px;margin-bottom:22px}.contact-label{font-size:9px;letter-spacing:.17em;color:#93867c;font-weight:700}.phone{font-family:'Playfair Display',serif;color:var(--red-dark);font-size:32px;font-weight:700;margin:4px 0}.contact-card p{font-size:12px;color:var(--muted);margin:0}.contact-line{height:1px;width:100%;background:var(--line);margin:25px 0 20px}.contact-card>strong{font-size:14px;color:var(--red-dark);margin:6px 0}.contact-card>small{font-size:10px;color:var(--muted)}
.footer{background:#2c0c10;color:#d8c8bf;padding:27px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand .brand-copy strong{color:#fff}.footer-brand .brand-copy small{color:#b9a59b}.footer-brand .brand-mark{background:#7d292b}.footer-inner>p{font-family:'Playfair Display',serif;font-style:italic;color:var(--yellow);font-size:14px}.footer-inner>span{font-size:10px;color:#b9a59b}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:30;background:#1caa59;color:#fff;padding:12px 17px;border-radius:50px;display:flex;align-items:center;gap:8px;box-shadow:0 7px 25px rgba(0,0,0,.22);font-size:12px;font-weight:700}.whatsapp-float span{font-size:21px}.whatsapp-float:hover{background:#128745}.hidden-by-search{display:none!important}
@media(max-width:1000px){nav{gap:17px}.intro-grid{gap:50px}.product-grid{grid-template-columns:repeat(3,1fr)}.promo-panel{padding:45px}.brew-grid{gap:50px}.contact-grid{gap:50px}}
@media(max-width:760px){.container{width:min(100% - 34px,560px)}.topbar-inner{height:32px;font-size:10px}.topbar-inner span{max-width:48%}.site-header{height:70px}.brand-mark{width:40px;height:40px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:8px}.menu-toggle{display:block;cursor:pointer}nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:18px 24px 24px;box-shadow:0 10px 18px rgba(0,0,0,.1);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px 3px;border-bottom:1px solid #f1eae3}nav .nav-cta{margin-top:10px;text-align:center}.hero{min-height:590px;background-position:60% center}.hero h1{font-size:49px}.hero-content>p{font-size:13px;max-width:430px}.hero-actions{align-items:stretch;flex-direction:column;max-width:270px}.hero-actions .btn{justify-content:space-between}.hero-proof{margin-top:30px}.hero-side-note{display:none}.section-pad{padding:70px 0}.intro-grid,.brew-grid,.contact-grid{grid-template-columns:1fr;gap:42px}.intro-image{min-height:360px;margin-right:13px}.image-badge{right:-13px;width:110px;height:110px}.image-badge strong{font-size:30px}.intro-copy h2,.section-heading h2,.brew h2{font-size:39px}.section-heading{display:block}.section-heading>p{margin-top:17px}.catalog-tools{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-group{gap:5px}.filter{flex:1;padding:8px 7px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-image{height:140px}.product-info{padding:13px 11px}.product-info h3{font-size:18px}.product-info p{font-size:10px;min-height:72px}.availability{font-size:8px}.promo{padding-top:0}.promo-panel{grid-template-columns:1fr;padding:37px 25px 22px}.promo-art{height:235px;order:-1}.circle-back{right:calc(50% - 115px)}.circle-front{width:165px;height:165px}.circle-front span{font-size:58px}.promo-stamp{right:calc(50% - 130px);bottom:8px}.promo h2,.contact h2{font-size:39px}.brew-step{grid-template-columns:35px 1fr 27px;gap:12px}.brew-step h3{font-size:18px}.contact-card{padding:30px 26px}.footer-inner{flex-direction:column;align-items:flex-start;gap:10px}.footer-inner>p{margin:0}.whatsapp-float{right:13px;bottom:13px;padding:10px 14px}.whatsapp-float b{display:none}.whatsapp-float span{font-size:25px}.extra-product{display:none}.extra-product.revealed{display:block}}
@media(max-width:390px){.hero h1{font-size:42px}.product-grid{grid-template-columns:1fr}.product-image{height:180px}.product-info p{min-height:0}.topbar-inner a{font-size:9px}.filter{font-size:10px}.section-pad{padding:58px 0}}

/* Identidad visual Fundo Imperial */
.brand-logo{width:174px;height:72px;object-fit:contain}
.promo-art{border-radius:8px;overflow:visible}
.promo-art>img{width:min(100%,360px);height:250px;object-fit:cover;border-radius:8px;box-shadow:0 18px 42px rgba(0,0,0,.3);border:3px solid rgba(244,196,48,.75)}
.promo-stamp{z-index:2}
@media(max-width:760px){.brand-logo{width:145px;height:62px}.promo-art>img{height:210px;width:min(100%,320px)}}