@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600;700&display=swap');

body {
  font-family: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Botones del menú principal */
.pkp_navigation_primary a {
  background-color: #c10230 !important; /* rojo institucional */
  color: #ffffff !important;
  border-radius: 0.75rem;
  padding: 0.4rem 1rem;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Hover principal */
.pkp_navigation_primary a:hover {
  background-color: #c10230 !important;
  color: #ffffff !important;
  text-decoration: none;
  transform: translateY(-1px);
}

/* Dropdown container */
.pkp_navigation_primary .dropdown-menu {
  position: absolute;
  right: 0;
  z-index: 10;
  margin-top: 0.5rem;
  width: 14rem; /* ancho consistente */
  border-radius: 0.75rem; /* igual que los botones */
  background-color: #c10230; /* rojo institucional */
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  ring-opacity: 0.05;
  overflow: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Dropdown items */
.pkp_navigation_primary .dropdown-menu a {
  display: block;
  padding: 0.5rem 1rem;
  color: #ffffff !important; /* blanco sobre rojo */
  font-weight: 500;
  font-size: 0.9rem;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

/* Hover dropdown */
.pkp_navigation_primary .dropdown-menu a:hover {
  background-color: #6f1612 !important;
  transform: translateX(5px);
  color: #ffffff !important;
  text-decoration: none;
}

/* Separadores entre items */
.pkp_navigation_primary .dropdown-menu li + li {
  border-top: 1px solid rgba(255,255,255,0.15);
}

/* Ajuste de modo oscuro (si se usa) */
.dark .pkp_navigation_primary .dropdown-menu {
  background-color: #c10230;
}
.dark .pkp_navigation_primary .dropdown-menu a {
  color: #ffffff !important;
}

button[aria-label="Theme"] {
  display: none !important;
}

.relative.overflow-hidden > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}