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


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

input::placeholder,
textarea::placeholder {
  color: #aaaa !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: 30px,!important;
    min-height: auto !important;
	transform: translateX(20px);
}

/* 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: 17px;
	font-family: Poppins;
    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: 14px;
	font-family: Poppins;
    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: 500px !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;
}


/* COLOR DE FONDO DEL FOOTER */
.site-footer {
    background-color: #00965E !important;
}

/* ==========================================
   PLANETEANDO - MENU MOVIL
   HARRISON
========================================== */

@media screen and (max-width: 900px) {

    /* ------------------------------------------
       CONTENEDOR DEL MENU
    ------------------------------------------ */

    .site-header .main-navigation {
        width: 100% !important;
        max-width: 100% !important;
        background: #FFFFFF !important;
        box-shadow: none !important;

        max-height: calc(100vh - 70px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;

        -webkit-overflow-scrolling: touch;
    }


    /* ------------------------------------------
       LISTA PRINCIPAL
    ------------------------------------------ */

    .main-navigation > ul {
        display: block !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 5px 0 !important;

        box-sizing: border-box !important;
    }


    .main-navigation > ul > li {
        display: block !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------
       APARTADOS PRINCIPALES
    ------------------------------------------ */

    .main-navigation > ul > li > a {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        min-height: 52px !important;

        padding: 13px 20px !important;

        box-sizing: border-box !important;

        font-size: 17px !important;
        line-height: 1.25 !important;

        color: #3D3935 !important;

        white-space: normal !important;

        border-bottom: 1px solid #EEEEEE;

        background: #FFFFFF !important;
    }


    /* ------------------------------------------
       SUBMENUS
    ------------------------------------------ */

    .main-navigation ul ul,
    .main-navigation ul ul ul {

        position: static !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;

        background: #F7FCFB !important;

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /* ------------------------------------------
       SUBMENU OCULTO
    ------------------------------------------ */

    .main-navigation ul ul {
        display: none !important;
    }


    /* ------------------------------------------
       SUBMENU ABIERTO POR HARRISON
    ------------------------------------------ */

    .main-navigation li.focus > ul,
    .main-navigation li.focus > .sub-menu,
    .main-navigation .sub-menu.toggled-on,
    .main-navigation li > ul.toggled-on {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
    }


    /* ------------------------------------------
       IMPORTANTE:
       NO USAR HOVER EN CELULAR
    ------------------------------------------ */

    .main-navigation li:hover > ul {
        display: none !important;
    }

    .main-navigation li.focus:hover > ul,
    .main-navigation li > ul.toggled-on {
        display: block !important;
    }


    /* ------------------------------------------
       SUBMENU NIVEL 1
    ------------------------------------------ */

    .main-navigation ul ul > li {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .main-navigation ul ul a {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 44px !important;

        padding: 11px 20px 11px 38px !important;

        box-sizing: border-box !important;

        font-size: 15px !important;
        line-height: 1.4 !important;

        color: #3D3935 !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;

        border-bottom: 1px solid #E5F1EF;

        background: #F7FCFB !important;
    }


    /* ------------------------------------------
       SUBMENU NIVEL 2
    ------------------------------------------ */

    .main-navigation ul ul ul {

        position: static !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;

        width: 100% !important;
        min-width: 0 !important;

        padding: 0 !important;

        background: #EFF9F7 !important;
    }


    .main-navigation ul ul ul a {

        padding: 11px 18px 11px 55px !important;

        font-size: 14px !important;

        line-height: 1.4 !important;

        white-space: normal !important;
    }


    /* ------------------------------------------
       COLABORA
    ------------------------------------------ */

    .main-navigation .menu-item a[href*="colabora"] {

        display: block !important;

        width: calc(100% - 30px) !important;

        margin: 12px 15px !important;

        padding: 13px 20px !important;

        text-align: center !important;

        border-radius: 25px !important;

        background: #F2A900 !important;

        color: #FFFFFF !important;

        border: none !important;
    }


    /* ------------------------------------------
       EVITAR DESBORDAMIENTO
    ------------------------------------------ */

    .main-navigation,
    .main-navigation ul,
    .main-navigation li,
    .main-navigation a {

        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------
       SCROLL
    ------------------------------------------ */

    .main-navigation::-webkit-scrollbar {
        width: 4px;
    }

    .main-navigation::-webkit-scrollbar-thumb {
        background: #00ACA0;
        border-radius: 10px;
    }

    .main-navigation::-webkit-scrollbar-track {
        background: transparent;
    }

}

/* ==========================================
   PLANETEANDO - SUBMENU SIEMPRE AL FRENTE
========================================== */

/* Header y navegación */
.site-header,
.site-header .header-main,
.site-header .main-navigation {
    position: relative !important;
    z-index: 99999 !important;
}

/* Lista principal */
.main-navigation > ul {
    position: relative !important;
    z-index: 99999 !important;
}

/* Todos los submenús */
.main-navigation ul ul,
.main-navigation ul ul ul {
    position: absolute !important;
    z-index: 999999 !important;
}

/* ==========================================
   EVITAR QUE EL HERO TAPE EL MENU
========================================== */

.site-main,
.site-content,
.elementor,
.elementor-section,
.elementor-container,
.elementor-widget-wrap {
    position: relative;
}

/* Hero / primera sección debajo del menú */
.site-main > *,
.elementor-location-single > *,
.elementor-location-archive > * {
    z-index: auto;
}

@media screen and (max-width: 900px) {

    .main-navigation ul ul,
    .main-navigation ul ul ul {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        z-index: 999999 !important;
    }

}

/* ==========================================
   CENTRAR MENU EN CELULAR
========================================== */

@media screen and (max-width: 900px) {

    .site-header .main-navigation {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .site-header .main-navigation > ul {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .site-header .main-navigation > ul > li {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .site-header .main-navigation > ul > li > a {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

}