/* Colores globales de GeneratePress, tal como están en el sitio original. */
:root {
  --contrast: #000000;
  --contrast-2: #1e1e1b;
  --contrast-3: #eeddab;
  --base: #ededed;
  --base-2: #f6f7f8;
  --base-3: #ffffff;
  --accent: #ffbd59;
  --global-color-8: #e1982b;
}

body {
  background-color: var(--base-3);
  color: var(--contrast-2);
}

/* La cabecera no tiene color de fondo en los ajustes originales:
   es transparente y el hero sube por detrás. */
.site-header {
  background-color: transparent;
  position: relative;
  z-index: 10;
}

/* navigation_background_color está vacío en los ajustes: el menú es transparente
   y el hero se ve por detrás. Solo los submenús desplegables llevan fondo. */
.main-navigation {
  background-color: transparent;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
  color: var(--contrast);
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  color: var(--contrast);
}

.inside-header {
  padding: 20px;
}

.site-logo img {
  width: 300px;
}

@media (max-width: 768px) {
  .inside-header { padding: 10px; }
}