:root{
  /* Base */
  --bg: #FFFBF6;        /* crema muy suave */
  --paper: #FFFFFF;     /* blanco */
  --soft: #FFF4F7;      /* rosa pastel ligero */

  /* Marca (logo) */
  --navy: #01224E;      /* azul del logo (aprox) */
  --navy-2: #001E48;    /* un poquito más oscuro */
  --gold: #D8B05A;      /* dorado principal */
  --gold-2: #B88938;    /* dorado oscuro (bordes/sombras) */
  --champagne: #F0D890; /* dorado claro */

  /* Texto */
  --ink: #0E1A2B;       /* tinta azul oscura */
  --muted: #586174;     /* gris-azulado */

  /* Efectos */
  --shadow: 0 20px 50px rgba(1, 34, 78, .10);
  --radius: 18px;

  --font-title: "Playfair Display", serif;
  --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

html, body {
  background: linear-gradient(180deg, var(--bg), #ffffff);
  color: var(--ink);
  font-family: var(--font-body);
}

.section-pad{ padding: 90px 0; }

.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,.82);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(216,176,90,.35);
}

.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;
}

/* 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: 420px;
  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(255,233,242,.75), transparent 50%),
    radial-gradient(circle at 90% 20%, rgba(255,245,221,.75), transparent 50%),
    rgba(255,255,255,.6);
  border-top: 1px solid rgba(200,163,90,.15);
  border-bottom: 1px solid rgba(200,163,90,.15);
}
*/

.bg-soft{
  background:
    radial-gradient(circle at 10% 10%, rgba(240,216,144,.35), transparent 50%),
    radial-gradient(circle at 90% 20%, rgba(255,244,247,.55), transparent 50%),
    rgba(255,255,255,.6);
  border-top: 1px solid rgba(216,176,90,.20);
  border-bottom: 1px solid rgba(216,176,90,.20);
}

.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(200,163,90,.18);
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
  overflow: hidden;
}
.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: 70px 0; }
}