:root{
  /* Premium boutique palette */
  --bg: #F4F1EA;        /* warm off-white */
  --paper: #FFFFFF;
  --soft: #EFE7DA;      /* warm sand */

  --navy: #01224E;      /* brand navy */
  --navy-2: #00183A;    /* deeper navy */
  --navy-3: #000F26;    /* darkest */

  --gold: #D3A64E;      /* rich gold */
  --gold-2: #A9771F;    /* deep gold */
  --champagne: #F0D27A; /* light gold */

  --ink: #0B1626;
  --muted: #4E5A70;

  --shadow: 0 22px 60px rgba(0, 15, 38, .18);
  --radius: 18px;

  --font-title: "Playfair Display", serif;
  --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
html, body{
  background:
    radial-gradient(circle at 10% 0%, rgba(211,166,78,.14), transparent 55%),
    radial-gradient(circle at 95% 10%, rgba(1,34,78,.08), transparent 55%),
    linear-gradient(180deg, var(--bg), #ffffff);
  color: var(--ink);
  font-family: var(--font-body);
}

.section-pad{ /*padding: 90px 0;*/ padding: 120px 0px 140px 0px; }

/* Secciones premium */
.section-light{
  background: rgba(255,255,255,.82);
  border-top: 1px solid rgba(211,166,78,.22);
  border-bottom: 1px solid rgba(211,166,78,.22);
}
.section-light-soft{
  background:
    radial-gradient(circle at 15% 15%, rgba(240,210,122,.18), transparent 55%),
    radial-gradient(circle at 85% 25%, rgba(1,34,78,.06), transparent 55%),
    rgba(255,255,255,.78);
  border-top: 1px solid rgba(211,166,78,.18);
}
.section-dark{
  background:
    radial-gradient(circle at 20% 20%, rgba(211,166,78,.22), transparent 60%),
    linear-gradient(180deg, rgba(0,15,38,.96), rgba(1,34,78,.92));
  color: rgba(255,255,255,.92);
  border-top: 1px solid rgba(211,166,78,.18);
  border-bottom: 1px solid rgba(211,166,78,.18);
}
.section-dark .section-kicker{ color: var(--champagne); }
.section-dark .section-title{ color: #fff; }
.section-dark .text-muted{ color: rgba(255,255,255,.78) !important; }
.section-dark .feature-card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(240,210,122,.22);
}
.section-dark .feature-card i{ color: var(--champagne); }
.section-kicker{
  color: var(--gold-2);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 700;
}

.section-title{
  font-family: var(--font-title);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.text-gold{ color: var(--gold-2); }

.navbar-glass{
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(211,166,78,.38);
}

.brand{
  display:flex;
  align-items:center;
  gap:.6rem;
  text-decoration:none;
}
/*
.brand-mark{
  width: 42px; height: 42px;
  display:grid; place-items:center;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff, #ffe9f2);
  border: 1px solid rgba(200,163,90,.35);
  color: var(--gold-2);
  font-weight: 800;
  box-shadow: var(--shadow);
}
*/
.brand-mark{
  background: linear-gradient(135deg, #fff, rgba(240,216,144,.35));
  border: 1px solid rgba(216,176,90,.55);
  color: var(--navy);
}
.brand-text{
  font-family: var(--font-title);
  font-weight: 700;
  color: var(--ink);
}

.nav-link{
  font-weight: 600;
  color: rgba(1, 34, 78, .78);
}
.nav-link:hover, .nav-link.active{
  color: var(--gold-2);
}

.translate-box{
  transform: scale(.95);
  transform-origin: right center;
}
/*
.btn-gold{
  background: linear-gradient(180deg, var(--gold), var(--gold-2));
  border: none;
  color: #fff;
  box-shadow: 0 12px 30px rgba(200,163,90,.25);
}
*/
.btn-gold{
  background: linear-gradient(180deg, var(--navy), var(--navy-2));
  border: none;
  color: #fff;
  box-shadow: 0 12px 30px rgba(216,176,90,.25);
}
.btn-gold:hover{ filter: brightness(.98); color:#fff; }

/*
.btn-outline-gold{
  border: 1px solid rgba(200,163,90,.7);
  color: var(--gold-2);
}
.btn-outline-gold:hover{
  background: rgba(200,163,90,.08);
  color: var(--gold-2);
}
*/

.btn-outline-gold{
  border: 1px solid rgba(216,176,90,.75);
  color: var(--gold-2);
}
.btn-outline-gold:hover{
  background: rgba(216,176,90,.10);
  color: var(--gold-2);
}

.badge-soft{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding: .55rem .85rem;
  border-radius: 999px;
  background: rgba(255, 233, 242, .55);
  border: 1px solid rgba(200,163,90,.25);
  color: rgba(35,31,32,.85);
  font-weight: 600;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
  color: var(--gold) !important;
}

/* HERO */
.hero{
  position: relative;
  overflow: hidden;
}
.hero-title{
  font-family: var(--font-title);
  line-height: 1.08;
}
.hero-card{
  position: relative;
  border-radius: calc(var(--radius) + 8px);
  box-shadow: var(--shadow);
  border: 1px solid rgba(200,163,90,.22);
  overflow: hidden;
  background: var(--paper);
  min-height: 420px;
}
.hero-image{
  height: 420px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,233,242,.9), transparent 55%),
    radial-gradient(circle at 80% 30%, rgba(255,245,221,.9), transparent 55%),
    url("https://images.unsplash.com/photo-1517686469429-8bdb88b9f907?auto=format&fit=crop&w=1200&q=70");
  background-size: cover;
  background-position: center;
}
.hero-card-floating{
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: min(360px, 92%);
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(200,163,90,.22);
  backdrop-filter: blur(12px);
  border-radius: var(--radius);
  padding: 16px 16px;
  box-shadow: 0 12px 35px rgba(0,0,0,.08);
}
.icon-pill{
  width: 40px; height: 40px;
  display:grid; place-items:center;
  border-radius: 14px;
  background: rgba(255,233,242,.65);
  border: 1px solid rgba(200,163,90,.22);
  color: var(--gold-2);
}

.hero-stats{
  display:flex;
  gap: 14px;
  flex-wrap: wrap;
}
.stat{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(200,163,90,.18);
  border-radius: 16px;
  padding: 10px 14px;
}
.stat-num{
  font-weight: 800;
  color: var(--gold-2);
  letter-spacing: -.02em;
}
.stat-label{
  font-size: .82rem;
  color: rgba(35,31,32,.65);
}

.divider-wave{
  position:absolute;
  left:0; right:0; bottom:-1px;
  height: 80px;
  background: radial-gradient(circle at 30% 0%, rgba(255,233,242,.8), transparent 55%),
              radial-gradient(circle at 70% 0%, rgba(255,245,221,.75), transparent 55%);
  filter: blur(10px);
}

/* ABOUT */
.about-visual{
  position: relative;
  border-radius: calc(var(--radius) + 8px);
  overflow: hidden;
  border: 1px solid rgba(200,163,90,.22);
  box-shadow: var(--shadow);
  min-height: 420px;
  background: var(--paper);
}
.about-image{
  height: 540px;
  /*background:
    radial-gradient(circle at 25% 20%, rgba(255,233,242,.8), transparent 55%),
    radial-gradient(circle at 80% 30%, rgba(255,245,221,.8), transparent 55%),
    url("https://images.unsplash.com/photo-1551024601-bec78aea704b?auto=format&fit=crop&w=1200&q=70");
    */
  background-size: cover;
  background-position: center;
}
.about-badge{
  position:absolute;
  left: 16px;
  bottom: 16px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(200,163,90,.22);
  border-radius: 999px;
  padding: 10px 14px;
  box-shadow: 0 12px 35px rgba(0,0,0,.08);
  color: rgba(35,31,32,.85);
  font-weight: 700;
}

.feature-card{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(200,163,90,.18);
  border-radius: var(--radius);
  padding: 14px;
}
.feature-card i{
  font-size: 1.25rem;
  color: var(--gold-2);
}

/* PRODUCTS */
/*
.bg-soft{
  background:
    radial-gradient(circle at 10% 10%, rgba(240,210,122,.35), transparent 55%),
    radial-gradient(circle at 90% 25%, rgba(241,214,222,.55), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.65));
  border-top: 1px solid rgba(211,166,78,.28);
  border-bottom: 1px solid rgba(211,166,78,.28);
}
*/

.bg-soft{
  background:
    radial-gradient(circle at 10% 10%, rgba(240,210,122,.35), transparent 55%),
    radial-gradient(circle at 90% 25%, rgba(241,214,222,.55), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.65));
  border-top: 1px solid rgba(211,166,78,.28);
  border-bottom: 1px solid rgba(211,166,78,.28);
}

.icon-pill,
.social-btn{
  color: var(--gold-2);
  border: 1px solid rgba(216,176,90,.35);
}

.product-card{
  border-radius: calc(var(--radius) + 6px);
  border: 1px solid rgba(211,166,78,.24);
  box-shadow: 0 18px 56px rgba(0,0,0,.10);
  overflow: hidden;
  background: rgba(255,255,255,.92);
}
.product-img{
  height: 210px;
  background-size: cover;
  background-position: center;
}
.img-1{ background-image: url("https://images.unsplash.com/photo-1542826438-bd32f43d626f?auto=format&fit=crop&w=1200&q=70");}
.img-2{ background-image: url("https://images.unsplash.com/photo-1519869325930-281384150729?auto=format&fit=crop&w=1200&q=70");}
.img-3{ background-image: url("https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1200&q=70");}
.img-4{ background-image: url("https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1200&q=70");}
.img-5{ background-image: url("https://images.unsplash.com/photo-1486427944299-d1955d23e34d?auto=format&fit=crop&w=1200&q=70");}
.img-6{ background-image: url("https://images.unsplash.com/photo-1602351447937-745cb720612f?auto=format&fit=crop&w=1200&q=70");}

.price-tag{
  font-size: .8rem;
  color: rgba(35,31,32,.7);
  border: 1px solid rgba(216,176,90,.35);
  background: rgba(255,255,255,.75);
  padding: .2rem .55rem;
  border-radius: 999px;
}

/* CONTACT */
.contact-cards{
  display:grid;
  gap: 12px;
}
.contact-card{
  display:flex;
  gap: 12px;
  align-items:center;
  padding: 14px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(200,163,90,.18);
}
.contact-card i{
  font-size: 1.25rem;
  color: var(--gold-2);
}
.link-gold{
  color: var(--gold-2);
  text-decoration: none;
}
.link-gold:hover{ text-decoration: underline; }

.form-shell{
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(200,163,90,.18);
  border-radius: calc(var(--radius) + 6px);
  box-shadow: var(--shadow);
  padding: 22px;
}
.form-control{
  border-radius: 14px;
  border: 1px solid rgba(200,163,90,.20);
}
.form-control:focus{
  border-color: rgba(200,163,90,.55);
  box-shadow: 0 0 0 .25rem rgba(200,163,90,.12);
}

/* Footer */
.footer{
  border-top: 1px solid rgba(200,163,90,.18);
  background: rgba(255,255,255,.75);
}
.footer-link{
  color: rgba(35,31,32,.72);
  text-decoration:none;
  font-weight:600;
}
.footer-link:hover{ color: var(--gold-2); }

/* Modal */
.modal-soft{
  border-radius: calc(var(--radius) + 8px);
  border: 1px solid rgba(200,163,90,.18);
  box-shadow: var(--shadow);
}

/* Barra lateral redes */
.social-rail{
  position: fixed;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  z-index: 1040;
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.social-btn{
  width: 44px;
  height: 44px;
  display:grid;
  place-items:center;
  border-radius: 16px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(200,163,90,.22);
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
  color: var(--gold-2);
  text-decoration:none;
}
.social-btn:hover{
  transform: translateY(-2px);
  transition: .15s ease;
}

.brand-logo{
  height: 52px;         /* ajusta a gusto */
  width: auto;
  display: block;
}

/* WhatsApp flotante */
.whatsapp-float{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1040;
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 999px;
  background: #25D366;
  color: #fff;
  text-decoration:none;
  box-shadow: 0 14px 35px rgba(0,0,0,.15);
  font-weight: 700;
}
.whatsapp-float i{ font-size: 1.25rem; }
.whatsapp-float:hover{ filter: brightness(.98); color:#fff; }

/* Responsive */
@media (max-width: 768px){
  .section-pad{ padding: 90px 0; }

/* Secciones premium */
.section-light{
  background: rgba(255,255,255,.82);
  border-top: 1px solid rgba(211,166,78,.22);
  border-bottom: 1px solid rgba(211,166,78,.22);
}
.section-light-soft{
  background:
    radial-gradient(circle at 15% 15%, rgba(240,210,122,.18), transparent 55%),
    radial-gradient(circle at 85% 25%, rgba(1,34,78,.06), transparent 55%),
    rgba(255,255,255,.78);
  border-top: 1px solid rgba(211,166,78,.18);
}
.section-dark{
  background:
    radial-gradient(circle at 20% 20%, rgba(211,166,78,.22), transparent 60%),
    linear-gradient(180deg, rgba(0,15,38,.96), rgba(1,34,78,.92));
  color: rgba(255,255,255,.92);
  border-top: 1px solid rgba(211,166,78,.18);
  border-bottom: 1px solid rgba(211,166,78,.18);
}
.section-dark .section-kicker{ color: var(--champagne); }
.section-dark .section-title{ color: #fff; }
.section-dark .text-muted{ color: rgba(255,255,255,.78) !important; }
.section-dark .feature-card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(240,210,122,.22);
}
.section-dark .feature-card i{ color: var(--champagne); }
}

/* HERO con imagen de fondo (más bakery desde el primer vistazo) */
.hero-bg{
  /*
  background:
    linear-gradient(180deg, rgba(0,15,38,.78), rgba(0,15,38,.32)),
    radial-gradient(circle at 20% 20%, rgba(211,166,78,.28), transparent 60%),
    url("https://images.unsplash.com/photo-1542826438-bd32f43d626f?auto=format&fit=crop&w=2200&q=70");
  */
  background-size: cover;
  background-position: center;
  color: #fff;
}

.hero-bg .text-muted,
.hero-bg .lead{
  color: rgba(255,255,255,.88) !important;
}

.hero-bg .badge-soft{
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(240,216,144,.35);
  color: rgba(255,255,255,.95);
}

.hero-bg .stat{
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(240,216,144,.25);
}

.hero-bg .stat-label{
  color: rgba(255,255,255,.85);
}

/* Panel derecho del hero */
.hero-panel{
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(211,166,78,.32);
  border-radius: calc(var(--radius) + 10px);
  box-shadow: var(--shadow);
  padding: 18px;
  color: var(--ink);
  backdrop-filter: blur(12px);
}

.hero-panel-title{
  font-family: var(--font-title);
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 12px;
  color: var(--navy);
}

.hero-panel-item{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 10px 10px;
  border-radius: 16px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(216,176,90,.18);
  margin-bottom: 10px;
}


/* Botón alterno premium (navy) */
.btn-navy{
  background: linear-gradient(180deg, var(--navy), var(--navy-2));
  border: 1px solid rgba(240,210,122,.28);
  color: #fff;
  box-shadow: 0 12px 30px rgba(0,15,38,.25);
}
.btn-navy:hover{ filter: brightness(1.02); color:#fff; }

.btn-outline-navy{
  border: 1px solid rgba(1,34,78,.45);
  color: var(--navy);
  background: rgba(255,255,255,.75);
}
.btn-outline-navy:hover{
  background: var(--navy);
  color: rgba(255,255,255,.75);
}

/* .btn-gold:hover{
  background: var(--gold);
  color: var(--navy);
} */

.footer-dark{
  background: linear-gradient(180deg, rgba(0,15,38,.96), rgba(1,34,78,.94));
  border-top: 1px solid rgba(211,166,78,.25);
}
.footer-dark .footer-link,
.footer-dark .text-muted{
  color: rgba(255,255,255,.82) !important;
}
.footer-dark .footer-link:hover{
  color: var(--champagne) !important;
}