/* Fondo del desplegable */
.ast-builder-menu-1 .sub-menu {
    background: #FFFFFF !important;
}

/* Texto del desplegable */
.ast-builder-menu-1 .sub-menu li a {
    color: #006D5F !important;
    -webkit-text-fill-color: #006D5F !important;
    opacity: 1 !important;
}

/* Al pasar el cursor */
.ast-builder-menu-1 .sub-menu li a:hover,
.ast-builder-menu-1 .sub-menu li a:focus {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: #006D5F !important;
}
/* =====================================
   PRIMEROS PASOS — TARJETAS CORPORATIVAS
===================================== */

.inclulab-primeros {
    max-width: 1200px;
    margin: 45px auto;
    padding: 0 20px;
}

/* Cuadrícula: 2 columnas y 2 filas */
.inclulab-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px !important;
}

/* Diseño general de las tarjetas */
.inclulab-card {
    --accent: #006D5F;
    --soft: #eef8f5;

    position: relative;
    display: grid !important;
    grid-template-columns: 125px minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto;
    column-gap: 26px;
    row-gap: 10px;

    min-height: 310px;
    padding: 30px !important;
    margin: 0 !important;

    background-color: var(--soft) !important;
    border: 1px solid rgba(0, 109, 95, 0.12);
    border-top: 7px solid var(--accent);
    border-radius: 20px;
    box-shadow: 0 8px 22px rgba(24, 54, 48, 0.09);

    font-family: "Nunito", sans-serif !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    overflow: hidden;
}

/* Movimiento al pasar el cursor */
.inclulab-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(24, 54, 48, 0.16);
}

/* Icono */
.inclulab-card > .wp-block-image {
    grid-column: 1;
    grid-row: 1 / span 4;
    width: 125px;
    height: 125px;
    margin: 0 !important;
    padding: 18px;
    box-sizing: border-box;

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

    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(24, 54, 48, 0.10);
}

.inclulab-card > .wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

/* Todo el contenido textual */
.inclulab-card > p,
.inclulab-card > h3,
.inclulab-card > .wp-block-buttons {
    grid-column: 2;
}

/* Texto pequeño superior */
.inclulab-card > p:first-of-type {
    margin: 0 !important;
    color: var(--accent) !important;
    font-family: "Nunito", sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.7px;
}

/* Título */
.inclulab-card h3 {
    margin: 0 !important;
    color: #142034 !important;
    font-family: "Nunito", sans-serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.2;
}

/* Descripción */
.inclulab-card > p:not(:first-of-type) {
    margin: 2px 0 10px !important;
    color: #4d5a66 !important;
    font-family: "Nunito", sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* Botones */
.inclulab-card .wp-block-buttons {
    margin: 4px 0 0 !important;
    align-self: end;
}

.inclulab-card .wp-block-button__link {
    padding: 11px 24px !important;
    background: var(--accent) !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-family: "Nunito", sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: filter 0.2s ease, transform 0.2s ease;
}

.inclulab-card .wp-block-button__link:hover {
    filter: brightness(0.88);
    transform: scale(1.03);
}

/* Colores corporativos de cada tarjeta */
.card-scape {
    --accent: #1F7239;
    --soft: #edf7ee;
}

.card-glosario {
    --accent: #B94D36;
    --soft: #fcf0ed;
}

.card-video {
    --accent: #B32C76;
    --soft: #fbedf5;
}

.card-rutinas {
    --accent: #A03A58;
    --soft: #faeef2;
}

/* Tabletas y móviles */
@media (max-width: 800px) {
    .inclulab-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 520px) {
    .inclulab-card {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .inclulab-card > .wp-block-image,
    .inclulab-card > p,
    .inclulab-card > h3,
    .inclulab-card > .wp-block-buttons {
        grid-column: 1;
    }

    .inclulab-card > .wp-block-image {
        grid-row: auto;
        margin: 0 auto 10px !important;
    }

    .inclulab-card .wp-block-buttons {
        justify-content: center;
    }
	/* Corregir tipografía de las descripciones */

.inclulab-card > .wp-block-preformatted {
    grid-column: 2;
    margin: 2px 0 10px !important;
    color: #4d5a66 !important;
    font-family: "Nunito", sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    white-space: normal !important;
    overflow-wrap: break-word;
}
	/* Forzar Nunito en todos los textos de las tarjetas */
.inclulab-card p,
.inclulab-card pre,
.inclulab-card code {
    font-family: "Nunito", sans-serif !important;
}
	.inclulab-cta .wp-block-button__link {
    display: inline-block;
    cursor: pointer;
    transition: transform 0.25s ease,
                background-color 0.25s ease,
                color 0.25s ease,
                box-shadow 0.25s ease;

		/* Diseño individual de los botones */
.wp-block-button.boton-docentes .wp-block-button__link,
.wp-block-button.boton-familias .wp-block-button__link {
    min-width: 190px !important;
    padding: 15px 30px !important;
    border: 2px solid transparent !important;
    border-radius: 999px !important;
    color: #FFFFFF !important;
    font-family: "Nunito", sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.2;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16);
    transition: transform 0.25s ease,
                box-shadow 0.25s ease,
                filter 0.25s ease;
}
/* Docentes */
.wp-block-button.boton-docentes .wp-block-button__link {
    background: #2F80ED !important;
}

/* Familias */
.wp-block-button.boton-familias .wp-block-button__link {
    background: #B32C76 !important;
}

.wp-block-button.boton-docentes .wp-block-button__link::after,
.wp-block-button.boton-familias .wp-block-button__link::after {
    content: "→";
    display: inline-block;
    margin-left: 10px;
    transition: transform 0.25s ease;
}

.wp-block-button.boton-docentes .wp-block-button__link:hover,
.wp-block-button.boton-familias .wp-block-button__link:hover {
    transform: translateY(-4px);
    filter: brightness(1.08);
    box-shadow: 0 13px 26px rgba(15, 23, 42, 0.24);
}

.wp-block-button.boton-docentes .wp-block-button__link:hover::after,
.wp-block-button.boton-familias .wp-block-button__link:hover::after {
    transform: translateX(4px);
}