body.single.single-post figure.alignwide.wp-block-post-featured-image {
display: none !important;
}

div.taxonomy-category.wp-block-post-terms.has-superbfont-xsmall-font-size  {
display: none !important;
}

div.robots-nocontent.sd-block.sd-social.sd-social-icon.sd-sharing
{
display: none !important;
}

.wp-block-post-date {
    font-size: 16px !important;
}

.comoser:hover {
    background-color: #F8FAFC;
    transition: background-color 0.3s ease; /* Transición suave */
}

.lineafina {
    border: 0; 
	height: 1px;  }


.gradient-text {
    background: linear-gradient(-210deg, #9b51e0 34%, #594af6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.empiezagratis .wp-block-button__link:hover {
    background-color: #FFE501 !important;
    border-color: #FFE501 !important;
    transition: background-color 0.3s ease-in-out;
}

.sinlinea a {
    text-decoration: none;
    color: inherit;
}

/* Estilo para el contenedor del submenú */
.wp-block-navigation__submenu-container.has-background.has-contrast-light-background-color.linkheader.wp-block-navigation-submenu.has-superbfont-xsmall-font-size.amp-wp-d1922b8 {
    background: white; /* Fondo blanco */
    border-radius: 12px; /* Bordes redondeados */
    padding: 10px 0; /* Espaciado interno */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra suave */
}

/* Estilo para los elementos del menú */
.wp-block-navigation__submenu-container.has-background.has-contrast-light-background-color.linkheader.wp-block-navigation-submenu.has-superbfont-xsmall-font-size.amp-wp-d1922b8 li {
    padding:6px 6px; /* Espaciado interno */
    border-bottom: 1px solid #ddd; /* Línea divisoria gris claro */
}

/* Eliminar la línea inferior del último elemento */
.wp-block-navigation__submenu-container.has-background.has-contrast-light-background-color.linkheader.wp-block-navigation-submenu.has-superbfont-xsmall-font-size.amp-wp-d1922b8 li:last-child {
    border-bottom: none;
}


/* Cambio de grosor del texto en hover */
.wp-block-navigation-item__label:hover {
    font-weight: 600; /* Hace el texto semibold al hacer hover */
	
}

.botonconzoom:hover {
    animation: pulso-sutil 0.4s ease-in-out;
}

@keyframes pulso-sutil {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); } /* Aumenta solo un 2% en tamaño */
    100% { transform: scale(1); }
}

@media screen and (max-width: 767px) {
   .noseveenmovil {
       display: none;
   }
} 
/* 🔹 Contenedor principal */
.search-container {
    width: 1000px;
    padding: 20px 0;
    margin-left: 0;
}

.search-container2 {
    width: 800px;
    padding: 20px 0;
    margin-left: 0;
}

/* 📌 Caja de búsqueda */
.search-wrapper {
    position: relative;
    width: 1000px;
    display: flex;
    justify-content: flex-start;
}

.search-wrapper2 {
    position: relative;
    width: 700px;
    display: flex;
    justify-content: flex-start;
}

.search-box {
    display: flex;
    align-items: center;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    padding: 10px;
    transition: border 0.3s, box-shadow 0.3s;
    background-color: white;
    width: 100%;
}

/* 🔥 Sin borde amarillo al enfocar */
.search-box:focus-within {
    border-color: #D1D5DB;
    box-shadow: none;
}

/* 📝 Input de búsqueda */
.search-input {
    flex-grow: 1;
    border: none;
    outline: none;
    padding: 12px;
    font-size: 18px; /* Desktop */
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #333;
}

/* 🔍 Icono de búsqueda */
.search-icon {
    width: 18px;
    height: 18px;
    margin-left: 12px;
}

/* 🟡 Botón de búsqueda (ocultado en mobile) */
.search-button {
    background-color: #FFE501;
    border: none;
    padding: 12px 18px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Inter', sans-serif;
    color: black !important;
    cursor: pointer;
    transition: background-color 0.3s;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.search-button:hover {
    background-color: #E5D500;
}

/* 🎯 Menú desplegable */
.search-dropdown {
    position: absolute;
    width: 100%;
    background-color: white;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    padding: 16px;
    margin-top: 5px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    z-index: 100;
    pointer-events: none;
}

/* 📌 Permite clics dentro del dropdown */
.search-box:focus-within + .search-dropdown,
.search-dropdown:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* ✨ Diseño de grid en el dropdown */
.dropdown-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

/* ✨ Estilos de cada opción */
.dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    transition: background-color 0.3s;
    background: #fff;
    border: 1px solid #D1D5DB;
    cursor: pointer;
}

/* ✅ Ahora los títulos están en negro, Inter Medium, 20px */
.dropdown-title {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    color: #000;
}

/* ✅ Ahora los textos secundarios están en gris, Inter Regular, 16px */
.dropdown-text {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    color: #666;
}

/* 🏹 Flecha de navegación (ahora negra) */
.arrow-icon {
    color: #000;
    font-size: 20px;
}

/* ✅ Ahora el hover cambia el fondo a F8F8F8 */
.dropdown-item:hover {
    background-color: #F8F8F8;
}

/* ✅ Aseguramos que todo dentro del dropdown pueda recibir eventos de clic */
.dropdown-item *,
.dropdown-item a {
    pointer-events: auto;
}

/* 🔍 Contenedor de iconos con el mismo ancho que la barra */
.icons-container {
    display: flex;
    justify-content: flex-start;
    width: 1000px;
    margin-top: 15px;
    margin-left: 0;
    gap: 40px;
}

/* 📌 Columnas en 1/3 cada una */
.icon-box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: calc(680px / 3);
}

/* 🖼️ Imagen de icono */
.icon-box img {
    width: 14px;
    height: 14px;
    opacity: 40%;
    margin-right: 8px;
}

/* 📝 Texto alineado correctamente */
.icon-box p {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    color: #666;
    margin: 0;
}

/* 📱💡 **VERSIÓN RESPONSIVE PARA MOBILE** */
@media (max-width: 768px) {
    .search-container {
        width: 100%;
        padding: 0px;
    }

    .search-wrapper {
        width: 100%;
    }
	.search-container2 {
        width: 95%;
        padding: 0px;
    }

    .search-wrapper2 {
        width: 95%;
    }

    .search-input {
        font-size: 16px !important; /* 📌 **Evita zoom en mobile** */
    }

    .search-button {
        display: none; /* Ocultar en mobile */
    }

    .search-dropdown {
        width: 350px !important; /* 📌 Ahora tiene un ancho fijo en mobile */
        max-width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
	
	.search-dropdown2 {
        width: 350px !important; /* 📌 Ahora tiene un ancho fijo en mobile */
        max-width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .icons-container {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: 20px;
    }

    .icon-box {
        width: 100%;
        flex-direction: row;
        align-items: center;
    }

    .dropdown-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .search-dropdown {
        width: 100%; /* Ocupa todo el ancho de la barra */
        max-width: 350px; /* Limita el ancho */
        left: 0; /* Alineado a la izquierda */
        transform: translateX(0); /* Elimina desplazamiento */
        padding: 0; /* Sin padding extra */
        margin: 0; /* Sin margen */
        border-radius: 0; /* Bordes rectos para que encaje bien */
        box-shadow: none; /* Sin sombra extra */
    }
	
	.search-dropdown2 {
        width: 100%; /* Ocupa todo el ancho de la barra */
        max-width: 350px; /* Limita el ancho */
        left: 0; /* Alineado a la izquierda */
        transform: translateX(0); /* Elimina desplazamiento */
        padding: 0; /* Sin padding extra */
        margin: 0; /* Sin margen */
        border-radius: 0; /* Bordes rectos para que encaje bien */
        box-shadow: none; /* Sin sombra extra */
    }
}

ul.estrellita {
    list-style: none; /* Elimina los estilos por defecto */
    padding-left: 0; /* Ajusta el padding si es necesario */
}

ul.estrellita li {
    position: relative;
    padding-left: 20px; /* Ajusta el espacio antes del texto */
}

ul.estrellita li::before {
    content: "✦"; /* Agrega el símbolo */
    position: absolute;
    left: 0;
    font-size: 1.2em; /* Ajusta el tamaño si es necesario */
}

.auroralearninggradient {
    background: linear-gradient(45deg, #84DFFE, #FFCB4E, #FFBB9D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.auroralearninggradient2 {
    background: linear-gradient(45deg, #FFCB4E, #FFBB9D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.wp-block-group.cambiosutil:hover {
    background-color: #EEEEEE !important;
    transition: background-color 0.3s ease-in-out;
}

.halo-amarillo {
  background-color: transparent;
  text-shadow: 0 0 15px rgba(255, 215, 0, 0.45), 0 0 25px rgba(255, 215, 0, 0.35), 0 0 35px rgba(255, 215, 0, 0.25);
  padding: 0 5px;
}

.links-future-marketers a {
  color: black;
  text-decoration: none;
  transition: color 0.3s ease, opacity 0.3s ease;
}

.links-future-marketers a:hover {
  color: grey;
  opacity: 0.8;
  cursor: pointer;
}

.boton-future-marketers .wp-block-button__link {
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

.boton-future-marketers .wp-block-button__link:hover {

  transform: translateY(-2px);
  cursor: pointer;
}

@media (max-width: 768px) {
  .links-future-marketers a {
    font-size: 13.5px !important;
  }
}

@media (max-width: 768px) {
  .future-marketers {
    height: 20px !important;
  }
}

.links-future-builders a {
  color: black;
  text-decoration: none;
  transition: color 0.3s ease, opacity 0.3s ease;
}

.links-future-builders a:hover {
  color: #FF4534;
  opacity: 0.8;
  cursor: pointer;
}

.boton-future-marketers {
  transition: background 0.4s ease, -webkit-text-fill-color 0.4s ease;
}