.elementor-207 .elementor-element.elementor-element-d57d2b9{--display:flex;}.elementor-207 .elementor-element.elementor-element-6504248{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-6504248 *//* NAVBAR */
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px; /* margen lateral */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 50px; /* altura de la barra */
  background: #D4D4D4; /* bloque gris de fondo */
  z-index: 1000;
}

header h1 {
  font-family: 'Geist Mono', monospace;
  font-weight: 700; /* Bold */
  font-size: 15px;
  margin: 0;
  text-transform: uppercase;
  color: #000; /* negro */
}

header nav {
  display: flex;
  gap: 10px;
}

header nav a {
  font-family: 'Geist Mono', monospace;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  color: #000; /* siempre negro */
  text-decoration: underline;
  text-decoration-color: #000; /* subrayado negro */
  text-decoration-thickness: 2px;
  text-underline-offset: 1px; /* subrayado pegado al texto */
  transition: text-decoration-thickness 0.2s ease, color 0.2s ease;
}

/* Subrayado fijo cuando está activo */
header nav a.active {
  text-decoration: underline;
  text-decoration-color: #000;
  color: #000; /* asegura que siga negro */
}

/* Subrayado en hover de enlaces no activos */
header nav a:not(.active):hover {
  text-decoration: underline;
  text-decoration-color: #000;
  color: #000; /* fuerza negro también en hover */
}/* End custom CSS */