/* Habana Global — visual fidelity pass based on owner-approved reference, 11 Oct 2026.
   Image placeholders are illustrative. Replace with business-authorized photography.
   Keep typography, interactions and product data accessible and functional. */

:root {
  --night: #061421;
  --deep: #091c2c;
  --ink: #0a1927;
  --panel: #091b2b;
  --line: rgba(230,187,101,.35);
  --gold: #e9bb59;
  --gold-soft: #f3cf79;
  --cream: #f6f3ed;
}
body{background:#061521}
.preview-ribbon{background:#132435;color:#d3bf8f;border-bottom:1px solid #ab864d;font-size:9px;letter-spacing:.11em;min-height:26px;padding:7px}
.site-header{background:linear-gradient(180deg,rgba(3,15,27,.98),rgba(5,19,32,.96));border-bottom:1px solid #af8239}
.header-inner{min-height:76px}
.identity-type strong{font-size:23px;letter-spacing:.02em;color:#f2c76e}
.identity-type small{color:#e9bc60;letter-spacing:.23em}
.identity-mark{height:58px;width:58px;border-color:#f2c76e;font-size:37px}
.identity-mark i{font-size:21px}
.main-nav{gap:27px}
.nav-link{font-size:12px}
.header-cta{background:linear-gradient(180deg,#f6d885,#dda442);color:#061522;border:1px solid #f2cb7b;box-shadow:0 5px 17px #0005;padding:13px 22px;font-size:14px;border-radius:5px}
.hero{background:#061421;min-height:555px;border-bottom:6px solid #bb8535}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 10%,#30445377,transparent 60%),linear-gradient(90deg,#061321 0%,#061321f7 27%,#071624ad 56%,#17253022 100%);z-index:1;pointer-events:none}
.hero-grain{z-index:0;opacity:.8;background-image:linear-gradient(90deg,transparent 92%,rgba(227,181,90,.09) 93%),linear-gradient(0deg,transparent 92%,rgba(227,181,90,.07) 93%);background-size:56px 56px}
.hero-layout{grid-template-columns:52% 48%;min-height:555px}
.hero-copy{padding:51px 0 28px;position:relative;z-index:10}
.eyebrow{font-size:10px;letter-spacing:.28em;color:#f5cf6f}
.eyebrow-line{width:11px;height:11px;transform:rotate(45deg);background:transparent;border:1px solid #dfb15e}
.hero h1{font-size:clamp(45px,5.05vw,69px);margin:19px -40px 9px 0;line-height:.98;font-weight:bold;letter-spacing:-.055em;color:#fff;text-shadow:0 5px 19px #000b}
.hero h1>span{color:#efc265}
.hero-subheading{font-size:21px;line-height:1.35;font-weight:700;color:#f7f5f0;margin-bottom:11px}
.hero-description{font-size:13px;max-width:370px;line-height:1.63;color:#e0e6e9;margin-bottom:18px}
.hero-actions{gap:9px}
.hero-actions .button{padding:14px 19px;border-radius:4px;font-size:12px;gap:16px;white-space:nowrap}
.button-gold{background:linear-gradient(180deg,#f7d986,#e4b052);border:1px solid #f4d17a;color:#09141f;box-shadow:0 4px 10px #0003}
.button-outline{border:1px solid #dda94c;background:rgba(2,13,23,.9);color:#fff;box-shadow:0 4px 10px #0003}
.hero-benefits{margin-top:39px;display:flex;gap:0;color:#e9e9e6}
.hero-benefits>div{display:flex;align-items:center;gap:11px;padding:3px 17px;border-right:1px solid #b68c4c81;flex-shrink:0}
.hero-benefits>div:first-child{padding-left:0}
.hero-benefits>div:last-child{border:0}
.hero-benefits b{font-size:9px;line-height:1.4;letter-spacing:0;color:#f1f0ea}
.benefit-icon{display:grid;place-items:center;color:#061624;background:linear-gradient(145deg,#f6d886,#c78d2d);border:2px solid #d5a24d;border-radius:50%;height:36px;width:36px;font-size:20px;box-shadow:0 0 9px #0006;font-weight:900}
.hero-showcase{height:540px;position:relative;align-self:end}
.hero-showcase:before{content:"";position:absolute;inset:2% -13% 0 -2%;z-index:1;background:linear-gradient(90deg,#071825ef,transparent 24%),linear-gradient(180deg,#0002 0%,transparent 20%,transparent 70%,#11151f),repeating-linear-gradient(90deg,rgba(118,81,36,.36) 0 8px,transparent 9px 110px),repeating-linear-gradient(0deg,rgba(224,186,108,.21) 0 7px,transparent 8px 122px),radial-gradient(circle at 60% 30%,#b9986088,#24323d 42%,#0c1a25 90%);filter:contrast(1.06)}
.warehouse-scene{position:absolute;inset:0;z-index:2;opacity:.8;pointer-events:none;overflow:hidden}
.warehouse-scene i{position:absolute;display:block;top:12%;height:69%;width:37px;background:linear-gradient(90deg,#513923,#a27643,#4d392c);box-shadow:0 0 35px #000c}
.warehouse-scene i:nth-child(1){left:11%;transform:perspective(400px) rotateY(20deg)}
.warehouse-scene i:nth-child(2){left:34%;width:18px}
.warehouse-scene i:nth-child(3){left:56%;width:18px}
.warehouse-scene i:nth-child(4){left:81%;width:30px}
.warehouse-scene i:nth-child(5){display:none}
.showcase-halo{z-index:3;right:-30px;top:15px;width:430px;height:460px;background:radial-gradient(circle,#ecb95930,#423b2930 38%,transparent 70%)}
.showcase-arch{display:none}
.illustrated-stock{z-index:5;filter:saturate(1.45) contrast(1.02);left:0;right:0}
.showcase-product{bottom:82px;filter:drop-shadow(7px 15px 12px #000b)}
.gold-can{left:1%;width:110px;height:236px}
.red-box{left:22%;width:220px;height:157px;bottom:67px}
.green-carton{right:13%;bottom:93px}
.ivory-bag{right:-5%;bottom:67px}
.showcase-base{z-index:6;bottom:53px;height:42px;background:linear-gradient(180deg,#b49460,#745333 50%,#19212b 53%,#061019);width:720px}
.floating-label.label-one.address-panel{position:absolute;top:26px;right:-5%;padding:14px 18px;width:197px;transform:none;border:1px solid #ddad59;border-radius:11px;box-shadow:0 12px 30px #000a;z-index:9;background:#071523f7}
.address-panel small{font-size:10px!important;color:#edc36a!important;letter-spacing:.1em!important;font-weight:800}
.address-panel strong{font-family:Arial,sans-serif!important;display:block;font-size:15px!important;line-height:1.15!important;font-weight:900!important;margin:8px 0!important}
.address-panel span{display:block;font-size:9px;line-height:1.45;color:#e3e6e4;letter-spacing:.02em;font-weight:700}
.address-panel hr{border:0;border-top:1px solid #d6a55688;margin:11px 0}
.showcase-disclaimer{z-index:7;right:0;bottom:8px;color:#d1d7d4;font-size:9px;text-shadow:0 1px 4px #000}
.ticker.design-divider{min-height:7px;height:7px;overflow:hidden;background:linear-gradient(90deg,#885829,#f9d98c 19%,#8f6633 30%,#e4b466 60%,#865522);border:0}
.design-divider .ticker-inner{display:none}
.section{padding:38px 0 50px}
.categories-section,.catalog-section,.about-section{background:radial-gradient(ellipse at 50% -30%,#1a344a,#061521 66%);color:#fff}
.categories-section{border-bottom:1px solid #c28e4a}
.section-heading{gap:20px}
.section-heading h2,.about-copy h2,.location-copy h2{font-family:Georgia,serif;font-size:clamp(29px,3vw,42px);letter-spacing:-.02em;line-height:1.1;margin:4px 0 0;color:#f1c168;font-weight:bold}
.section-heading h2 em{font-style:normal;color:inherit}
.section-heading .overline{font-size:9px;letter-spacing:.26em;line-height:1.5;color:#d2d5d8}
.section-heading p{font-size:11px;line-height:1.5;color:#bfc5cc;max-width:310px}
.split-heading,.catalog-heading{margin-bottom:17px}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.category-card{height:270px;min-height:0;padding:0;overflow:hidden;border:1px solid #be8946;border-radius:4px;box-shadow:0 3px 17px #0005;display:block;background:#102d3d}
.category-index{position:absolute;top:10px;left:12px;z-index:4;font-size:11px;text-shadow:0 2px 5px #000;background:#06192988;padding:4px 7px;border-radius:2px}
.category-art{inset:0 0 91px;opacity:1;transform:none;filter:saturate(1.5) contrast(1.05)}
.category-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#fff3,#0d1f2a77 80%),repeating-linear-gradient(90deg,transparent 0 52px,#79552b70 53px 55px),repeating-linear-gradient(0deg,#18262c 0 10px,transparent 11px 75px);z-index:0}
.category-art i{z-index:1}
.category-card:hover{transform:translateY(-3px)}
.category-bottom{position:absolute;bottom:0;left:0;right:0;height:113px;background:linear-gradient(180deg,#061a2bde,#05131efc 36%);display:block;padding:12px;text-align:center;z-index:2}
.category-bottom span:first-child{display:flex;flex-direction:column;align-items:center}
.category-bottom strong{order:1;color:#fff;font:900 15px Arial,sans-serif;text-transform:uppercase;margin-bottom:5px;letter-spacing:0}
.category-bottom small{order:2;color:#c8d1d7;font-size:10px;font-weight:normal;letter-spacing:0;line-height:1.3;max-width:205px;height:28px;margin:0}
.category-bottom em{order:3;display:block;width:min(100%,160px);background:linear-gradient(180deg,#f5d381,#d6a34a);color:#071622;font-size:10px;font-weight:800;font-style:normal;border-radius:20px;padding:8px 12px;margin:5px auto 0}
.category-bottom .circle-arrow,.circle-arrow{display:none}
.category-drinks{background:#223d46}
.category-groceries{background:#24382c}
.category-snacks{background:#423331}
.category-other{background:#303336}
.groceries-art i:nth-child(2){background:linear-gradient(90deg,#6d9fa8,#cfe3e1 41%,#67939d)}
.snacks-art i{box-shadow:12px 20px 16px #0008}
.catalog-section{padding-top:22px;padding-bottom:34px;border-bottom:1px solid #ad8548}
.catalog-section .overline{color:#dce2e4}
.catalog-section .section-heading p{color:#b7c6cf}
.catalog-section .section-heading h2{color:#efbc64}
.catalog-tools{flex-wrap:wrap;gap:12px;margin-bottom:15px}
.filter{border-color:#836c4e;background:#0d2435;color:#e4ddcd;padding:8px 13px;font-size:11px}
.filter.active,.filter:hover{background:#e9bb59;color:#091724;border-color:#e9bb59}
.search-field{background:#112737;border:1px solid #c4a062;border-radius:4px;color:#d5bd8c;padding:10px}
.search-field input{color:#fff}
.search-field input::placeholder{color:#c1cbd1}
.catalog-count{color:#b6c3cd;font-size:10px;margin:0 0 10px}
.product-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;min-height:0}
.product-card{border-radius:5px;overflow:hidden;border:1px solid #c5c5c5;color:#131b26;background:#fff;box-shadow:0 4px 16px #0005}
.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0008}
.product-visual{height:154px;background:#fff!important}
.product-visual:before{background:radial-gradient(circle,#eef1ea 5%,#fff0 69%)}
.product-visual:after{bottom:4px;width:125px}
.product-art{transform:scale(.80) rotate(-5deg)}
.product-art.box{transform:scale(.78) rotate(-5deg)}
.product-art.can{transform:scale(.75) rotate(-5deg)}
.visual-badge{color:#757575;background:#f2f2f2dc;border-radius:3px;top:6px;left:6px;font-size:8px}
.product-body{padding:9px 8px 9px;align-items:center;text-align:center}
.product-body .product-category{display:none}
.product-body h3{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.01em;font-size:12px;margin:3px 0;min-height:28px;display:grid;place-items:center}
.product-body p{font-size:10px;margin:0 0 7px;color:#60656b;line-height:1.3;min-height:27px}
.product-action{justify-content:center;background:linear-gradient(180deg,#f3d488,#dfb154);border:0;border-radius:5px;font-size:10px;min-height:31px;padding:7px}
.product-action:hover{background:#f1c66d}
.product-action span{display:none}
.catalog-note{margin-top:16px;padding-top:12px}
.catalog-note p{font-size:11px;color:#aebec9}
.catalog-note span{font-size:21px}
.statement-section{padding:18px 0;background:linear-gradient(90deg,#081d2d,#102a3f,#091e2c);border-bottom:1px solid #c39b5c;border-top:1px solid #a47735}
.statement-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.trust-item{display:flex;gap:17px;align-items:center;padding:8px 25px;border-right:1px solid #9a7858}
.trust-item:first-child{padding-left:0}
.trust-item:last-child{border:0}
.trust-icon{width:50px;height:50px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:linear-gradient(160deg,#f7d67b,#c88e2e);color:#081725;font-size:29px;font-weight:900}
.trust-item strong{font-size:12px;color:#fff}
.trust-item p{color:#cdd5dc;font-size:11px;line-height:1.35;margin:5px 0 0}
.about-section{padding:30px 0 35px}
.about-layout{grid-template-columns:44% 1fr;gap:4%;min-height:330px}
.about-illustration{order:2;min-height:330px;background:repeating-linear-gradient(90deg,#132738 0 45px,#253a46 45px 50px,#182b36 50px 80px),linear-gradient(90deg,#382e24,#132d42);border-color:#b3884e}
.about-illustration:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 55px,#875f3f 57px 67px,transparent 70px 127px),repeating-linear-gradient(90deg,transparent 0 77px,#9e856450 78px 135px,#422f2444 136px 170px);opacity:.8}
.about-illustration:after{content:"FOTOGRAFÍAS DEL NEGOCIO PENDIENTES";position:absolute;bottom:17px;left:19px;padding:9px 11px;z-index:3;background:#061523c9;border:1px solid #dba654;color:#f4d181;font-size:10px;letter-spacing:.14em}
.about-center-mark{font-size:170px;-webkit-text-stroke:2px #e9bf67aa;color:#0a1a2a77}
.about-gridlines{opacity:.15}
.about-vertical{display:none}
.about-corner{display:none}
.about-copy{order:1}
.about-copy h2{margin:6px 0 10px;font-size:clamp(30px,3.5vw,42px)}
.about-copy p{font-size:12px;line-height:1.7;margin-bottom:8px}
.about-values{margin-top:11px;display:flex;flex-wrap:wrap;gap:0;border-top:1px solid #a48255}
.about-values div{padding:8px 10px;display:flex;gap:9px;align-items:center;border-bottom:0;border-right:1px solid #d1a46659}
.about-values div:first-child{padding-left:0}
.about-values div:last-child{border:0}
.about-values span{font-size:11px}
.about-values strong{font-size:10px}
.location-section{padding:26px 0;background:#efeee9}
.location-layout{grid-template-columns:44% 1fr;gap:3%}
.location-copy .overline{color:#4c5b62}
.location-copy h2{font-size:clamp(30px,3.1vw,42px);color:#101f2b;margin:6px 0 12px}
.detail-row{padding:8px 0;gap:11px}
.detail-icon{font-size:20px;color:#d3a459}
.detail-row small{font-size:9px;margin-bottom:4px;color:#47505c}
.detail-row strong{font-size:12px}
.location-actions{margin:13px 0}
.location-actions .button{padding:11px 14px;background:linear-gradient(180deg,#f2d47f,#dca548);color:#0b1923}
.location-copy>.muted{font-size:9px}
.location-art{height:335px;background:#e1e3dc}
.map-tag{font-size:9px;letter-spacing:.05em}
.site-footer{background:#04111b}
.footer-main{padding:25px 0;grid-template-columns:2fr 1fr 1fr;gap:30px}
.footer-main p{margin-top:8px}
.footer-main h3{margin-bottom:9px}
.footer-main a:not(.identity),.footer-contact{margin:7px 0}
.footer-bottom{padding:10px 0 15px}
@media(min-width:1360px){
 .hero-layout{grid-template-columns:51% 49%}
}
@media(max-width:1160px){
 .main-nav{gap:14px}
 .identity-type strong{font-size:18px}
 .hero h1{font-size:clamp(40px,4.8vw,59px)}
 .hero-benefits>div{padding:2px 9px;gap:7px}
 .hero-benefits b{font-size:8px}
 .showcase-product.gold-can{left:0}
 .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:880px){
 .hero-layout{grid-template-columns:1fr;min-height:auto}
 .hero{min-height:auto}
 .hero-copy{padding:44px 0 0}
 .hero h1{font-size:clamp(45px,8.3vw,74px);margin-right:0}
 .hero-description{max-width:590px}
 .hero-showcase{width:100%;height:445px;max-width:650px}
 .hero-showcase:before{left:-8%;right:-8%;inset:0 -8% 0 -8%}
 .warehouse-scene{inset:0}
 .address-panel{right:10px!important;top:15px!important}
 .hero-benefits{margin-top:25px}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-card{height:270px}
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .trust-item{padding:8px 11px;gap:9px}
 .trust-icon{width:38px;height:38px;font-size:22px}
 .trust-item strong{font-size:10px}
 .trust-item p{font-size:9px}
 .about-layout,.location-layout{grid-template-columns:1fr;gap:20px}
 .about-copy,.about-illustration{order:initial}
 .about-illustration{min-height:265px}
 .location-art{height:250px}
}
@media(max-width:600px){
 .header-inner{min-height:65px}
 .identity-type strong{font-size:16px}
 .identity-mark{width:43px;height:43px;font-size:29px}
 .identity-mark i{font-size:16px}
 .hero-copy{padding:35px 0 0}
 .hero h1{font-size:clamp(39px,10vw,57px);line-height:1.02;margin:16px 0 9px}
 .eyebrow{font-size:9px;letter-spacing:.16em}
 .hero-subheading{font-size:17px}
 .hero-description{font-size:12px;max-width:370px}
 .hero-actions .button{flex:1 1 100%;padding:12px;justify-content:center}
 .hero-benefits{gap:0;margin-top:23px;width:100%;justify-content:space-between}
 .hero-benefits>div{flex:1 1 0;padding:3px 5px;gap:5px;flex-direction:column;text-align:center}
 .hero-benefits b{font-size:8px}
 .benefit-icon{width:31px;height:31px;font-size:16px}
 .hero-showcase{height:353px;margin-top:0}
 .hero-showcase:before{inset:4% -12% 0}
 .illustrated-stock{transform:scale(.84);transform-origin:50% 90%;left:-6%;width:111%}
 .gold-can{left:0!important}
 .red-box{left:24%!important}
 .green-carton{right:12%!important}
 .ivory-bag{right:-5%!important}
 .showcase-base{height:24px;bottom:43px}
 .address-panel{width:155px!important;padding:9px!important;right:0!important;top:2px!important}
 .address-panel strong{font-size:11px!important}
 .address-panel span{font-size:7px!important}
 .address-panel small{font-size:8px!important}
 .address-panel hr{margin:6px 0}
 .showcase-disclaimer{font-size:7px}
 .section{padding:28px 0}
 .section-heading h2{font-size:28px}
 .section-heading .overline{font-size:8px}
 .section-heading p{font-size:10px;margin-top:10px}
 .category-grid{gap:8px}
 .category-card{height:232px}
 .category-art{inset:0 0 93px;transform:scale(.88)}
 .category-bottom{height:98px;padding:9px 6px}
 .category-bottom strong{font-size:12px}
 .category-bottom small{font-size:9px;height:22px}
 .category-bottom em{font-size:9px;padding:6px}
 .catalog-section{padding-top:26px}
 .catalog-tools{margin-bottom:9px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .product-visual{height:150px}
 .product-body h3{font-size:12px}
 .statement-layout{display:grid;grid-template-columns:1fr;gap:0}
 .trust-item{border-right:0;border-bottom:1px solid #c3985366;padding:11px 2px}
 .trust-item:first-child{padding-left:2px}
 .trust-item:last-child{border:0}
 .trust-item strong{font-size:11px}
 .trust-item p{font-size:10px}
 .about-copy h2,.location-copy h2{font-size:30px}
 .about-values div{flex:1 1 40%;padding:10px 5px}
 .location-actions{gap:15px}
 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media(prefers-reduced-motion:reduce){.category-card,.product-card,.button{transition:none!important}}