/* =========================================================
   El Charrito Negro - Estilos personalizados
   Todo va dentro de .charrito-page para no chocar con Kadence
   ========================================================= */

.charrito-page{
  --ink:#1E140D;
  --leather:#6B4226;
  --gold:#C08A28;
  --wine:#7A2331;
  --parchment:#EDE1CC;
  --olive:#556B4B;
  --parchment-dim:#D9CBAE;

  background:var(--ink);
  color:var(--parchment);
  font-family:'Bitter', serif;
  line-height:1.6;
}
.charrito-page *{ box-sizing:border-box; }
.charrito-page img{ display:block; max-width:100%; }
.charrito-page a{ text-decoration:none; }

.charrito-page h1,
.charrito-page h2,
.charrito-page h3,
.charrito-page .display{
  font-family:'Rye', serif;
  font-weight:400;
  letter-spacing:0.5px;
}

.charrito-page .label{
  font-family:'Barlow Condensed', sans-serif;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  font-size:0.78rem;
  color:var(--gold);
  display:block;
}

/* ===== NAV PROPIA DE LA PLANTILLA ===== */
.charrito-page .cn-header{
  position:sticky; top:0; z-index:50;
  background:rgba(30,20,13,0.94);
  border-bottom:1px solid rgba(192,138,40,0.25);
}
.charrito-page .cn-nav-wrap{
  max-width:1200px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 24px;
}
.charrito-page .cn-logo{ font-family:'Rye',serif; font-size:1.4rem; color:var(--parchment); }
.charrito-page .cn-logo span{ color:var(--gold); }
.charrito-page .cn-nav ul{ list-style:none; display:flex; gap:28px; margin:0; padding:0; }
.charrito-page .cn-nav a{
  font-family:'Barlow Condensed', sans-serif;
  font-weight:600; letter-spacing:1.2px; text-transform:uppercase;
  font-size:0.92rem; color:var(--parchment-dim);
  border-bottom:2px solid transparent;
  padding-bottom:4px;
}
.charrito-page .cn-nav a:hover{ color:var(--gold); border-color:var(--gold); }
.charrito-page .cn-nav-cta{
  background:var(--wine); color:var(--parchment)!important;
  padding:9px 18px; border-radius:2px;
  font-family:'Barlow Condensed', sans-serif; font-weight:700;
  letter-spacing:1px; text-transform:uppercase; font-size:0.85rem;
  border:1px solid rgba(237,225,204,0.2);
}

/* ===== HERO ===== */
.charrito-page .cn-hero{
  position:relative; min-height:88vh;
  display:flex; align-items:flex-end;
  background-size:cover; background-position:center;
}
.charrito-page .cn-hero::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(30,20,13,0.15) 0%, rgba(30,20,13,0.55) 55%, rgba(30,20,13,0.96) 100%);
}
.charrito-page .cn-hero-inner{
  position:relative; z-index:1;
  max-width:1200px; margin:0 auto; width:100%;
  padding:0 24px 64px;
}
.charrito-page .cn-hero h1{
  font-size:clamp(3rem, 8vw, 6.2rem);
  line-height:0.95;
  color:var(--parchment);
  text-shadow:0 4px 24px rgba(0,0,0,0.4);
  margin:14px 0 0;
}
.charrito-page .cn-hero p.tag{
  max-width:520px; margin-top:18px; font-size:1.15rem;
  color:var(--parchment-dim); font-style:italic;
}
.charrito-page .cn-hero-actions{ margin-top:34px; display:flex; gap:16px; flex-wrap:wrap; }

.charrito-page .btn-primary{
  background:var(--gold); color:var(--ink);
  padding:14px 30px; border-radius:2px;
  font-family:'Barlow Condensed', sans-serif; font-weight:700;
  letter-spacing:1.2px; text-transform:uppercase; font-size:0.95rem;
  display:inline-block;
}
.charrito-page .btn-outline{
  border:1.5px solid var(--parchment-dim); color:var(--parchment);
  padding:13px 28px; border-radius:2px;
  font-family:'Barlow Condensed', sans-serif; font-weight:700;
  letter-spacing:1.2px; text-transform:uppercase; font-size:0.95rem;
  display:inline-block;
}

/* ===== TIRA DE EVENTOS ===== */
.charrito-page .cn-eventos-strip{
  background:var(--leather); padding:18px 24px;
  overflow-x:auto; white-space:nowrap;
  border-bottom:1px solid rgba(192,138,40,0.3);
}
.charrito-page .cn-eventos-strip .evt{
  display:inline-flex; align-items:center; gap:14px;
  margin-right:44px; font-family:'Barlow Condensed', sans-serif;
}
.charrito-page .evt .fecha{
  background:var(--ink); color:var(--gold); padding:6px 10px;
  font-weight:700; font-size:0.95rem; border-radius:2px;
}
.charrito-page .evt .lugar{ font-size:1rem; letter-spacing:0.3px; }

/* ===== SECCIONES GENERICAS ===== */
.charrito-page section{ padding:90px 24px; }
.charrito-page .cn-section-inner{ max-width:1200px; margin:0 auto; }
.charrito-page .cn-section-head{ margin-bottom:46px; max-width:640px; }
.charrito-page .cn-section-head h2{ font-size:clamp(2rem,4vw,2.9rem); margin-top:10px; color:var(--parchment); }

/* ===== BIOGRAFIA ===== */
.charrito-page .cn-bio{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:60px; align-items:center; }
.charrito-page .cn-bio-photo{ position:relative; }
.charrito-page .cn-bio-photo img{ border:6px solid var(--leather); filter:sepia(18%) contrast(1.05); }
.charrito-page .cn-bio-photo::after{
  content:""; position:absolute; inset:16px -16px -16px 16px;
  border:2px solid var(--gold); z-index:-1;
}
.charrito-page .cn-bio-text p{ margin-bottom:18px; color:var(--parchment-dim); font-size:1.05rem; }
.charrito-page .cn-bio-text .firma{ font-family:'Rye',serif; font-size:1.6rem; color:var(--gold); margin-top:10px; }

/* ===== GALERIA ===== */
.charrito-page .cn-galeria-tabs{ display:flex; gap:10px; margin-bottom:34px; }
.charrito-page .cn-tab{
  font-family:'Barlow Condensed', sans-serif; font-weight:700; letter-spacing:1px;
  text-transform:uppercase; font-size:0.9rem;
  padding:10px 20px; border:1px solid rgba(237,225,204,0.25);
  color:var(--parchment-dim);
}
.charrito-page .cn-tab.active{ background:var(--wine); color:var(--parchment); border-color:var(--wine); }
.charrito-page .cn-galeria-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  grid-auto-rows:340px;
  gap:14px;
}
.charrito-page .cn-galeria-grid img{
  width:100%; height:100%;
  object-fit:cover; object-position:center 30%;
  filter:sepia(12%);
  background:var(--leather);
}
.charrito-page .cn-galeria-grid .wide{ grid-column:span 2; }

.charrito-page .cn-video-feature{
  margin-top:54px; display:grid; grid-template-columns:1.1fr 0.9fr; gap:50px; align-items:center;
}
.charrito-page .cn-video-embed{ position:relative; padding-top:56.25%; border:6px solid var(--leather); }
.charrito-page .cn-video-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.charrito-page .cn-video-note{ color:var(--parchment-dim); font-size:0.98rem; }

/* ===== CONTRATACIONES ===== */
.charrito-page .cn-contrataciones{
  background-size:cover; background-position:center;
  position:relative; text-align:center;
}
.charrito-page .cn-contrataciones::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(122,35,49,0.88), rgba(30,20,13,0.95));
}
.charrito-page .cn-contrataciones .cn-section-inner{ position:relative; z-index:1; }
.charrito-page .cn-contrataciones .cn-section-head{ margin:0 auto 30px; text-align:center; }
.charrito-page .cn-contrataciones h2{ color:var(--parchment); }
.charrito-page .cn-contrataciones-card{
  max-width:640px; margin:0 auto; background:rgba(30,20,13,0.55);
  border:1px solid rgba(192,138,40,0.4); padding:40px 36px;
}
.charrito-page .manager-line{ font-family:'Barlow Condensed', sans-serif; font-size:1.15rem; margin:6px 0; color:var(--parchment-dim); }
.charrito-page .manager-line strong{ color:var(--gold); }
.charrito-page .cn-contrataciones-card .btn-primary{ margin-top:26px; }

/* ===== FOOTER PROPIO ===== */
.charrito-page .cn-footer{ padding:50px 24px 30px; border-top:1px solid rgba(192,138,40,0.25); }
.charrito-page .cn-footer-inner{
  max-width:1200px; margin:0 auto;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px;
}
.charrito-page .cn-social-links{ display:flex; gap:20px; }
.charrito-page .cn-social-links a{
  font-family:'Barlow Condensed', sans-serif; font-weight:600;
  letter-spacing:1px; text-transform:uppercase; font-size:0.85rem;
  color:var(--parchment-dim);
}
.charrito-page .cn-footer-note{ font-size:0.85rem; color:var(--parchment-dim); opacity:0.7; }

.charrito-page .placeholder-flag{
  display:inline-block; margin-top:8px; font-family:'Barlow Condensed', sans-serif;
  font-size:0.78rem; letter-spacing:1px; color:var(--parchment-dim); opacity:0.65;
}

@media (max-width: 860px){
  .charrito-page .cn-nav ul{ display:none; }
  .charrito-page .cn-bio{ grid-template-columns:1fr; }
  .charrito-page .cn-galeria-grid{ grid-template-columns:repeat(2,1fr); grid-auto-rows:220px; }
  .charrito-page .cn-galeria-grid .wide{ grid-column:span 2; }
  .charrito-page .cn-video-feature{ grid-template-columns:1fr; }
}

/* ===== Enlaces dentro de la tarjeta de contrataciones ===== */
.charrito-page .manager-line a{
  color:var(--parchment-dim);
  border-bottom:1px solid rgba(192,138,40,0.35);
  transition:color .2s, border-color .2s;
}
.charrito-page .manager-line a:hover{
  color:var(--gold);
  border-color:var(--gold);
}