:root{--black:#050505;--yellow:#F2A900;--orange:#E64A23;--red:#D52F17;--cream:#fff1d4;--text:#fff4df;--muted:#e2d0b4;--display:'Bebas Neue',Impact,sans-serif;--cond:'Barlow Condensed',Arial,sans-serif;--script:'Permanent Marker',cursive;--body:'Inter',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 8%,rgba(217,48,20,.18),transparent 28%),radial-gradient(circle at 78% 4%,rgba(242,169,0,.13),transparent 26%),#050505;color:var(--text);font-family:var(--body);overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input{font:inherit}.container{width:min(1280px,calc(100% - 48px));margin-inline:auto}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:42px;padding:12px max(26px,calc((100vw - 1280px)/2));background:rgba(0,0,0,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}.brand img{width:96px;filter:drop-shadow(0 10px 18px #000)}.nav{flex:1;display:flex;justify-content:center;gap:46px;font:900 22px/1 var(--cond);text-transform:uppercase;letter-spacing:.04em}.nav a{position:relative;padding:18px 0}.nav a.active:after,.nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:4px;border-radius:4px;background:var(--yellow)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;padding:18px 28px;min-height:54px;font:900 22px/1 var(--cond);text-transform:uppercase;letter-spacing:.035em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn img{width:24px;height:24px}.btn-yellow{background:linear-gradient(180deg,#ffb91c,#e99a00);color:#120b00}.btn-red{background:linear-gradient(180deg,#ec4b25,#c82712);color:#fff;box-shadow:0 14px 32px rgba(207,43,16,.32)}.btn-outline{background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.34);color:#fff}.btn.slim{min-height:50px;padding:16px 28px}
.hero{position:relative;min-height:760px;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.78) 34%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.68)),url("../assets/hero-background-full.jpg") center/cover no-repeat}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(0deg,#050505,transparent)}.hero-content{position:relative;z-index:2}.hero-copy{max-width:590px}.script{margin:0 0 10px;font-family:var(--script);color:#ff542b;font-size:42px;line-height:1;text-shadow:0 8px 18px #000}.script.small{font-size:30px;color:var(--yellow)}h1{margin:0 0 28px;font:400 clamp(84px,9vw,154px)/.86 var(--display);text-transform:uppercase;letter-spacing:.015em;text-shadow:0 12px 30px #000}h1 span{display:block;color:#fff2de}h1 strong{display:block;color:var(--yellow);font-weight:400}.lead{max-width:520px;margin:0 0 36px;font-size:27px;line-height:1.32;color:#fff}.lead b{color:#ff4a24}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}
.strip-section{margin-top:28px}.strip-section img{width:100%;height:auto;filter:drop-shadow(0 18px 45px rgba(0,0,0,.55))}.benefits{margin-top:-34px;position:relative;z-index:4}.categories{background:transparent;padding:0;border-radius:0}.section{padding:56px 0}.products-full{width:100%;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.6)}.delivery{margin-top:6px;margin-bottom:52px}
.community{padding:54px 0}.community-grid{display:grid;grid-template-columns:.78fr 1.1fr;gap:46px;align-items:center;padding:42px 48px;background:linear-gradient(90deg,rgba(126,20,8,.97),rgba(9,9,9,.98) 48%,rgba(18,18,18,.98)),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 8px);border:1px solid rgba(239,72,34,.36);box-shadow:0 28px 75px rgba(0,0,0,.66)}.community-copy h2{margin:0 0 16px;font:400 clamp(70px,7vw,118px)/.88 var(--display);text-transform:uppercase;color:#fff0d4}.community-copy h2 span{display:block;font:900 38px/1 var(--cond);color:var(--yellow)}.community-copy p{margin:0;max-width:470px;font-size:23px;line-height:1.35;color:#fff}.community-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}.field label{display:block;margin-bottom:8px;font-size:18px;font-weight:700}.field input{width:100%;height:58px;border-radius:8px;border:1px solid rgba(255,255,255,.30);background:#070707;color:#fff;padding:0 20px;font-size:18px}.check{grid-column:1/-1;display:flex;gap:14px;align-items:flex-start;font-size:18px;line-height:1.45}.check input{appearance:none;width:28px;height:28px;flex:0 0 auto;border:2px solid #ddd;border-radius:4px;background:transparent}.check input:checked{background:var(--yellow);border-color:var(--yellow)}.form-btn{grid-column:1/-1;width:100%;height:62px}.community-form small{grid-column:1/-1;color:#ddd;text-align:center}
.footer{padding:60px 0 24px;background:#050505;border-top:1px solid rgba(255,255,255,.10)}.footer-grid{display:grid;grid-template-columns:1.1fr .7fr 1fr 1.05fr;gap:48px;align-items:start}.footer-logo{width:132px;margin-bottom:18px}.location{margin:0 0 22px;font-size:25px;line-height:1.2;color:#fff2de}.social{display:flex;gap:15px}.social a{width:58px;height:58px;display:grid;place-items:center;border:3px solid var(--yellow);border-radius:50%}.social img{width:32px;height:32px}.footer h4{margin:0 0 20px;font:900 34px/1 var(--cond);text-transform:uppercase;color:#fff1df}.footer a{display:block;margin:9px 0;color:#f3e5d0;font-size:18px}.order-box .btn{min-width:280px;margin-bottom:22px}.copyright{margin-top:44px;padding-top:22px;text-align:center;color:#bca98f;border-top:1px solid rgba(255,255,255,.15);font-size:17px}
@media(max-width:1080px){.nav{display:none}.hero{min-height:700px}.community-grid,.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.container{width:min(100% - 28px,1280px)}.topbar{padding:8px 14px;justify-content:space-between}.brand img{width:74px}.topbar .btn{font-size:17px;padding:13px 14px;min-height:44px}.hero{min-height:690px;align-items:flex-start;padding-top:54px}.hero-bg{background-position:68% center}.script{font-size:30px}h1{font-size:76px}.lead{font-size:21px}.hero-actions .btn{width:100%}.benefits{margin-top:0}.community-grid{grid-template-columns:1fr;padding:28px 20px}.community-form{grid-template-columns:1fr}.community-copy h2{font-size:70px}.footer-grid{grid-template-columns:1fr}.order-box .btn{width:100%;min-width:unset}}

/* === AJUSTE FINAL PEDIDO: solo hero title + iconos footer === */
.hero-title-fixed span,
.hero-title-fixed strong{
  display:block;
  white-space:nowrap;
}
.social a{
  display:grid !important;
  place-items:center !important;
  width:64px;
  height:64px;
  border-radius:50%;
}
.social a img{
  width:32px !important;
  height:32px !important;
  display:block !important;
  object-fit:contain !important;
}
@media (max-width: 700px){
  .hero-title-fixed span,
  .hero-title-fixed strong{
    white-space:normal;
  }
}


/* === AJUSTE FINAL: redes reales + WhatsApp flotante === */
.social{
  flex-wrap:wrap;
}
.social a{
  display:grid !important;
  place-items:center !important;
}
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:999;
  width:66px;
  height:66px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#0b0b0b;
  border:3px solid #F2A900;
  box-shadow:0 14px 36px rgba(0,0,0,.45);
  transition:transform .2s ease, box-shadow .2s ease;
}
.whatsapp-float:hover{
  transform:translateY(-3px) scale(1.03);
  box-shadow:0 18px 42px rgba(0,0,0,.55);
}
.whatsapp-float img{
  width:34px;
  height:34px;
  display:block;
}
@media(max-width:650px){
  .whatsapp-float{
    width:58px;
    height:58px;
    right:16px;
    bottom:16px;
  }
  .whatsapp-float img{
    width:30px;
    height:30px;
  }
}