.grecaptcha-badge { visibility: visible !important; opacity: 1 !important; }


/* Estilos para campos del formulario Newsletter */
input[type="text"],
input[type="email"],
textarea {
  color: #ffffff !important;             /* color del texto al escribir */
  background-color: #222222 !important;  /* color del fondo */
  border: 1px solid #666 !important;     /* bordes sutiles */
}

input::placeholder,
textarea::placeholder {
  color: #aaaaaa !important;             /* color del texto del placeholder */
  opacity: 1 !important;                 /* asegura que sea visible */
}

/* Al hacer foco en el campo */
input:focus,
textarea:focus {
  border-color: #00bcd4 !important;      /* color al seleccionar */
  outline: none !important;
  background-color: #1a1a1a !important;  /* opcional: leve contraste */
}
/* =========================
   HEADER
========================= */

.site-header,
.header-main {
	max-width:1200px !important;
	height: auto !important;
  
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
}

/* Ocultar título y descripción */
.site-branding{
    display:none !important;
}

/* Logo */
.site-logo, custom-logo {
	max-width:1200px !important;
	height: auto !important;
    margin:0 !important;
    padding:8px 0 !important;
}

.site-logo img{
    max-height:1200px !important;
    width:auto !important;
    display:block;
}

/* ==========================================
   MENU PLANETEANDO - HARRISON
   AJUSTE FINAL
   NO MODIFICA LOGO
========================================== */


/* Barra del menú */
.site-header .main-navigation {
    background: #FFFFFF;
    width: 100%;
    box-shadow: none !important;
}


/* Posición del menú */
.main-navigation > ul {
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
}


/* Enlaces principales */
.main-navigation a {
    color: #3D3935!important;
    font-weight: 700;
    font-size: 20px;
    padding: 30px 20px;
    transition: all .3s ease;
}


/* Hover VERDE PLANETEANDO */
.main-navigation a:hover,
.main-navigation a:focus {
    color: #00965E !important;
}


/* Menú activo */
.main-navigation .current-menu-item > a {
    color: #00ACA0 !important;
}


/* Línea inferior */
.main-navigation > ul > li > a:hover::after {
    content: "";
    height: 3px;
    width: 100%;
    background: #00ACA0 !important;
    margin-top: 8px;
    border-radius: 10px;
}


/* ==========================================
   SUBMENUS MÁS AMPLIOS
========================================== */


/* Caja del submenu */
.main-navigation ul ul {
    background: #FFFFFF !important;
    min-width: 330px !important;
    width: 330px !important;
    padding: 15px 0 !important;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,.10);
}


/* Texto del submenu */
.main-navigation ul ul li {
    width: 100%;
}


.main-navigation ul ul a {
    color: #3D3935 !important;
    font-weight: 600;
    font-size: 16px;
    padding: 15px 30px !important;
    width: 100% !important;
    white-space: normal !important;
    line-height: 1.5;
}


/* Hover submenu */
.main-navigation ul ul a:hover {
    background: #E8F7F6 !important;
    color: #00ACA0 !important;
}

/* ==========================================
   SUBMENUS INTERNOS - COMUNIDADES CLIMATICAS
   Abrir hacia la derecha
========================================== */


/* Submenus de segundo nivel */
.main-navigation ul ul ul {
    left: 100% !important;
    right: auto !important;
    top: 0;
}


/* Más ancho para subcategorías */
.main-navigation ul ul ul {
    min-width: 500px !important;
    width: 50px !important;
}


/* Texto completo */
.main-navigation ul ul ul a {
    white-space: nowrap !important;
    padding: 14px 25px !important;
}


/* Fondo limpio */
.main-navigation ul ul ul {
    background: #FFFFFF !important;
}

/* ==========================================
   BOTÓN COLABORA
========================================== */

.menu-item a[href*="colabora"] {
    background: #F2A900 !important;
    color: #FFFFFF !important;
    border-radius: 25px;
    padding: 12px 25px !important;
    margin-left: 12px;
}


.menu-item a[href*="colabora"]:hover {
    background: #00ACA0 !important;
    color: #FFFFFF !important;
}
/* ==========================================
   SUBMENUS HARRISON - COMPORTAMIENTO NORMAL
   Cerrados hasta pasar mouse
========================================== */


/* Ocultar todos los submenus */
.main-navigation ul ul {
    display: none;
}


/* Mostrar solo cuando pasas por encima */
.main-navigation ul li:hover > ul {
    display: block;
}


/* ==========================================
   SUBMENUS INTERNOS
   Comunidades Climáticas
========================================== */


/* Segundo nivel hacia la derecha */
.main-navigation ul ul li:hover > ul {
    display: block;
    left: 100%;
    right: auto;
    top: 0;
}


/* Ocultar submenus internos cuando no hay hover */
.main-navigation ul ul li > ul {
    display: none;
}


/* Tamaño más amplio */
.main-navigation ul ul,
.main-navigation ul ul ul {
    min-width: 320px !important;
    width: 320px !important;
}


/* Texto completo */
.main-navigation ul ul a,
.main-navigation ul ul ul a {
    white-space: nowrap !important;
    padding: 14px 28px !important;
}

/* Submenús internos de Acerca de hacia la izquierda */
#menu-item-9 .sub-menu .sub-menu {
    left: auto !important;
    right: 100% !important;
}

/* ==========================================
   SUBMENUS PODCAST
   Recursos Educativos
========================================== */


/* Submenús de tercer nivel dentro de Recursos Educativos */
.main-navigation ul ul li:hover > ul {
    display: block;
    left: 100%;
    right: auto;
    top: 0;
}


/* Mantener cerrados los subtemas */
.main-navigation ul ul li > ul {
    display: none;
}


/* Mostrar solo al pasar el mouse */
.main-navigation ul ul li:hover > ul {
    display: block;
}


/* Ancho para que no se corten los títulos */
.main-navigation ul ul ul {
    min-width: 320px !important;
    width: 320px !important;
}


/* Texto completo */
.main-navigation ul ul ul a {
    white-space: nowrap !important;
    padding: 14px 28px !important;
}
/* Quitar espacio entre menú y hero Elementor */
.site-content {
    padding-top: 0 !important;
    margin-top: -20px !important;
}
/* Ajuste extra Harrison */
.site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Eliminar espacios superiores de Harrison */
.site-content,
.site-main,
.content-area,
.hentry,
.entry-content,
.page-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Ajuste final del espacio superior de Harrison */
.content-area {
    padding-top: 0 !important;
    margin-top: -100px !important;
}

.site-content {
    padding-top: 0 !important;
}
/* Ocultar espacio reservado del título de página */
.entry-header {
    display: none !important;
}
.hero-title h1,
.hero-title .elementor-heading-title {
    font-family: "Josefine Sans", sans-serif !important;
    font-size: 60px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}
/* ==========================================
   CORRECCIÓN MENÚ MÓVIL - HARRISON
========================================== */

@media (max-width: 1024px) {

    /* Restaurar comportamiento normal de los submenús */
    .main-navigation ul ul,
    .main-navigation ul ul ul {
        position: static !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        min-width: 100% !important;
        display: none;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    /* Mostrar cuando WordPress/Harrison agrega la clase */
    .main-navigation li.focus > ul,
    .main-navigation li:hover > ul,
    .main-navigation .toggled-on,
    .main-navigation .sub-menu.toggled-on {
        display: block !important;
    }

    /* Sangría para diferenciar niveles */
    .main-navigation ul ul a {
        padding-left: 30px !important;
    }

    .main-navigation ul ul ul a {
        padding-left: 50px !important;
    }
}

