/* ===== Header e imágenes responsivas ===== */
.site-header { background-color: #000; }
.navbar-brand img { max-height: none; }
.navbar{background:transparent; min-height:100px;}
.brand-logo{height:60px;width:auto;object-fit:contain;transition:transform .25s ease}
.brand-logo:hover{transform:scale(1.05)}
.hero-picture{display:block}
.hero-image,.section-image,.buy-image{width:100%;display:block;background:#080808;border:none}
.hero-image{min-height:420px;object-fit:cover;object-position:center center}
.section-image{aspect-ratio:4/3;object-fit:cover;object-position:center center}
.sustainability-image{object-position:center center}
.corporate-image{object-position:center center}
.profile-image{width:100%;aspect-ratio:7/9;object-fit:cover;object-position:center center;background:#0f0f0f}
.buy-card-link .buy-image{aspect-ratio:14/7;object-fit:cover;object-position:center center;transition:transform .35s ease;display:block}
.buy-image-ml{object-position:center center}
.buy-image-wa{object-position:center center}
.certification-item img{width:100%;max-width:170px;max-height:58px;height:auto;object-fit:contain}

:root{
  --bg-0:#000;
  --bg-1:#111;
  --line:#1c1c1c;
  --gold:#c6a45a;
  --gold-hover:#d4b56b;
  --text:#fff;
  --text-soft:#cfcfcf;
  --text-muted:#9a9a9a;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:var(--bg-0);color:var(--text)}
.bg-dark-0{background:var(--bg-0)}
.bg-dark-1{background:var(--bg-1)}
.border-subtle{border-color:var(--line)!important}
.site-header,.site-footer{background:rgba(0,0,0,.95)}

.nav-link{color:var(--text-soft)!important;font-weight:500}
.nav-link:hover,.nav-link:focus{color:#fff!important}
.btn{border-radius:10px;padding:.85rem 1.35rem;font-weight:600}
.btn-gold{background:var(--gold);border:1px solid var(--gold);color:#111}
.btn-gold:hover{background:var(--gold-hover);border-color:var(--gold-hover);color:#111}
.btn-outline-gold{border:1px solid var(--gold);color:var(--gold);background:transparent}
.btn-outline-gold:hover{background:var(--gold);color:#111}
.section{padding:96px 0; position:relative; overflow:hidden; isolation:isolate;}
.hero-section{padding-top:88px}
.eyebrow{display:inline-block;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:700;margin-bottom:1rem}
.display-title{font-size:clamp(2.2rem,3.6vw,4.1rem);line-height:1.05;font-weight:600;letter-spacing:-.03em;margin-bottom:1.25rem}
.lead-copy,.section-copy,.feature-list,.profile-sub,.profile-text,.buy-body p,.footer-copy,.copyright{color:var(--text-soft)}
.lead-copy,.section-copy{font-size:1.1rem;line-height:1.7}
.feature-list{list-style:none;padding:0;margin:1rem 0 0}
.feature-list li{position:relative;padding-left:1.4rem;margin:.55rem 0}
.feature-list li:before{content:'✓';position:absolute;left:0;color:var(--gold)}
.section-head{max-width:760px}
.intensity-legend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:1.5rem auto 1rem;max-width:900px}
.intensity-item{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.9rem .75rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px}
.intensity-name{font-size:.9rem;font-weight:600;color:var(--text)}
.intensity-bars{display:flex;gap:.28rem}
.intensity-bars i{display:block;width:14px;height:8px;border-radius:999px;background:rgba(255,255,255,.15)}
.intensity-bars i.on{background:var(--gold)}
.intensity-value{font-size:1rem;font-weight:700;color:var(--gold)}
.section-title{font-size:clamp(2rem,3vw,3.2rem);line-height:1.1;font-weight:600;margin-bottom:1rem}
.profile-card{background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;height:100%;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; position:relative}
.profile-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.profile-body{padding:1.25rem}
.profile-body h3{font-size:1.65rem;margin:0 0 .4rem}
.profile-sub{margin:0 0 .2rem;font-weight:500}
.profile-text{margin:0 0 1rem}
.buy-card{background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;height:100%}
.buy-body{padding:1.5rem}
.buy-body.fill{min-height:100%;display:flex;flex-direction:column;justify-content:center}
.buy-body h3{margin-bottom:.75rem;font-size:1.75rem}
.footer-nav a{color:var(--text-soft);text-decoration:none}
.footer-nav a:hover{color:#fff}
.site-footer{padding:32px 0 42px}
@media (max-width:991.98px){.section{padding:72px 0}.hero-section{padding-top:72px}}

.profile-modal .modal-content{background:#0b0b0b;border:1px solid var(--line);border-radius:22px;color:var(--text);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.profile-modal .modal-header{border-bottom:1px solid var(--line);padding:.7rem 1rem;background:#0b0b0b;min-height:56px}
.profile-modal .modal-title{font-size:1.25rem;font-weight:600;color:var(--text);margin:0}
.profile-modal .btn-close{filter:invert(1) grayscale(100%);opacity:.85}
.profile-modal .btn-close:hover{opacity:1}
.profile-modal .modal-body{padding:.95rem 1rem .85rem}
.profile-visual-wrap{background:#111;border:1px solid var(--line);border-radius:18px;padding:.8rem;height:100%}
.profile-visual{width:100%;border-radius:14px;display:block;object-fit:cover;background:#0d0d0d}
.profile-title{font-size:clamp(1.9rem,2.7vw,3rem);line-height:1.05;font-weight:600;margin-bottom:.3rem}
.profile-subtitle{color:var(--gold);font-weight:600;margin-bottom:.85rem}
.profile-badges{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}
.profile-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px;background:#151515;color:var(--text-soft);font-size:.92rem;line-height:1;white-space:nowrap}
.profile-badge strong{color:var(--text);font-weight:600}
.profile-description{color:var(--text-soft);line-height:1.62;font-size:.98rem;margin-top:.15rem;margin-bottom:0}
.profile-intensity{margin:0 0 .85rem}
.profile-intensity-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem .95rem;background:#151515;border:1px solid var(--line);border-radius:14px}
.profile-intensity-value{color:var(--text);font-size:1.15rem;font-weight:700;line-height:1.2}
.profile-intensity-bars{display:flex;gap:.35rem;flex-wrap:nowrap}
.profile-intensity-bars i{display:block;width:16px;height:10px;border-radius:999px;background:rgba(255,255,255,.14)}
.profile-intensity-bars i.on{background:var(--gold)}
.profile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:.7rem}
.profile-meta-card{background:#151515;border:1px solid var(--line);border-radius:14px;padding:.85rem .95rem}
.profile-meta-label{color:var(--text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}
.profile-meta-value{color:var(--text);font-size:1rem;font-weight:600;line-height:1.35}


.profile-modal-footer{
  gap:1rem;
  align-items:center;
}
.profile-modal-hint{
  color:var(--text-muted) !important;
  line-height:1.5;
}
.profile-modal-nav{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-left:auto;
}
.profile-nav-btn{
  display:inline-flex;
  align-items:center;
  gap:.9rem;
  min-width:220px;
  padding:1rem 1.1rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  color:var(--text);
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
.profile-nav-btn:hover,
.profile-nav-btn:focus{
  transform:translateY(-1px);
  border-color:rgba(198,164,90,.34);
  background:linear-gradient(180deg, rgba(198,164,90,.10), rgba(255,255,255,.03));
  outline:none;
}
.profile-nav-copy{
  display:flex;
  flex-direction:column;
  gap:.12rem;
  text-align:left;
}
.profile-nav-next .profile-nav-copy{
  text-align:right;
}
.profile-nav-label{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--text-muted);
  font-weight:700;
}
.profile-nav-name{
  font-size:1rem;
  font-weight:700;
  color:var(--text);
}
.profile-nav-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:50px;
  height:50px;
  border-radius:999px;
  background:rgba(198,164,90,.14);
  color:#f3dfb3;
  font-size:1.35rem;
  flex:0 0 auto;
}
.profile-nav-counter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:98px;
  padding:1rem .9rem;
  border:1px solid rgba(198,164,90,.26);
  border-radius:18px;
  background:rgba(198,164,90,.08);
  color:#f3dfb3;
  font-weight:700;
  font-size:1rem;
}
@media (max-width: 991.98px){
  .profile-modal-footer{
    align-items:flex-start;
    flex-direction:column;
  }
  .profile-modal-nav{
    width:100%;
    margin-left:0;
  }
}
@media (max-width: 767.98px){
  .profile-modal-footer{padding:1rem;align-items:stretch;flex-direction:column}
  .profile-modal-nav{width:100%;margin-left:0;gap:.55rem;flex-wrap:nowrap;align-items:stretch}
  .profile-nav-btn{min-width:0;flex:1 1 0;padding:.8rem .75rem;border-radius:16px;gap:.55rem}
  .profile-nav-copy{min-width:0}
  .profile-nav-name{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .profile-nav-label{font-size:.7rem;letter-spacing:.1em}
  .profile-nav-arrow{width:38px;height:38px;font-size:1rem}
  .profile-nav-counter{order:0;width:auto;min-width:72px;flex:0 0 72px;padding:.8rem .6rem;font-size:.95rem;white-space:nowrap}
}
@media (max-width: 575.98px){
  .profile-modal .modal-body{padding:.9rem}
  .profile-nav-next .profile-nav-copy{text-align:right}
}
@media (max-width: 991.98px){.profile-title{font-size:1.65rem}.profile-meta{grid-template-columns:1fr}.profile-intensity-card{align-items:flex-start;flex-direction:column}}
@media (max-width: 767.98px){.profile-modal .modal-body{padding:1rem}.profile-visual-wrap{padding:.8rem}.profile-badge{font-size:.85rem}.profile-description{font-size:.96rem;line-height:1.65}}

.buy-card-link{color:var(--text);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.buy-card-link:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.buy-card-link:hover,.buy-card-link:focus,.buy-card-link:active{color:var(--text)}
.buy-card-link h3,.buy-card-link p,.buy-card-link span{color:inherit;text-decoration:none}
.buy-card-link .btn{pointer-events:none}
.buy-card-link:hover .buy-image{transform:scale(1.02)}
@media (max-width: 767.98px){
  .buy-card-link .buy-image{aspect-ratio:16/10;object-position:center center}
}

/* ===== Alternativa cromática más visible ===== */
#hero{background:#000 !important}

#perfiles.section{
  background:
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.08)),
    linear-gradient(90deg, #1b1607 0%, #1a100d 24%, #1b120e 48%, #18110b 72%, #120d0a 100%) !important;
  border-top:1px solid rgba(198,164,90,.14);
  border-bottom:1px solid rgba(198,164,90,.12);
}
#perfiles.section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 10% 18%, rgba(221,190,91,.20), transparent 18%),
    radial-gradient(circle at 30% 16%, rgba(224,97,76,.18), transparent 18%),
    radial-gradient(circle at 49% 15%, rgba(186,115,58,.18), transparent 18%),
    radial-gradient(circle at 69% 17%, rgba(212,155,69,.16), transparent 18%),
    radial-gradient(circle at 88% 14%, rgba(109,78,47,.18), transparent 18%);
  opacity:1;
  pointer-events:none;
}

#sustentabilidad.section{
  background:
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.12)),
    linear-gradient(90deg, #0d120c 0%, #10160f 45%, #11150d 100%) !important;
  border-top:1px solid rgba(126,150,75,.16);
  border-bottom:1px solid rgba(126,150,75,.12);
}
#sustentabilidad.section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 14% 25%, rgba(164,170,78,.18), transparent 22%),
    radial-gradient(circle at 86% 75%, rgba(79,129,63,.18), transparent 22%);
  pointer-events:none;
}

#corporativo.section{
  background:
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.10)),
    linear-gradient(90deg, #140e0b 0%, #17100d 45%, #130d0b 100%) !important;
  border-top:1px solid rgba(156,97,59,.16);
  border-bottom:1px solid rgba(156,97,59,.12);
}
#corporativo.section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 30%, rgba(165,98,54,.18), transparent 22%),
    radial-gradient(circle at 85% 25%, rgba(111,74,49,.16), transparent 22%);
  pointer-events:none;
}

#compra.section{
  background:
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.10)),
    linear-gradient(90deg, #151108 0%, #11110a 55%, #0d160f 100%) !important;
  border-top:1px solid rgba(198,164,90,.16);
}
#compra.section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(198,164,90,.18), transparent 18%),
    radial-gradient(circle at 88% 22%, rgba(61,131,73,.18), transparent 18%);
  pointer-events:none;
}

/* Contenido sobre overlays */
#perfiles.section > .container,
#sustentabilidad.section > .container,
#corporativo.section > .container,
#compra.section > .container{
  position:relative;
  z-index:1;
}

/* Cards de perfiles con acento por variedad */
#perfiles .profile-card{background:rgba(16,16,16,.82); backdrop-filter: blur(2px)}
#perfiles .col-6.col-lg:nth-child(1) .profile-card{border-color:rgba(209,178,71,.28); box-shadow:inset 0 3px 0 rgba(209,178,71,.35)}
#perfiles .col-6.col-lg:nth-child(2) .profile-card{border-color:rgba(224,97,76,.30); box-shadow:inset 0 3px 0 rgba(224,97,76,.38)}
#perfiles .col-6.col-lg:nth-child(3) .profile-card{border-color:rgba(186,115,58,.30); box-shadow:inset 0 3px 0 rgba(186,115,58,.36)}
#perfiles .col-6.col-lg:nth-child(4) .profile-card{border-color:rgba(212,155,69,.28); box-shadow:inset 0 3px 0 rgba(212,155,69,.34)}
#perfiles .col-6.col-lg:nth-child(5) .profile-card{border-color:rgba(109,78,47,.34); box-shadow:inset 0 3px 0 rgba(109,78,47,.40)}

/* Bloques de compra con acentos diferenciados pero mismo peso */
#compra .col-lg-6:first-child .buy-card{border-color:rgba(198,164,90,.24); box-shadow:inset 0 3px 0 rgba(198,164,90,.28)}
#compra .col-lg-6:last-child .buy-card{border-color:rgba(61,131,73,.26); box-shadow:inset 0 3px 0 rgba(61,131,73,.32)}
#compra .col-lg-6:last-child .btn-outline-gold{
  border-color:#3b8d52;
  color:#7fd89a;
}
#compra .col-lg-6:last-child .btn-outline-gold:hover{
  background:#3b8d52;
  color:#07140b;
}


/* =========================
   INSTAGRAM SECTION
========================= */
.instagram-section{position:relative;overflow:hidden;isolation:isolate;}
.instagram-section .section-head{max-width:820px;position:relative;z-index:1;}
.instagram-follow-btn{min-width:220px;}
.instagram-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
  align-items:start;
  position:relative;
  z-index:1;
}
.instagram-item{
  background:rgba(18,18,18,.88);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:.75rem;
  overflow:hidden;
  backdrop-filter: blur(2px);
}
.instagram-item .instagram-media{
  margin:0 !important;
  min-width:unset !important;
  max-width:100% !important;
  width:100% !important;
  border-radius:12px !important;
}
@media (max-width: 1199.98px){
  .instagram-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width: 767.98px){
  .instagram-grid{grid-template-columns:1fr;}
}

#instagram.section{
  background:
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.10)),
    linear-gradient(90deg, #150d12 0%, #17100f 35%, #130d0f 70%, #100d14 100%) !important;
  border-top:1px solid rgba(198,164,90,.12);
  border-bottom:1px solid rgba(198,164,90,.10);
}
#instagram.section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 14% 25%, rgba(198,164,90,.14), transparent 20%),
    radial-gradient(circle at 50% 18%, rgba(181,72,110,.16), transparent 22%),
    radial-gradient(circle at 86% 24%, rgba(130,93,180,.14), transparent 20%);
  pointer-events:none;
}
#instagram.section > .container{position:relative;z-index:1;}


.proposal-modal .modal-content{background:#0b0b0b;border:1px solid var(--line);border-radius:22px;color:var(--text);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.proposal-modal .modal-header{border-bottom:1px solid var(--line);padding:1.1rem 1.25rem;background:#0b0b0b;align-items:flex-start}
.proposal-modal .modal-title{font-size:1.4rem;font-weight:700;color:var(--text);margin:.2rem 0 0}
.proposal-modal .btn-close{filter:invert(1) grayscale(100%);opacity:.85}
.proposal-modal .btn-close:hover{opacity:1}
.proposal-kicker{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.proposal-modal .modal-body{padding:1.35rem 1.25rem 1.1rem}
.proposal-intro{color:var(--text-soft);line-height:1.75;margin:0 0 1rem}
.proposal-form .form-label{font-weight:600;color:var(--text);margin-bottom:.45rem}
.proposal-form .form-control{background:#1a1a1a;border:1px solid rgba(255,255,255,.24);color:#fff;border-radius:14px;padding:.82rem .95rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.proposal-form .form-control::placeholder{color:rgba(255,255,255,.58)}
.proposal-form .form-control:hover{border-color:rgba(255,255,255,.34);background:#1d1d1d}
.proposal-form .form-control:focus{background:#222;border-color:rgba(198,164,90,.72);box-shadow:0 0 0 .22rem rgba(198,164,90,.18);color:#fff}
.proposal-form textarea.form-control{min-height:170px;resize:vertical}
.proposal-form .form-control:-webkit-autofill,
.proposal-form .form-control:-webkit-autofill:hover,
.proposal-form .form-control:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff;
  -webkit-box-shadow:0 0 0 1000px #222 inset;
  transition:background-color 9999s ease-in-out 0s;
}
.proposal-form .form-control::selection{background:rgba(198,164,90,.28)}
.proposal-form .form-text{color:rgba(255,255,255,.56);margin-top:.45rem}
.proposal-modal .modal-footer{border-top:1px solid var(--line);padding:1rem 1.25rem;background:#0b0b0b;gap:1rem}
.proposal-note{color:rgba(255,255,255,.62);max-width:420px;line-height:1.5}

@media (max-width: 767.98px){
  .proposal-modal .modal-body{padding:1rem}
  .proposal-modal .modal-footer{padding:1rem;align-items:flex-start}
  .proposal-modal .modal-title{font-size:1.2rem}
  .proposal-note{max-width:none}
}


.proposal-highlights{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1rem}
.proposal-highlights span{display:inline-flex;align-items:center;padding:.42rem .72rem;border:1px solid rgba(198,164,90,.26);border-radius:999px;background:rgba(198,164,90,.08);color:#f3dfb3;font-size:.78rem;font-weight:700;letter-spacing:.01em}
.proposal-form .form-select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#1a1a1a;
  color:#fff;
  border:1px solid rgba(255,255,255,.24);
  border-radius:14px;
  padding:.82rem 2.85rem .82rem .95rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23c6a45a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 1rem center;
  background-size:14px 14px;
}
.proposal-form .form-select:hover{
  border-color:rgba(255,255,255,.34);
  background-color:#1d1d1d;
}
.proposal-form .form-select:focus{
  outline:none;
  background-color:#222;
  border-color:rgba(198,164,90,.72);
  box-shadow:0 0 0 .22rem rgba(198,164,90,.18);
  color:#fff;
}
.proposal-form .form-select option{
  background:#141414;
  color:#fff;
}
.proposal-form .form-select::-ms-expand{
  display:none;
}
.proposal-modal .btn.btn-gold{min-width:210px}
@media (max-width: 767.98px){
  .proposal-highlights{gap:.45rem;margin-bottom:.9rem}
  .proposal-highlights span{font-size:.73rem;padding:.38rem .62rem}
  .proposal-modal .btn.btn-gold{min-width:100%}
}



/* =========================
   SUSTENTABILIDAD · CERTIFICACIONES
========================= */
.certifications-block{
  margin-top:1.6rem;
}
.certifications-block-wide{
  max-width:none;
}
.certifications-copy{
  color:var(--text);
  font-weight:600;
  line-height:1.55;
  margin:0 0 1rem;
  max-width:780px;
}
.certifications-strip{
  background:#f5f1e8;
  border:1px solid rgba(0,0,0,.08);
  border-radius:20px;
  padding:1rem;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  margin-bottom:1rem;
}
.certifications-strip-wide{
  max-width:none;
  width:100%;
}
.certifications-grid,
.certifications-grid-logos,
.certifications-grid-fullwidth{
  display:grid;
  gap:.85rem;
  align-items:stretch;
  margin:0;
}
.certifications-grid-fullwidth{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.certification-item{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:.7rem .8rem;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:94px;
}
.certification-item img{
  width:100%;
  max-width:170px;
  max-height:58px;
  height:auto;
  object-fit:contain;
  display:block;
}
.certifications-note{
  color:var(--text-soft);
  font-size:.95rem;
  line-height:1.65;
}
.certifications-note-wide{
  max-width:760px;
}
@media (max-width: 1199.98px){
  .certifications-grid-fullwidth{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 767.98px){
  .certifications-strip{padding:.85rem;border-radius:18px;}
  .certifications-grid-fullwidth{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;}
  .certification-item{min-height:88px;}
  .certification-item img{max-width:160px;max-height:54px;}
}
@media (max-width: 575.98px){
  .certifications-copy,
  .certifications-note-wide{max-width:none;}
  .certifications-grid-fullwidth{grid-template-columns:1fr;}
}

/* Ajuste visual extra para selects del modal corporativo */
.proposal-form select.form-select{
  background-clip:padding-box;
}



/* Ajustes marzo 2026 · Black Chile */
#hero .display-title{max-width:12ch}
#hero .lead-copy{max-width:58ch}
#corporativo .section-title{max-width:12ch}
#corporativo .section-copy{max-width:62ch}
@media (max-width: 991.98px){
  .intensity-legend{grid-template-columns:repeat(3,minmax(0,1fr));max-width:640px}
}
@media (max-width: 575.98px){
  .intensity-legend{grid-template-columns:1fr 1fr;gap:.6rem}
  .intensity-item{padding:.8rem .6rem}
  .intensity-name{font-size:.84rem}
  .intensity-bars i{width:12px;height:7px}
}


@media (max-width: 991.98px){
  .brand-logo{height:54px}
  .hero-image{min-height:0;aspect-ratio:4/3;object-position:center center}
  .section-image{aspect-ratio:5/4}
}

@media (max-width: 767.98px){
  .navbar{min-height:84px}
  .brand-logo{height:56px}
  .hero-section{padding-top:44px}
  .hero-picture,
  .hero-image{border-radius:20px !important}
  .hero-image{aspect-ratio:4/5;min-height:0;object-fit:contain;object-position:center top;background:#000}
  .section-image{aspect-ratio:4/5;border-radius:20px !important}
  .sustainability-image{object-position:center center}
  .corporate-image{object-position:center center}
  .profile-image{aspect-ratio:4/5;object-position:center top}
  .profile-body{padding:1rem}
  .profile-body h3{font-size:1.25rem}
  .buy-image-ml,.buy-image-wa{aspect-ratio:4/3}
  .certification-item img{max-width:150px;max-height:50px}
}

@media (max-width: 575.98px){
  .hero-section .row,
  #sustentabilidad .row,
  #corporativo .row,
  #compra .row{row-gap:1.25rem !important}
  .section{padding:64px 0}
  .display-title{font-size:clamp(1.9rem,8vw,2.6rem)}
  .lead-copy,.section-copy{font-size:1rem;line-height:1.65}
  .profile-image{aspect-ratio:1/1.15}
  .section-image{aspect-ratio:1/1.08}
  .buy-image-ml,.buy-image-wa{aspect-ratio:1/1.02}
}


.profile-ideal{margin-bottom:.95rem}
.profile-ideal-chips{display:flex;flex-wrap:wrap;gap:.6rem}
.profile-ideal-chip{display:inline-flex;align-items:center;padding:.58rem .9rem;border-radius:999px;background:#151515;border:1px solid rgba(198,164,90,.28);color:#f2e4bf;font-size:.95rem;font-weight:500;line-height:1;white-space:nowrap}

@media (max-width:991.98px){
  .profile-modal .modal-body{padding:.9rem .9rem 1rem}
  .profile-title{font-size:2rem}
}

@media (max-width:767.98px){
  .profile-modal .modal-header{padding:.55rem .8rem;min-height:52px}
  .profile-visual-wrap{padding:.65rem;border-radius:16px}
  .profile-title{font-size:1.8rem;margin-top:.1rem}
  .profile-subtitle{margin-bottom:.75rem}
  .profile-intensity-card{padding:.75rem .85rem}
  .profile-meta{grid-template-columns:1fr;gap:.65rem;margin-bottom:.75rem}
  .profile-meta-card{padding:.8rem .85rem}
  .profile-ideal{margin-bottom:.8rem}
  .profile-ideal-chip{font-size:.9rem;padding:.55rem .82rem}
}

/* Corporate lead form */
.corporate-modal .modal-dialog { max-width: 780px; }
.corporate-modal .modal-content {
  background: #f7f3eb;
  color: #17130f;
  border: 1px solid rgba(196, 151, 68, .42);
  border-radius: 22px;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .48);
  overflow: hidden;
}
.corporate-modal .modal-header { padding: 1.75rem 1.75rem .65rem; align-items: flex-start; }
.corporate-modal .modal-body { padding: .75rem 1.75rem 1.75rem; }
.corporate-modal .btn-close { margin-top: .15rem; }
.corporate-modal-eyebrow {
  color: #9a6b20;
  display: block;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  margin-bottom: .45rem;
  text-transform: uppercase;
}
.corporate-modal .modal-title { color: #17130f; font-size: clamp(1.55rem, 3vw, 2.15rem); font-weight: 700; line-height: 1.12; }
.corporate-modal-intro { color: #5d564e; margin-top: .65rem; max-width: 650px; }
.corporate-modal .form-label { color: #27211b; font-size: .88rem; font-weight: 650; margin-bottom: .4rem; }
.corporate-modal .form-control,
.corporate-modal .form-select {
  background-color: #fffdfa;
  border: 1px solid #d7cec0;
  border-radius: 11px;
  color: #17130f;
  min-height: 48px;
  padding: .72rem .85rem;
}
.corporate-modal textarea.form-control { min-height: 100px; resize: vertical; }
.corporate-modal .form-control:focus,
.corporate-modal .form-select:focus {
  background-color: #fff;
  border-color: #b78939;
  box-shadow: 0 0 0 .2rem rgba(183, 137, 57, .14);
}
.corporate-consent-wrap {
  background: rgba(183, 137, 57, .08);
  border: 1px solid rgba(183, 137, 57, .25);
  border-radius: 12px;
  padding: .9rem 1rem .9rem 2.65rem;
}
.corporate-consent-wrap .form-check-input { margin-left: -1.65rem; margin-top: .2rem; }
.corporate-consent-wrap .form-check-label { color: #4e463d; font-size: .82rem; line-height: 1.45; }
.corporate-consent-wrap a { color: #795116; font-weight: 650; }
.corporate-form-actions { display: flex; justify-content: flex-end; gap: .75rem; }
.btn-cancel { border: 1px solid #b8aea0; color: #4d453c; }
.btn-cancel:hover { background: #eae3d8; border-color: #9c9183; color: #211c17; }
.corporate-submit-btn { min-width: 160px; }
.corporate-form-note { color: #756d63; font-size: .76rem; text-align: right; }
.corporate-success { padding: 1.5rem .5rem .75rem; text-align: center; }
.corporate-success-icon {
  align-items: center;
  background: #b78939;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  font-size: 1.7rem;
  height: 58px;
  justify-content: center;
  margin-bottom: 1rem;
  width: 58px;
}
.corporate-success h3 { color: #17130f; font-size: 1.65rem; font-weight: 700; }
.corporate-success p { color: #5d564e; margin: .65rem auto 1.35rem; max-width: 540px; }
@media (max-width: 575.98px) {
  .corporate-modal .modal-content { border-radius: 0; }
  .corporate-modal .modal-header { padding: 1.25rem 1rem .5rem; }
  .corporate-modal .modal-body { padding: .65rem 1rem 1.25rem; }
  .corporate-form-actions { flex-direction: column-reverse; }
  .corporate-form-actions .btn { width: 100%; }
  .corporate-form-note { text-align: left; }
}

/* Refinamientos de lanzamiento Café Black Chile */
.btn-ghost-gold{border:1px solid rgba(198,164,90,.45);color:#e6cf98;background:rgba(198,164,90,.05)}
.btn-ghost-gold:hover{border-color:var(--gold);color:#111;background:var(--gold)}
.profile-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.profile-card:hover,.profile-card:focus-within{transform:translateY(-6px);box-shadow:0 18px 42px rgba(0,0,0,.34);border-color:rgba(198,164,90,.5)}
.profile-card .btn{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.profile-card:hover .btn{background:var(--gold);border-color:var(--gold);color:#111;transform:translateY(-1px)}
.buy-trust-list{list-style:none;padding:0;margin:.85rem 0 0;display:grid;gap:.5rem;color:var(--text-soft)}
.buy-trust-list li{position:relative;padding-left:1.45rem}
.buy-trust-list li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:700}
.footer-contact-links{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-top:1rem}
.footer-contact-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-soft);text-decoration:none;font-size:.88rem}
.footer-contact-link:hover{color:var(--gold)}
.footer-contact-icon{width:20px;height:20px;display:inline-flex}
.footer-contact-icon svg{width:100%;height:100%}
.corporate-modal.fade .modal-dialog{transform:scale(.975) translateY(8px);transition:transform .2s ease-out}
.corporate-modal.show .modal-dialog{transform:scale(1) translateY(0)}
.corporate-success-icon{width:64px;height:64px;font-size:2rem}
.legal-brand-lockup{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:#9a6b20}
.legal-brand-lockup span+span{padding-left:.75rem;border-left:1px solid rgba(154,107,32,.45);color:#8b8175}
@media (prefers-reduced-motion:reduce){.profile-card,.profile-card .btn,.corporate-modal.fade .modal-dialog{transition:none!important}}
@media (max-width:575.98px){.footer-contact-links{display:grid;grid-template-columns:1fr 1fr}.legal-brand-lockup{align-items:flex-start;flex-direction:column}.legal-brand-lockup span+span{padding-left:0;border-left:0}}

/* v1.4: claridad, confianza, conversión y SEO */
.trust-strip{border-top:1px solid rgba(198,164,90,.16);border-bottom:1px solid rgba(198,164,90,.16);padding:1.25rem 0}
.trust-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.trust-strip-item{display:flex;flex-direction:column;gap:.2rem;padding:.25rem 1rem;border-right:1px solid rgba(198,164,90,.18)}
.trust-strip-item:last-child{border-right:0}
.trust-strip-item strong{color:#f0ddb0;font-size:.92rem}
.trust-strip-item span{color:var(--text-soft);font-size:.8rem}
.profiles-cta{padding-top:.5rem}
.profiles-cta p{color:var(--text-soft)}
.faq-grid{max-width:900px;margin-inline:auto;display:grid;gap:.8rem}
.faq-grid details{background:#101010;border:1px solid rgba(198,164,90,.2);border-radius:14px;padding:1rem 1.1rem}
.faq-grid summary{cursor:pointer;color:#f4ead4;font-weight:650;list-style:none;position:relative;padding-right:2rem}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid summary::after{content:'+';position:absolute;right:0;top:-.15rem;color:var(--gold);font-size:1.35rem;font-weight:400}
.faq-grid details[open] summary::after{content:'–'}
.faq-grid p{color:var(--text-soft);margin:.75rem 0 0;line-height:1.65}

/* La validación solo destaca errores; los campos opcionales vacíos permanecen neutros. */
.corporate-modal .was-validated .form-control:valid,
.corporate-modal .was-validated .form-select:valid,
.corporate-modal .form-control.is-valid,
.corporate-modal .form-select.is-valid{
  border-color:#d7cec0;
  background-image:none;
  padding-right:.85rem;
  box-shadow:none;
}
.corporate-modal .was-validated .form-control:valid:focus,
.corporate-modal .was-validated .form-select:valid:focus{
  border-color:#b78939;
  box-shadow:0 0 0 .2rem rgba(183,137,57,.14);
}

@media (max-width:991.98px){
  .trust-strip-grid{grid-template-columns:repeat(2,1fr)}
  .trust-strip-item:nth-child(2){border-right:0}
}
@media (max-width:575.98px){
  .trust-strip{padding:1rem 0}
  .trust-strip-grid{grid-template-columns:1fr;gap:.7rem}
  .trust-strip-item{border-right:0;border-bottom:1px solid rgba(198,164,90,.14);padding:.25rem 0 .75rem}
  .trust-strip-item:last-child{border-bottom:0;padding-bottom:.25rem}
}

/* Hero CTA alignment */
@media (min-width: 992px) {
  .hero-actions {
    flex-wrap: nowrap !important;
    gap: .75rem !important;
  }

  .hero-actions .btn {
    flex: 0 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .95rem;
    white-space: nowrap;
  }
}

/* Las imágenes de los perfiles abren el mismo modal que el botón “Ver perfil”. */
.profile-image-button{
  display:block;
  width:100%;
  padding:0;
  border:0;
  margin:0;
  background:transparent;
  cursor:pointer;
  overflow:hidden;
}
.profile-image-button .profile-image{
  transition:transform .22s ease, filter .22s ease;
}
.profile-image-button:hover .profile-image,
.profile-image-button:focus-visible .profile-image{
  transform:scale(1.025);
  filter:brightness(1.04);
}
.profile-image-button:focus-visible{
  outline:2px solid var(--gold, #caa64b);
  outline-offset:3px;
  border-radius:8px;
}


/* =========================
   HISTORIA DE MARCA
========================= */
.brand-story-section{
  padding-top:4.5rem;
  padding-bottom:4.5rem;
}
.brand-story{
  max-width:900px;
}
.brand-story .section-copy{
  font-size:1.08rem;
  line-height:1.8;
}

/* Refinamiento textos de certificaciones */
.certifications-copy{
  max-width:none;
  width:100%;
  font-size:1rem;
  line-height:1.45;
  margin-bottom:1rem;
}
.certifications-note,
.certifications-note-wide{
  max-width:none;
  width:100%;
  margin-top:.65rem;
  color:rgba(255,255,255,.58);
  font-size:.82rem;
  line-height:1.5;
}
@media (max-width: 767.98px){
  .brand-story-section{padding-top:3.5rem;padding-bottom:3.5rem;}
  .brand-story .section-copy{font-size:1rem;line-height:1.7;}
  .certifications-copy{font-size:.95rem;}
  .certifications-note, .certifications-note-wide{font-size:.78rem;}
}