/* ==========================================================================
   Emma Velázquez — Sistema de diseño
   Tokens, componentes y layout reutilizables para todo el sitio.
   Tipografía: Cormorant Garamond (display) + Jost (UI)
   ========================================================================== */

:root{
  /* ---- Paleta de marca ---- */
  --pale-gold:#B6A66A;
  --pale-gold-d:#988A52;   /* dorado más oscuro para texto/hover */
  --silk:#DDD3C4;
  --paper:#F3F1EC;
  --paper-pure:#FAF9F5;
  --charcoal:#3A3A38;
  --black:#0E0E0D;
  --white:#FFFFFF;
  --linea:#E4DECF;
  --tinta:#2B2B29;         /* texto principal */
  --tinta-suave:#7C766B;   /* texto secundario */
  --ok:#2E6B4F;
  --error:#9B2D3A;

  --ancho:1240px;
  --gap:clamp(64px,9vw,140px);  /* respiración vertical entre secciones */
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Jost',system-ui,sans-serif;
  font-weight:300;
  color:var(--tinta);
  background:var(--paper);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--ancho);margin:0 auto;padding:0 32px}
img{max-width:100%;display:block}
a{color:inherit}

/* tipografía display */
h1,h2,h3,.serif{font-family:'Cormorant Garamond',serif;font-weight:400;letter-spacing:.01em}

/* =================== PLACEHOLDERS DE IMAGEN =================== */
.ph{
  position:relative;background:var(--silk);overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.ph::after{
  content:attr(data-img);
  position:absolute;
  font-family:'Jost',sans-serif;font-weight:400;
  font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(58,58,56,.45);
  border:1px solid rgba(58,58,56,.25);
  padding:8px 16px;border-radius:2px;
  background:rgba(243,241,236,.55);
}
/* variación de tono para que no todos los placeholders se vean igual */
.ph.alt{background:#D2C7B4}
.ph.dark{background:var(--charcoal)}
.ph.dark::after{color:rgba(243,241,236,.6);border-color:rgba(243,241,236,.35);background:rgba(14,14,13,.25)}

/* =================== LOGO =================== */
.logo-slot{display:inline-flex;line-height:0;text-decoration:none}
.logo-img{display:block;width:auto;height:44px;max-width:min(220px,42vw)}
.nav-logo .logo-img{height:40px;max-width:min(200px,38vw)}
.intro-marca .logo-slot{margin-bottom:34px}
.intro-marca .logo-img{height:clamp(56px,11vw,92px);max-width:min(360px,85vw)}
.foot-brand .logo-slot{align-items:flex-start;margin-bottom:18px}
.foot-brand .logo-img{height:46px;max-width:220px}

/* =================== NAV =================== */
.nav-top{
  background:var(--black);color:var(--paper);
  font-family:'Jost',sans-serif;font-weight:300;
  font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;
  text-align:center;padding:9px 16px;
}
.nav-top b{color:var(--pale-gold);font-weight:400}

header.site{
  position:sticky;top:0;z-index:50;
  background:rgba(243,241,236,.86);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--linea);
}
.nav{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  max-width:var(--ancho);margin:0 auto;padding:20px 32px;gap:20px;
}
.nav-left,.nav-right{display:flex;gap:30px;align-items:center}
.nav-right{justify-content:flex-end}
.nav a.link{
  font-family:'Jost',sans-serif;font-weight:300;
  font-size:.82rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--tinta);text-decoration:none;position:relative;padding:4px 0;
  transition:color .2s;
}
.nav a.link::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:1px;
  background:var(--pale-gold-d);transition:width .25s ease;
}
.nav a.link:hover{color:var(--pale-gold-d)}
.nav a.link:hover::after{width:100%}
.nav-logo{display:flex;justify-content:center}

.nav-icons{display:flex;gap:22px;align-items:center}
.nav-icons a{display:flex;color:var(--tinta);transition:color .2s}
.nav-icons a:hover{color:var(--pale-gold-d)}
.nav-icons svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}

/* botón hamburguesa (móvil) */
.burger{display:none;background:none;border:none;cursor:pointer;padding:4px;color:var(--tinta)}
.burger svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.4;fill:none}

/* menú móvil */
.mobile-menu{
  display:none;flex-direction:column;background:var(--paper);
  border-bottom:1px solid var(--linea);padding:8px 32px 20px;
}
.mobile-menu a{
  font-family:'Jost';font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--tinta);text-decoration:none;padding:13px 0;border-bottom:1px solid var(--linea);
}
.mobile-menu a:last-child{border-bottom:none}

/* =================== HERO =================== */
.hero{
  position:relative;min-height:88vh;display:flex;align-items:flex-end;
  background:var(--charcoal);overflow:hidden;
}
.hero .ph{position:absolute;inset:0;width:100%;height:100%}
.hero .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-veil{
  position:absolute;inset:0;
  background:linear-gradient(to top, rgba(14,14,13,.6) 0%, rgba(14,14,13,.12) 45%, rgba(14,14,13,.28) 100%);
  z-index:1;
}
.hero-content{
  position:relative;z-index:2;width:100%;
  max-width:var(--ancho);margin:0 auto;padding:0 32px 72px;color:var(--paper);
}
.hero .eyebrow{
  font-family:'Jost';font-weight:400;font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;
  color:var(--pale-gold);margin-bottom:22px;
}
.hero h1{
  font-size:clamp(2.8rem,6.5vw,5.6rem);line-height:1;color:var(--white);
  font-weight:400;max-width:16ch;margin-bottom:26px;
}
.hero h1 em{font-style:italic;color:var(--pale-gold)}
.hero p{
  font-size:1.1rem;font-weight:300;color:rgba(243,241,236,.85);max-width:46ch;margin-bottom:34px;
}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap}

/* botones */
.btn{
  font-family:'Jost',sans-serif;font-weight:400;font-size:.82rem;
  letter-spacing:.14em;text-transform:uppercase;
  cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;
  padding:16px 34px;border-radius:0;border:1px solid transparent;
  transition:all .22s ease;
}
.btn-solid{background:var(--pale-gold);color:var(--black);border-color:var(--pale-gold)}
.btn-solid:hover{background:transparent;color:var(--pale-gold);border-color:var(--pale-gold)}
.btn-solid:disabled,.btn-solid[disabled]{
  opacity:.55;cursor:not-allowed;pointer-events:none;
  background:var(--pale-gold);color:var(--black);border-color:var(--pale-gold);
}
.btn-ghost{background:transparent;color:var(--paper);border-color:rgba(243,241,236,.5)}
.btn-ghost:hover{border-color:var(--pale-gold);color:var(--pale-gold)}
.btn-dark{background:var(--charcoal);color:var(--paper);border-color:var(--charcoal)}
.btn-dark:hover{background:transparent;color:var(--charcoal)}
.btn-line{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.btn-line:hover{background:var(--tinta);color:var(--paper)}

/* =================== SECCIONES GENÉRICAS =================== */
section{position:relative}
.pad{padding:var(--gap) 0}
.sec-head{text-align:center;max-width:60ch;margin:0 auto var(--gap)}
.sec-head.left{text-align:left;margin-left:0;margin-right:0;max-width:none}
.sec-head.tight{margin-bottom:calc(var(--gap) * .55)}
.eyebrow{
  font-family:'Jost';font-weight:400;font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--pale-gold-d);margin-bottom:18px;
}
h2{font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.08;color:var(--tinta)}
h2 em{font-style:italic;color:var(--pale-gold-d)}
.sec-head p{font-size:1.08rem;color:var(--tinta-suave);margin-top:18px}

/* ---- intro de marca: texto centrado con mucho aire ---- */
.intro-marca{text-align:center;padding:var(--gap) 0}
.intro-marca p.big{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.45;color:var(--tinta);
  max-width:24ch;margin:0 auto;
}
.intro-marca p.big em{font-style:italic;color:var(--pale-gold-d)}

/* ---- dúo imagen + texto (alternado) ---- */
.duo{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center;
}
.duo .ph{aspect-ratio:4/5;width:100%}
.duo-media{
  aspect-ratio:4/5;width:100%;overflow:hidden;background:var(--silk);
  position:relative;
}
.duo-media .duo-img{
  position:absolute;inset:-10%;width:120%;height:120%;max-width:none;
  object-fit:cover;object-position:center;display:block;
}
.duo.flip .txt{order:-1}
.duo .txt .eyebrow{margin-bottom:16px}
.duo .txt h2{margin-bottom:20px}
.duo .txt p{color:var(--tinta-suave);font-size:1.05rem;margin-bottom:28px;max-width:42ch}

/* ---- galería de categorías (3 imágenes) ---- */
.cat-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(32px,5vw,64px);align-items:start;
}
.cat{display:block;text-decoration:none;color:inherit}
.cat-media{
  aspect-ratio:4/5;width:100%;overflow:hidden;margin-bottom:18px;
  background:var(--silk);
}
.cat .ph{aspect-ratio:3/4;width:100%;margin-bottom:18px;transition:opacity .25s}
.cat .cat-img{
  width:100%;height:100%;object-fit:cover;object-position:center top;
  display:block;transition:opacity .25s;
}
.cat:hover .ph,.cat:hover .cat-img{opacity:.88}
.cat h3{font-size:1.5rem;color:var(--tinta);margin-bottom:4px}
.cat span{
  font-family:'Jost';font-weight:400;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--pale-gold-d);display:inline-flex;align-items:center;gap:7px;
}
.cat span::after{content:"→";transition:transform .2s}
.cat:hover span::after{transform:translateX(4px)}

/* ---- bloque mayoreo destacado (fondo oscuro, B2B-first) ---- */
.mayoreo-bloque{background:var(--charcoal);color:var(--paper)}
.mayoreo-inner{
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,90px);align-items:center;
  max-width:var(--ancho);margin:0 auto;padding:var(--gap) 32px;
}
.mayoreo-inner .ph{aspect-ratio:1/1;width:100%}
.mayoreo-media{aspect-ratio:1/1;width:100%;overflow:hidden;background:var(--black)}
.mayoreo-media .mayoreo-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.mayoreo-txt .eyebrow{color:var(--pale-gold)}
.mayoreo-txt h2{color:var(--white)}
.mayoreo-txt h2 em{color:var(--pale-gold)}
.mayoreo-txt p{color:rgba(243,241,236,.8);font-size:1.08rem;margin:22px 0 30px;max-width:44ch}
.mayoreo-list{list-style:none;margin:0 0 34px;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.mayoreo-list li{
  display:flex;gap:11px;font-size:.96rem;color:rgba(243,241,236,.88);font-weight:300;
}
.mayoreo-list li::before{content:"—";color:var(--pale-gold)}

/* ---- banda de imagen full-bleed con frase ---- */
.banda{position:relative;min-height:62vh;display:flex;align-items:center;justify-content:center;background:var(--charcoal)}
.banda .ph{position:absolute;inset:0;width:100%;height:100%}
.banda .banda-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.banda-veil{position:absolute;inset:0;background:rgba(14,14,13,.4);z-index:1}
.banda-txt{position:relative;z-index:2;text-align:center;color:var(--white);padding:0 32px}
.banda-txt .eyebrow{color:var(--pale-gold)}
.banda-txt p{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;
  font-size:clamp(1.8rem,4vw,3rem);line-height:1.25;max-width:20ch;margin:0 auto;
}

/* ---- tira de valores (3-4 con números/iconos) ---- */
.valores{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,48px);text-align:center}
.valor .n{font-family:'Cormorant Garamond',serif;font-size:2.6rem;color:var(--pale-gold-d);line-height:1;margin-bottom:10px}
.valor h4{font-family:'Jost';font-weight:500;font-size:.82rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}
.valor p{font-size:.92rem;color:var(--tinta-suave)}

/* ---- canales (tienda / online / mayoreo) ---- */
.canales{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea)}
.canal{background:var(--paper-pure);padding:clamp(28px,3vw,44px);text-align:center}
.canal .ph{aspect-ratio:16/10;width:100%;margin-bottom:24px}
.canal-media{
  aspect-ratio:16/10;width:100%;overflow:hidden;margin-bottom:24px;
  background:var(--silk);
}
.canal-media .canal-img{
  width:100%;height:100%;object-fit:cover;object-position:center;display:block;
}
.canal h3{font-size:1.7rem;margin-bottom:10px}
.canal p{font-size:.96rem;color:var(--tinta-suave);margin-bottom:22px;min-height:3.4em}

/* ---- newsletter ---- */
.news{background:var(--silk);text-align:center;padding:var(--gap) 0}
.news h2{margin-bottom:14px}
.news p{color:var(--charcoal);max-width:44ch;margin:0 auto 32px;font-size:1.05rem}
.news-form{display:flex;gap:0;max-width:480px;margin:0 auto;border:1px solid var(--charcoal)}
.news-form input{
  flex:1;border:none;background:transparent;padding:15px 18px;font-family:'Jost';font-weight:300;
  font-size:.95rem;color:var(--tinta);outline:none;
}
.news-form input::placeholder{color:var(--tinta-suave)}
.news-form button{
  background:var(--charcoal);color:var(--paper);border:none;cursor:pointer;
  font-family:'Jost';font-weight:400;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
  padding:0 28px;transition:background .2s;
}
.news-form button:hover{background:var(--pale-gold-d)}

/* =================== FOOTER =================== */
footer{background:var(--black);color:rgba(243,241,236,.72);padding:var(--gap) 0 40px}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}
.foot-brand p{font-size:.92rem;max-width:32ch;font-weight:300}
footer h5{font-family:'Jost';font-weight:500;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--pale-gold);margin-bottom:18px}
footer ul{list-style:none}
footer li{margin-bottom:11px}
footer a{text-decoration:none;font-size:.92rem;font-weight:300;transition:color .2s}
footer a:hover{color:var(--paper)}
.foot-contact a{display:inline-flex;align-items:center;gap:9px}
.foot-contact svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}
.foot-social{display:flex;gap:18px;margin-top:8px}
.foot-social a svg{width:20px;height:20px;fill:currentColor;stroke:none}
.foot-bar{
  border-top:1px solid rgba(243,241,236,.12);padding-top:26px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  font-size:.78rem;font-weight:300;color:rgba(243,241,236,.5);letter-spacing:.04em;
}

/* =================== PÁGINA MAYOREO =================== */

.hero-split{align-items:center;min-height:auto}
.hero-split .hero-veil{
  background:
    linear-gradient(115deg,
      rgba(14,14,13,.78) 0%,
      rgba(14,14,13,.52) 48%,
      rgba(14,14,13,.68) 100%);
}
.hero-split-inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,5vw,72px);
  align-items:center;max-width:var(--ancho);margin:0 auto;
  padding:clamp(48px,8vw,88px) 32px;color:var(--paper);
}
.hero-split-txt .eyebrow{color:var(--pale-gold)}
.hero-split-txt h1{
  font-size:clamp(2.4rem,5vw,4rem);line-height:1.05;color:var(--white);
  margin-bottom:22px;max-width:none;
}
.hero-split-txt h1 em{font-style:italic;color:var(--pale-gold)}
.hero-split-txt .lead{
  font-size:1.08rem;font-weight:300;color:rgba(243,241,236,.85);
  max-width:36ch;margin-bottom:32px;
}
.hero-hint{
  font-size:.82rem;color:rgba(243,241,236,.55);margin-top:26px;
  letter-spacing:.06em;display:flex;align-items:center;gap:8px;font-weight:300;
}
.hero-hint::before{content:"↓";color:var(--pale-gold)}

.hero-card{
  background:rgba(14,14,13,.42);border:1px solid rgba(182,166,106,.32);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  padding:32px 28px;
}
.hero-card h3{
  font-family:'Cormorant Garamond',serif;font-size:1.6rem;color:var(--paper);
  margin-bottom:20px;font-weight:400;
}
.hero-card ul{list-style:none}
.hero-card li{
  display:flex;gap:12px;padding:10px 0;font-size:.95rem;font-weight:300;
  color:rgba(243,241,236,.88);border-bottom:1px solid rgba(255,255,255,.07);
}
.hero-card li:last-child{border-bottom:none}
.hero-card li::before{content:"—";color:var(--pale-gold);flex-shrink:0}

.tira-confianza{
  background:var(--paper-pure);border-bottom:1px solid var(--linea);
  padding:clamp(28px,4vw,40px) 0;
}

.cond-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--linea);border:1px solid var(--linea);margin-top:40px;
}
.cond{
  background:var(--paper-pure);padding:clamp(24px,3vw,30px);
  display:flex;gap:16px;align-items:flex-start;
}
.cond .ico{
  flex-shrink:0;width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--pale-gold-d);
  border:1px solid var(--linea);
}
.cond h4{
  font-family:'Jost';font-weight:500;font-size:.82rem;
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;color:var(--tinta);
}
.cond p{font-size:.92rem;color:var(--tinta-suave);line-height:1.55;font-weight:300}

.sec-intro{max-width:56ch;font-size:1.05rem;color:var(--tinta-suave);margin-top:18px;font-weight:300}

.form-bloque{background:var(--charcoal);color:var(--paper)}
.form-grid{
  display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(40px,6vw,72px);
  align-items:start;max-width:var(--ancho);margin:0 auto;padding:var(--gap) 32px;
}
.form-intro .eyebrow{color:var(--pale-gold)}
.form-intro h2{color:var(--white);max-width:none}
.form-intro p{
  color:rgba(243,241,236,.8);font-size:1.05rem;margin:22px 0 0;
  max-width:40ch;font-weight:300;
}
.form-intro .nota{
  font-size:.9rem;color:rgba(243,241,236,.6);border-left:1px solid var(--pale-gold);
  padding-left:18px;margin-top:30px;font-weight:300;line-height:1.6;
}

.ficha{background:var(--paper-pure);padding:clamp(28px,4vw,38px) clamp(24px,3vw,34px)}
.ficha-head{
  display:flex;align-items:baseline;justify-content:space-between;
  border-bottom:1px solid var(--linea);padding-bottom:16px;margin-bottom:24px;
}
.ficha-head .t{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--tinta)}
.ficha-head .req{
  font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave);
}

.campo{margin-bottom:18px}
.campo.dos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{
  display:block;font-family:'Jost';font-size:.78rem;font-weight:400;
  letter-spacing:.1em;text-transform:uppercase;color:var(--tinta);margin-bottom:8px;
}
label .opt{
  font-weight:300;color:var(--tinta-suave);text-transform:none;
  letter-spacing:0;font-size:.82rem;
}
input,select,textarea{
  width:100%;font-family:'Jost';font-weight:300;font-size:.95rem;color:var(--tinta);
  background:var(--white);border:1px solid var(--linea);border-radius:0;
  padding:14px 16px;transition:border-color .2s, box-shadow .2s;
}
input::placeholder,textarea::placeholder{color:var(--tinta-suave);opacity:.7}
input:focus,select:focus,textarea:focus{
  outline:none;border-color:var(--pale-gold-d);box-shadow:0 0 0 1px var(--pale-gold-d);
}
textarea{resize:vertical;min-height:88px}
select{
  appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237C766B' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;
}

.btn-block{width:100%;justify-content:center;margin-top:8px}
.privacidad{
  font-size:.78rem;color:var(--tinta-suave);text-align:center;margin-top:16px;
  line-height:1.55;font-weight:300;
}
.privacidad a{color:var(--pale-gold-d);text-decoration:underline;text-underline-offset:2px}

.alt-wa{
  text-align:center;margin-top:24px;padding-top:22px;border-top:1px solid var(--linea);
  font-size:.9rem;color:var(--tinta-suave);font-weight:300;
}
.alt-wa a{
  color:var(--tinta);font-weight:400;text-decoration:none;
  display:inline-flex;align-items:center;gap:8px;margin-top:8px;
  letter-spacing:.06em;transition:color .2s;
}
.alt-wa a:hover{color:var(--pale-gold-d)}
.alt-wa svg{width:18px;height:18px;fill:#25D366;flex-shrink:0}

.msg{
  display:none;padding:16px 18px;font-size:.92rem;font-weight:300;
  margin-bottom:20px;border:1px solid transparent;
}
.msg.ok{display:block;background:rgba(46,107,79,.08);border-color:rgba(46,107,79,.25);color:var(--ok)}
.msg.err{display:block;background:rgba(155,45,58,.06);border-color:rgba(155,45,58,.22);color:var(--error)}
.msg strong{display:block;font-weight:500;font-size:1rem;margin-bottom:4px;letter-spacing:.02em}

/* =================== PÁGINA CRÉDITO MAYOREO =================== */

.hero-credito .hero-card-nota{
  font-size:.86rem;color:rgba(243,241,236,.65);margin-top:18px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.1);font-weight:300;line-height:1.55;
}
.hero-credito .hero-card strong{color:var(--pale-gold);font-weight:400}
.credito-hero-meta{font-size:.82rem;letter-spacing:.06em;color:rgba(243,241,236,.6);margin-top:28px;font-weight:300}
.credito-hero-meta b{color:var(--pale-gold);font-weight:400}

.credito-seccion{background:var(--paper-pure)}
.credito-intro{max-width:56ch}
.credito-intro p{font-size:1.08rem;color:var(--tinta-suave);font-weight:300;line-height:1.75}
.credito-intro p + p{margin-top:18px}
.credito-intro strong{color:var(--tinta);font-weight:500}

.credito-stack{display:flex;flex-direction:column;gap:clamp(48px,7vw,80px);margin-top:calc(var(--gap) * .5)}

.credito-card{
  background:var(--paper);border:1px solid var(--linea);
  padding:clamp(28px,4vw,44px);
}
.credito-card.destacada{
  border-color:rgba(182,166,106,.55);
  box-shadow:0 12px 40px rgba(58,58,56,.06);
}
.credito-card-head{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:12px 24px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--linea);
}
.credito-card-head h3{
  font-family:'Cormorant Garamond',serif;font-size:clamp(1.55rem,3vw,2.15rem);
  color:var(--tinta);font-weight:400;max-width:none;line-height:1.15;
}
.credito-card-head h3 em{font-style:italic;color:var(--pale-gold-d);font-size:.92em}
.credito-card-head .tag{
  font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--pale-gold-d);border:1px solid var(--linea);padding:6px 14px;white-space:nowrap;
}
.credito-card > p{color:var(--tinta-suave);font-size:1rem;margin-bottom:24px;max-width:62ch;font-weight:300;line-height:1.7}
.credito-card > p strong{color:var(--tinta);font-weight:500}

.credito-specs{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--linea);border:1px solid var(--linea);margin-bottom:28px;
}
.credito-spec{
  background:var(--paper-pure);padding:18px 22px;display:flex;flex-direction:column;gap:6px;
}
.credito-spec dt{
  font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tinta-suave);font-weight:400;
}
.credito-spec dd{font-size:.96rem;color:var(--tinta);font-weight:300;margin:0;line-height:1.5}

.credito-sub{
  font-family:'Jost';font-weight:500;font-size:.78rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--tinta);margin-bottom:14px;
}
.credito-req{margin:0 0 28px;padding:0;list-style:none}
.credito-req li{
  position:relative;padding:11px 0 11px 22px;font-size:.94rem;color:var(--tinta-suave);
  border-bottom:1px solid var(--linea);font-weight:300;line-height:1.5;
}
.credito-req li:last-child{border-bottom:none}
.credito-req li::before{content:"—";position:absolute;left:0;color:var(--pale-gold-d)}

.credito-callout{
  background:var(--silk);border-left:3px solid var(--pale-gold);
  padding:20px 24px;margin:8px 0 28px;font-size:.96rem;color:var(--charcoal);
  font-weight:300;line-height:1.65;font-style:normal;
}
.credito-callout strong{font-weight:500;color:var(--tinta)}

.credito-proceso-bloque{background:var(--silk)}
.credito-pasos{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(28px,4vw,48px);margin-top:calc(var(--gap) * .45);
}
.credito-paso{padding-top:10px;border-top:2px solid var(--pale-gold)}
.credito-paso .num{
  font-family:'Cormorant Garamond',serif;font-size:2.4rem;color:var(--pale-gold-d);
  line-height:1;margin-bottom:16px;
}
.credito-paso h4{
  font-family:'Jost';font-weight:500;font-size:.8rem;letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:12px;color:var(--tinta);
}
.credito-paso p{font-size:.94rem;color:var(--tinta-suave);font-weight:300;line-height:1.65}
.credito-paso p strong{color:var(--tinta);font-weight:500}
.credito-proceso-cta{margin-top:clamp(40px,5vw,56px)}

.cond-full{grid-column:1 / -1}
.credito-mora{margin:10px 0 0;padding:0;list-style:none}
.credito-mora li{
  position:relative;padding:6px 0 6px 18px;font-size:.92rem;color:var(--tinta-suave);font-weight:300;
}
.credito-mora li::before{content:"·";position:absolute;left:0;color:var(--pale-gold-d);font-weight:700}

.credito-cta-wa{
  text-align:center;padding:var(--gap) 0;
  background:var(--paper);border-top:1px solid var(--linea);
}
.credito-cta-wa p{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;
  font-size:clamp(1.35rem,2.8vw,1.85rem);color:var(--tinta-suave);
  margin:14px auto 32px;max-width:36ch;line-height:1.4;
}

.credito-cta-distribuidor{
  padding:clamp(56px,7vw,96px) 0;
  background:var(--charcoal);color:var(--paper);
  border-top:2px solid var(--pale-gold);
}
.credito-cta-distribuidor-inner{
  display:grid;grid-template-columns:1fr auto;
  gap:clamp(32px,5vw,64px);align-items:center;
}
.credito-cta-distribuidor-txt .eyebrow{color:var(--pale-gold)}
.credito-cta-distribuidor-txt h2{
  font-size:clamp(1.75rem,3.2vw,2.45rem);line-height:1.15;
  color:var(--white);margin:10px 0 12px;
}
.credito-cta-distribuidor-txt h2 em{font-style:italic;color:var(--pale-gold)}
.credito-cta-distribuidor-txt p{
  font-size:1rem;font-weight:300;color:rgba(243,241,236,.82);max-width:42ch;
}
.credito-cta-distribuidor-accion{justify-self:end;flex-shrink:0}

/* =================== RESPONSIVE =================== */
@media (max-width:900px){
  .nav-left{display:none}
  .nav{grid-template-columns:auto 1fr auto}
  .nav-logo{justify-content:flex-start}
  .burger{display:block}
  .nav-icons{gap:16px}
  .duo{grid-template-columns:1fr;gap:28px}
  .duo.flip .txt{order:0}
  .mayoreo-inner{grid-template-columns:1fr;gap:36px}
  .cat-grid{grid-template-columns:1fr;gap:36px}
  .canales{grid-template-columns:1fr}
  .valores{grid-template-columns:1fr 1fr;gap:36px 24px}
  .foot-top{grid-template-columns:1fr 1fr;gap:36px}
  .mayoreo-list{grid-template-columns:1fr}
  .hero-split-inner{grid-template-columns:1fr;gap:32px}
  .cond-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr;gap:36px}
  .campo.dos{grid-template-columns:1fr}
  .credito-specs{grid-template-columns:1fr}
  .credito-pasos{grid-template-columns:1fr}
  .credito-cta-distribuidor-inner{grid-template-columns:1fr}
  .credito-cta-distribuidor-accion{justify-self:start}
}
@media (max-width:520px){
  .wrap,.nav{padding-left:22px;padding-right:22px}
  .valores{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr}
  .news-form{flex-direction:column;border:none;gap:10px}
  .news-form input{border:1px solid var(--charcoal)}
  .news-form button{padding:14px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}