/* ====== Brand ====== */
:root{
  --brand-900:#E9E9E9;  /* Blanco navbar */
  --brand-800:#0A2E5D;/* Azul HambuerguerMenu */
  
  --brand-700:#1b3c63;
  --brand-500:#2a5caa;  /* azul acentos */
  --brand-400:#3f79cf;
  --brand-100:#e8f0fb;

  --accent-500:#ED703C; /* naranja principal */
  --accent-600:#e36c32;
  --accent-700:#cf5f2b;

  --radius-2xl: 1.25rem;
}

html {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.--accent-500 {
  color: var(--accent-500);
}






/* Utilidades de marca */
.bg-brand-900{ background: var(--brand-900) !important; }
.text-brand-800{ color: var(--brand-800) !important; }
.text-brand-400{ color: var(--brand-400) !important; }
.text-brand-700{ color: var(--brand-700) !important; }
.text-brand-500{ color: var(--brand-500) !important; }
.bg-brand-100{ background: var(--brand-100) !important; }
.bg-brand-100 .text-brand-700{ color: var(--brand-700); }

.btn-brand{
  --bs-btn-bg: var(--accent-500);
  --bs-btn-border-color: var(--accent-500);
  --bs-btn-hover-bg: var(--accent-600);
  --bs-btn-hover-border-color: var(--accent-600);
  --bs-btn-active-bg: var(--accent-700);
  --bs-btn-active-border-color: var(--accent-700);
  --bs-btn-color: #fff;
  border-radius: 12px;
  padding:.65rem 1rem;
  box-shadow: 0 6px 16px rgba(241,120,61,.25);
}

.badge.bg-brand-100{
  border:1px solid rgba(42,92,170,.15);
}

/* Navbar */
.navbar .nav-link{
  opacity:.95;
  padding: 1.8rem;
  
}
.navbar .nav-link:hover{
  opacity:1;
}
.nav-icon{
  color:#ED703C;
  font-size:1.15rem;
}

/* Hero */
.hero{
  min-height: 72vh;
  display: grid;
  align-content: center;
  position: relative;
  overflow: hidden;

}
.hero-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter: saturate(.95);
}
.hero-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(8, 25, 40, 0.65) 0%, rgba(15,44,70,.55) 35%, rgba(15,44,70,.30) 100%);
}
.hero-title{
  font-weight:800;
  letter-spacing:.2px;
  margin-bottom:.5rem;
  line-height: 1.15;
  font-size: clamp(28px, 4.5vw, 48px);
}
@media (min-width:992px){
  .hero{ min-height: 70vh; }
  
}

/* WhatsApp floating */
.whatsapp-float {
  position: fixed;
  bottom: 20px;         /* Distancia desde abajo */
  right: 20px;          /* Distancia desde la derecha */
  background-color: #25d366;
  color: white;
  font-size: 28px;
  padding: 12px 14px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  z-index: 999;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 10px rgba(0,0,0,0.3);
  color: white;
}

.whatsapp-float i {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Product cards */
.card.product{
  border: none;
  border-radius: var(--radius-2xl);
  box-shadow: 0 8px 24px rgba(16,24,40,0.06);
  overflow: hidden;
}
.product-img{
  max-height: 220px;
}
.price{
  color:#0f172a;
}

/* Contact section right panel (naranja grande) */
.brand-panel{
  background: var(--brand-900);
  min-height: 100%;
  border-radius: var(--radius-2xl);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

/* Form */
.form-control{
  border-radius: 12px;
  box-shadow: 0 2px 0 rgba(0,0,0,.03) inset;
}
.form-control:focus{
  border-color: var(--brand-400);
  box-shadow: 0 0 0 .25rem rgba(63,121,207,.15);
}

/* Footer */
footer{
  letter-spacing:.2px;
}