/* =========================
   TEAM PARDO - THEME GLOBAL
   ========================= */

:root{
  --brand: #9DE700;
  --brand-hover: #86c900;
  --bg: #000;
  --text: #fff;
  --muted: rgba(255,255,255,.78);
}

/* Fondo y texto global */
html, body{
  background: var(--bg);
  color: var(--text);
}

p{ color: var(--muted); }
.blu{ color: var(--brand) !important; }

/* ===== HEADER + MENU ===== */
.header{
  background: #000 !important;
  position: sticky;
  top: 0;
  z-index: 9999;
  border-top: 10px solid #090102;
}

.navigation .navbar-nav .nav-link{
  color: #fff !important;
  font-weight: 600;
}

.navigation .navbar-nav .nav-link:hover,
.navigation .navbar-nav .active > .nav-link{
  color: var(--brand) !important;
}

/* ===== BOTONES ===== */
.read_more,
.login_btn a,
.send_btn{
  background: var(--brand) !important;
  color: #000 !important;
  font-weight: 900;
  border-radius: 10px;
  border: none;
}

.read_more:hover,
.login_btn a:hover,
.send_btn:hover{
  background: var(--brand-hover) !important;
}
/* ===== TEAM PARDO: FIX CABECERA (unifica todas las páginas) ===== */
.header,
header {
  background: #000 !important;
  padding: 10px 0 !important; /* evita cabecera alta */
}

.header .container-fluid,
.header .row,
.navigation {
  background: transparent !important;
}

.navigation .navbar-nav .nav-link{
  color: #fff !important;
  font-weight: 600;
  letter-spacing: .2px;
}
.navigation .navbar-nav .nav-link:hover{
  color: #9de700 !important;
}

/* Logo: mismo tamaño SIEMPRE (evita que se agrande) */
.header .logo img,
header .logo img,
.logo img{
  height: 38px !important;      /* ✅ desktop */
  width: auto !important;
  max-width: 190px !important;  /* ✅ tope */
  object-fit: contain !important;
  display: block !important;
}

@media (max-width: 768px){
  .header .logo img,
  header .logo img,
  .logo img{
    height: 32px !important;     /* ✅ mobile */
    max-width: 170px !important;
  }
}

/* Evita “altura extra” por wrappers del template */
.header .logo_section{
  padding: 0 !important;
}
.header .full,
.header .center-desk{
  height: auto !important;
}