:root {
  --color-negro: #000000;
  --color-gris-institucional: #8C8C8C;
  --color-gris-oscuro: #333333;
  --color-verde-primario: #A6D63F;
  --color-verde-secundario: #6FB24D;
  --color-verde-claro: #D6E04A;
  --color-blanco: #FFFFFF;
}

@font-face {
  font-family: 'The Seasons';
  src: url('./fonts/TheSeasons-Regular.woff2') format('woff2'),
       url('./fonts/TheSeasons-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'The Seasons';
  src: url('./fonts/TheSeasons-Bold.woff2') format('woff2'),
       url('./fonts/TheSeasons-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.titulo-seasons {
  font-family: 'The Seasons', serif;
}

@font-face {
  font-family: 'Myriad Semi Extended';
  src: url('./fonts/MyriadSemiExtended-Regular.woff2') format('woff2'),
       url('./fonts/MyriadSemiExtended-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Semi Extended';
  src: url('./fonts/MyriadSemiExtended-Bold.woff2') format('woff2'),
       url('./fonts/MyriadSemiExtended-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.cuerpo-myriad{
  font-family: 'Myriad Semi Extended', sans-serif;
}


/* ================================================= */
/* TOPBAR */
/* ================================================= */
.topbar {
  background-color: var(--color-gris-institucional);
  color: var(--color-blanco);
  font-size: 14px;
}

.topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 42px;
  padding: 8px 0;
}

.topbar-left {
  white-space: nowrap;
}

.topbar-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.topbar-right span,
.topbar-right strong {
  color: var(--color-blanco);
}

/* Botón topbar */
.topbar-btn {
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  line-height: 1;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.topbar-btn.outline {
  border: 1px solid var(--color-blanco);
  color: var(--color-blanco);
  background: transparent;
}

.topbar-btn.outline:hover {
  background: var(--color-blanco);
  color: var(--color-negro);
}

/* ================================================= */
/* NAVBAR BOOTSTRAP */
/* ================================================= */
.main-navbar {
  background-color: var(--color-negro);
}

.navbar-logo .logo-img {
  height: 100px;
  width: auto;
  display: block;
}

/* Links */
.navbar-nav .nav-link {
  color: white;
  font-size: 15px;
  font-weight: 500;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: var(--color-verde-claro);
}

/* Dropdown */
.dropdown-menu {
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.dropdown-item {
  font-size: 14px;
}

.dropdown-item:hover {
  background-color: #F2F2F2;
  color: #000000;
}

/* Horarios dentro del menú lateral (offcanvas) */
.offcanvas-horarios {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
}

.offcanvas-horarios .horarios-titulo {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #fff;
  margin-bottom: 6px;
}

.offcanvas-horarios i {
  margin-right: 6px;
}

/* Botón hamburguesa */
.navbar-toggler {
  border: none;
}

.navbar-toggler-icon {
  filter: invert(1);
}

/* ================================================= */
/* MOBILE */
/* ================================================= */
@media (max-width: 768px) {

  /* TOPBAR: oculta en mobile (horario va en el menú lateral) */
  .topbar {
    display: none;
  }

  /* LOGO */
  .navbar-logo .logo-img {
    height: 52px;
  }
}
/* Mobile */
@media (max-width: 991px) {
    .navbar {
        position: relative;
    }

    .navbar-brand {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }
}
.main-navbar .navbar-toggler {
    border-color: rgba(255,255,255,.4);
}

.main-navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* FIX ICONO HAMBURGUESA BLANCO */
.main-navbar .navbar-toggler-icon {
    filter: none !important;
}
@media (max-width: 991.98px) {

    /* Navbar más alta para dar aire */
    .main-navbar {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    /* Logo más grande y centrado */
    .main-navbar .navbar-brand img {
        max-height: 52px; /* ajusta si lo quieres aún más grande */
        height: auto;
    }
}