.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: 0px,!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:1500px !important;
	height: auto !important;
    margin:0 !important;
    padding:8px 0 !important;
}

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


/* 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: "Poppins", 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: #3D3935 !important;
}



/* ==========================================
   FLECHAS DEL CALENDARIO
   ========================================== */

.calendario-planeteando .calendario-navegacion button {
    position: relative !important;

    width: 42px !important;
    height: 42px !important;

    min-width: 42px !important;
    min-height: 42px !important;

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

    border: none !important;
    border-radius: 50% !important;

    background: #F2A900 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    transform: none;
}

/* Quitamos la flecha escrita como texto
   y ponemos nuestra propia flecha */
.calendario-planeteando #mesAnterior::after {
    content: "‹";

    display: block;

    font-family: Poppins, sans-serif !important;
    font-size: 32px !important;
    font-weight: normal !important;
    line-height: 1 !important;

    color: #ffffff !important;

    position: absolute;
    left: 50%;
    top: 50%;

    transform: translate(-55%, -54%);
}

.calendario-planeteando #mesSiguiente::after {
    content: "›";

    display: block;

    font-family: Poppins, sans-serif !important;
    font-size: 32px !important;
    font-weight: normal !important;
    line-height: 1 !important;

    color: #ffffff !important;

    position: absolute;
    left: 50%;
    top: 50%;

    transform: translate(-45%, -54%);
},
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* Hover de calendarios */
.calendario-planeteando .calendario-navegacion button:hover {
    transform: scale(1.08) !important;
}

.evento-datos {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.7;
    color: #666;
}

.tiktok-pequeno {
    width: 200px;
}

.tiktok-pequeno .tiktok-embed {
    width: 200px !important;
    max-width: 200px !important;
}

.tiktok-wrapper {
    width: 302.5px;
    margin: 0 auto;
    overflow: hidden;
}

.boton-registro {
    display: inline-block;
    margin-top: 18px;
    padding: 11px 22px;
    background: #F2A900;
    color: #00ACA0 !important;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 25px;
    transition: all 0.25s ease;
}

.boton-registro:hover {
    background: #00ACA0;
    color: #FFFFFF !important;
}

/* PLANETEANDO — Encabezado, menú y submenús Harrison */

/* Mantener el encabezado y contenedores sin desbordamiento oculto */
.site-header,
.header-main,
.site-header .header-main {
    position: relative;
    z-index: 9999;
    overflow: visible !important;
}

/* Contenedor del menú principal */
.site-header .main-navigation {
    position: relative !important;
    z-index: 100000 !important;
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
    font-family: "Poppins", sans-serif !important;
}

.site-header .main-navigation a,
.site-header .main-navigation button {
    font-family: "Poppins", sans-serif !important;
}

/* Fondo sólido y visibilidad para submenús de todos los niveles */
.site-header .main-navigation ul ul,
.site-header .main-navigation .sub-menu,
ul.sub-menu {
    position: absolute !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    opacity: 1 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
    border: 1px solid #E8E8E8 !important;
    z-index: 100001 !important;
}

/* Cada opción del submenú */
.site-header .main-navigation ul ul li {
    background-color: #FFFFFF !important;
}

/* Texto visible en los submenús */
.site-header .main-navigation ul ul li a,
.site-header .main-navigation .sub-menu a {
    color: #3D3935 !important;
    background-color: #FFFFFF !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
}

/* Efecto al pasar el cursor por el submenú */
.site-header .main-navigation ul ul li a:hover,
.site-header .main-navigation .sub-menu a:hover {
    color: #00ACA0 !important;
    background-color: #E8F7F6 !important;
},
/* 1. Centrar el texto dentro de cada opción del submenú */
.site-header .main-navigation ul ul li a,
.site-header .main-navigation .sub-menu a {
    text-align: center !important;
},
/* 1. Ocultar los submenús por defecto */
.site-header .main-navigation ul ul,
.site-header .main-navigation .sub-menu {
    display: none !important;
    position: absolute !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
    border: 1px solid #E8E8E8 !important;
    z-index: 100001 !important;
    min-width: 220px !important;
    left: 0 !important;
    transform: none !important;
}

/* 2. Mostrar el submenú únicamente al pasar el cursor sobre la opción principal */
.site-header .main-navigation ul li:hover > ul,
.site-header .main-navigation ul li.focus > ul,
.site-header .main-navigation ul li:hover > .sub-menu {
    display: block !important;
}

/* Opciones del submenú alineadas a la izquierda */
.site-header .main-navigation ul ul li a,
.site-header .main-navigation .sub-menu a {
    text-align: left !important;
    color: #3D3935 !important;
    background-color: #FFFFFF !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
}

/* Efecto hover en las opciones del submenú */
.site-header .main-navigation ul ul li a:hover,
.site-header .main-navigation .sub-menu a:hover {
    color: #00ACA0 !important;
    background-color: #E8F7F6 !important;
},
/* ==========================================================
   SOLUCIÓN PARA PANTALLAS PEQUEÑAS / MÓVILES
   ========================================================== */

/* Asegurar que el botón de menú hamburguesa y el menú móvil funcionen bien */
@media screen and (max-width: 900px) {
    /* Permitir que el tema maneje la visibilidad normal del menú móvil */
    .site-header .main-navigation,
    .site-header .header-main {
        display: block !important;
        justify-content: unset !important;
        text-align: left !important;
    }
    
    .site-header .main-navigation ul {
        display: block !important;
        justify-content: unset !important;
    }
}

/* ==========================================================
   CENTRADO SOLO PARA COMPUTADORAS (Pantallas mayores a 900px)
   ========================================================== */
@media screen and (min-width: 901px) {
    .site-header .main-navigation,
    .site-header .header-main {
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .site-header .main-navigation ul {
        display: flex !important;
        justify-content: center !important;
        list-style: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        float: none !important;
    }
}