/* 
Theme Name: PME - Santillana
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,600;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,600;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

/*** Variables ***/
:root {
    --blanco: #fff;
    --bullet: #A7E0E9;
    --primary: #2B89F5;
    --fondo: #FAFAFA;
    --negro: #010101;
    --hover: #EEF6FF;
    --gris: #545454;
    --gris-claro: #858585;
}
/*** Tipografía ***/
h1, h2, h3, h4 {
    margin: 0;
}
h2 span {
    color: var(--primary);
}
/*** Header ***/
body.header-blanco header {
    position: absolute;
    width: 100%;
    z-index: 999;
}
header span.e-n-menu-title-text {
    cursor: pointer!important;
}
/*** Slider ***/
.swiper-pagination {
    margin-top: -40px!important;
}
span.swiper-pagination-bullet {
    opacity: 1;
    transition: .4s;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--bullet);
    border-radius: 10px;
    width: 64px;
}
/*** Hero título ***/
.titulo-hero h2 {
    font-weight: inherit!important;
}
.titulo-hero h2 strong {
    font-weight: 600!important;
}
/*** Botón ***/
a.elementor-button:hover path, a.elementor-button:focus path {
    fill: var(--blanco)!important;
}
/*** Compartir ***/
.elementor-share-btn {
    border: 1px solid var(--gris-claro);
    border-radius: 50px;
    gap: 10px;
    padding: 16px;
}
.elementor-share-btn:hover {
    background-color: var(--primary)!important;
    border-color: var(--primary);
}
span.elementor-share-btn__icon {
    width: auto;
}
.elementor-share-btn__text {
    padding-right: 0!important;
}
/*** Sección ***/
body:not(.elementor-editor-active) .hidden {
    overflow: hidden;
}
/*** Formulario ***/
.mi-contenedor-personalizado {
    max-height: 470px;
    overflow: scroll;
}
#form.blanco .mi-contenedor-personalizado {
    max-height: 100%!important;
}
.onFormSubmittedFeedback {
    width: auto!important;
}
#form .columnContainer {
    padding: 0 10px!important;
}
#form .textFormFieldBlock, 
#form .dateTimeFormFieldBlock, 
#form .twoOptionFormFieldBlock, 
#form .optionSetFormFieldBlock, 
#form .lookupFormFieldBlock, 
#form .phoneFormFieldBlock {
    padding: 0 0 10px!important;
    gap: 0px!important;
}
#form .submitButton {
    background-color: var(--negro)!important;
    border-radius: 50px!important;
    transition: all .4s;
    width: 100%!important;
}
#form .submitButton:hover {
    background-color: var(--primary)!important;
}
#form select, #form input {
    border: 1px solid var(--gris-claro)!important;
    background-color: transparent!important;
    font-family: var( --e-global-typography-3ca8455-font-family ), Sans-serif!important;
    padding: 5px 10px!important;
}
#form.blanco select, #form.blanco input {
    border: 1px solid var(--blanco)!important;
    background-color: var(--blanco)!important;
}
#form.blanco label, #form.blanco .columnContainer div span, #form.blanco label::after {
    color: var(--blanco)!important;
}
#form label, #form .columnContainer div span, #form .submitButton {
    font-family: var( --e-global-typography-3ca8455-font-family ), Sans-serif!important;
}
#form label, #form .columnContainer div span {
    background-color: transparent!important;
}
#form .submitButtonWrapper {
    margin: 0!important;
    padding: 10px 0 0!important;
}
#form .ui-selectmenu-menu .ui-menu {
    max-height: 120px!important;
}
select, input {
    border-radius: 15px!important;
    height: 45px!important;    
}
label::after {
    color: var(--primary)!important;
}
input:focus, textarea:focus, select:focus {
    outline-offset: 0!important;
}
:focus-visible {
    outline-width: 0!important;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0!important;
}
/*** Popup ***/
body:not(.elementor-editor-active) #popup-form {
    align-items: center;
    display: none;
    left: 0;
    height: 100%;
    justify-content: center;
    opacity: 0;
    position: fixed;
    transition: opacity 0.4s ease;
    top: 0;
    width: 100%;
    z-index: 99999999;

}
body:not(.elementor-editor-active) #popup-form.active {
    display: flex;
    opacity: 1;
}
#cerrar-popup, .abrir-popup {
    cursor: pointer;
}
/*** Acordeón ***/
span.e-n-accordion-item-title-header {
    width: 100%;
}
.text-top {
    align-items: center;
    display: flex;
    gap: 20px;
    width: 100%;
}
.e-n-accordion-item-title-text .text-acordeon {
    line-height: 1em!important;
    left: 86px;
    padding-top: 16px;
    position: absolute;
    width: 80%;
    z-index: 9;
}
span.txt-num {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 50px;
    justify-content: center;
    transition: all .4s;
    width: 50px!important;
}
.text-acordeon b {
    font-size: var( --e-global-typography-accent-font-size );
    font-weight: 600;
}
.text-acordeon p {
    color: var(--gris);
    font-size: var( --e-global-typography-text-font-size );
    font-weight: 400;
    line-height: 1.2em;
}
/* Listado */
span.elementor-icon-list-text p {
    color: var(--gris);
    font-weight: 400;
}
/* Abre */
.e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title span.txt-num, span.e-n-accordion-item-title-header:hover span.txt-num {
    background: var(--primary);
    color: #fff!important;
}
/*** Galería ***/
.gallery .gallery-item {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.6s ease;
}
.gallery .gallery-item.show {
    opacity: 1;
    transform: scale(1);
}
/*** Contador ***/
.box-numero {
    align-items: center;
    display: flex;
    min-height: 200px;
}
.elementor-counter-number-wrapper {
    display: flex!important;
    justify-content: center;
}
span.elementor-counter-number-prefix {
    display: none;
}
.elementor-counter-title {
    display: block!important;
    text-align: center;
}
.elementor-counter-number-wrapper {
    font-weight: 700!important;
}
span.elementor-counter-number-suffix {
    flex-grow: initial!important;
}
/*** Plantilla: Página informativa ***/
.contenido a {
    color: var(--primary);
}
.contenido p {
    padding-bottom: 20px;
}
.contenido p:last-child {
    padding-bottom: 0;
}
h2.wp-block-heading {
    font-size: var( --e-global-typography-3ca8455-font-size );
    padding: 20px 0 10px;
}
ul.wp-block-list {
    padding-bottom: 20px;
}
/*** Plantilla: Soluciones ***/
/* Hero */
.titulo-banner h1 {
    font-size: var( --e-global-typography-c223146-font-size );
    font-weight: 600;
    line-height: var(--e-global-typography-c223146-line-height);
}
/*** Loop: Soluciones ***/
.loop-soluciones .elementor-heading-title {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 40px;
}
/*** Loop: Recursos ***/
.grid-recursos {
    min-height: 370px;
}
.grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.item {
    border: 1px solid var(--gris);
    border-radius: 20px;
    padding: 10px;
    transition: all .4s;
    width: 23.5%;
}
.item:hover {
    background: var(--hover);
    border-color: var(--hover);
}
.card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.img {
    margin-bottom: 20px;
    position: relative;
}
.tags {
    align-items: center;
    display: flex;
    left: 10px;
    gap: 10px;
    position: absolute;
    top: 10px;
}
.tag {
    background: var(--blanco);
    border-radius: 50px;
    color: var(--primary);
    font-size: var( --e-global-typography-dc3aca5-font-size );
    padding: 6px 10px;
}
.img img {
    border-radius: 10px;
    height: 180px;
    object-fit: cover;
    width: 100%;
}
.card h3 {
    font-size: var( --e-global-typography-accent-font-size );
    margin-bottom: 8px;
}
.card p, .extracto h3 {
    color: var(--gris);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn {
    border: 1px solid var(--primary);
    border-radius: 50px;
    color: var(--primary);
    display: block;
    margin-top: 20px;
    padding: 12px;
    transition: all .4s;
    text-align: center;
    width: 100%;
}
.btn:hover {
    background: var(--primary);
    color: var(--blanco);
}
/* Link a */
.loop-btn a {
    width: 100%;
}
.filtros-botones {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 20px;
    margin: -45px 0 50px auto;
    max-width: 55%;
}
.filtro-btn {
    background: transparent!important;
    border-width: 0!important;
    border-bottom: 2px solid transparent!important;
    border-radius: 0!important;
    font-weight: 500!important;
    padding: 0 0 8px!important;
    position: relative;
    opacity: 0.7;
    transition: all 0.25s ease;
}
.filtro-btn, .filtro-btn:focus {
    color: var(--gris);
}
.filtro-btn::after {
    background: var(--primary);
    bottom: -2px;
    content: '';
    position: absolute;
    left: 0;
    height: 2px;
    transition: width 0.3s ease;
    width: 0;
}
.filtro-btn:hover, .filtro-btn.active {
    color: var(--primary);
    opacity: 1;
}
.filtro-btn:hover::after, .filtro-btn.active::after {
    width: 100%;
}
.filtro-recursos.loading {
    opacity: 0.6;
    pointer-events: none;
    transition: opacity 0.2s ease;
}
/*** Relacionado ***/
.grilla-relacionado, .solucion-pme-template-default .grilla-solucion {
    display: none;
}
.solucion-pme-template-default .grilla-relacionado {
    display: flex;
}
.grilla-solu .elementor-loop-container.elementor-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.grilla-solu .elementor.solucion-pme {
    width: 18.6%;
}
/*** Recursos descarga ***/
.text-recursos {
    color: #fff;
    font-family: var(--e-global-typography-a96391a-font-family), Sans-serif;
    font-size: var(--e-global-typography-3ca8455-font-size);
    text-align: center;
}
.text-recursos a {
    color: #fff;
    font-weight: 600;
    font-size: var(--e-global-typography-3ca8455-font-size);
}
.text-recursos a:hover {
    opacity: 0.7;
}
/*** Loop: Programas y recursos ***/
.lista-programas {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.programa-item {
    align-items: center;
    background: var(--fondo);
    border-radius: 16px;
    color: var(--negro)!important;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    transition: all 0.3s ease;
    text-decoration: none;
    position: relative;
}
/* Número */
.programa-item .numero {
    align-items: center;
    background: transparent;
    border-radius: 50%;
    display: flex;
    font-weight: bold;
    height: 37px;
    justify-content: center;
    margin-right: 14px;
    width: 37px;
}
/* Texto */
.programa-item .contenido {
    flex: 1;
    font-size: var( --e-global-typography-3ca8455-font-size );
}
/* Flecha */
.programa-item .flecha {
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}
/* Hover */
.programa-item:hover {
    background-image: url(/wp-content/uploads/2026/03/bg-hover-programa.webp);
}
/* círculo azul activo */
.programa-item:hover .numero {
    background: var(--primary);
    color: var(--blanco);
}
/* mostrar flecha */
.programa-item:hover .flecha {
    opacity: 1;
    transform: translateX(0);
}
/*** Loop: Soluciones Formación Docente para uso de IA en aula ***/
.soluciones-extras {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.solucion-item {
    background-color: var(--fondo);
    border-radius: 20px;
    padding: 12px;
    transition: all .4s;
    width: 32.2%;
}
.solucion-item:hover {
    background-color: var(--hover);
}
.solucion-img img {
    border-radius: 20px;
    height: 180px;
    object-fit: cover;
}
h3.solucion-nombre {
    font-size: var(--e-global-typography-3ca8455-font-size);
    padding: 16px 0 20px;
}
.solucion-btn {
    align-items: center;
    background-color: var(--blanco)!important;
    border-radius: 50px;
    color: var(--primary)!important;
    display: flex;
    gap: 4px;
    justify-content: center;
    padding: 12px 0;
    transition: all .4s;
    width: 100%;
}
.solucion-btn:hover {
    background-color: var(--primary)!important;
    color: var(--blanco)!important;
}
.solucion-btn path {
   transition: all .4s;
}
.solucion-btn:hover path {
    stroke: var(--blanco)!important;
}
/*** Loop: Soluciones internas ***/
.grid-soluciones-internas {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}
.item-solucion-interna {
    background-color: var(--fondo);
    border-radius: 20px;
    color: inherit;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px 16px 24px;
    transition: all .4s;
    width: 31.5%;
}
.item-solucion-interna:hover {
    background-color: var(--hover);
}
.grilla-fuera .item-solucion-interna {
    background-color: transparent!important;
    padding: 0;
}
.imagen {
    display: flex;
    margin-bottom: 20px;
    position: relative;
}
.imagen:before {
    background: #000000;
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.05;
    position: absolute;
    transition: all .4s;
    top: 0;
    width: 100%;
    z-index: 1;
}
.imagen:hover:before {
    opacity: 0.2;
}
.imagen img {
    border-radius: 10px;
    height: 240px!important;
    object-fit: cover;
    width: 100%!important;
}
.logo img {
    max-height: 45px;
    max-width: 150px;
    object-fit: contain;
}
.btn-video {
    align-items: center;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(5px);
    border-radius: 50px;
    color: var(--negro)!important;
    display: flex;
    gap: 4px;
    left: 50%;
    padding: 12px 16px;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: all .4s;
    top: 50%;
    z-index: 2;
}
h3.titulo {
    font-size: var( --e-global-typography-c223146-font-size );
    margin: 10px 0;
}
.extracto {
    color: var(--gris-claro);    
    font-family: var( --e-global-typography-5150c54-font-family ), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: 400;
}
.botones-solucion {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 24px;
}
.botones-solucion a {
    align-items: center;
    display: flex;
    color: var(--primary);
    font-size: var( --e-global-typography-text-font-size );
    gap: 8px;
    justify-content: center;
}
.btn-descarga {
    background-color: var(--blanco);
    border-radius: 50px;
    padding: 14px 16px;
    transition: all .4s;
    width: 100%;
}
/* Hover */
.btn-descarga:hover, .btn-video:hover {
    background-color: var(--primary);
    color: var(--blanco)!important;
}
.btn-descarga path, .btn-video path, .btn-video-link path, .btn-video-link {
    transition: all .4s;
}
.btn-descarga:hover path, .btn-video:hover path {
    fill: var(--blanco);
}
.btn-video-link:hover {
    color: var(--negro)!important;
}
.btn-video-link:hover path {
    fill: var(--negro)!important;
}
/* No hay */
p.sin-soluciones {
    font-family: var( --e-global-typography-5150c54-font-family ), Sans-serif;
    font-size: var( --e-global-typography-c223146-font-size );
    text-align: center;
}
/*** Mega menú ***/
/* Botones */
.filtro-dimension-wrapper {
    display: flex;
    position: relative;
}
.filtro-dimension {
    padding: 40px 36px;
    width: 30%;
}
.filtro-btn-menu {
    align-items: center;
    background: transparent!important;
    border-radius: 10px!important;
    border-width: 0;
    color: var(--negro)!important;
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    padding: 12px;
    position: relative;
    width: 100%;
}
.filtro-btn-menu:last-child {
    margin-bottom: 0;
}
.filtro-btn-menu.activo, .filtro-btn-menu:hover {
    background: var(--hover)!important;
}
.arrow {
    opacity: 0;
    position: absolute;
    right: 12px;
    transition: .4s;
}
.filtro-btn-menu:hover .arrow, .filtro-btn-menu.activo .arrow {
    opacity: 1;
}
.icono-menu {
    align-items: center;
    background-color: var(--blanco);
    border-radius: 50px;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}
.icono-menu img {
    max-height: 26px;
}
/* Posts */
.box-posts {
    background-color: var(--fondo);
    border-radius: 0 20px 20px 0;
    padding: 40px 36px;
    width: 70%;
}
.box-posts h2 {
    border-bottom: 1px solid var(--gris-claro);
    color: var(--gris-claro);
    font-size: var( --e-global-typography-text-font-size );
    margin-bottom: 30px;
    padding-bottom: 10px;
    width: 100%;
}
.mensaje-vacio {
    color: var(--negro);
    font-size: var( --e-global-typography-text-font-size );
}
.filtro-posts {
    align-items: flex-start;
    display: flex;
    flex-flow: wrap;
    gap: 36px 20px;
}
.post-item {
    width: 48.4%;
}
.post-item a {
    align-items: center;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    padding: 12px;
}
.post-item a:hover, .post-item.menu-activo {
    background-color: var(--blanco);
}
.post-icono {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 60px;
    min-width: 60px;
    width: 60px!important;
}
.post-content span, .post-content h3 {
    color: var(--negro);
    font-size: var(--e-global-typography-text-font-size);
    font-weight: 400;
}
.post-content h3 {
    color: var(--gris-claro);
}
/*** Responsive ***/
/* Pantalla grande */
@media (min-width: 2000px) {
    /* Whatsapp */
    .whatsapp {
        right: 15%!important;
    }
}
@media (min-width: 768px) {
    /* Header */
    body.header-blanco span.e-n-menu-title-text {
        color: var(--blanco)!important;
    }
    .elementor-item-active.e-n-menu-title {
        border-color: var( --e-global-color-secondary )!important;
    }
    .home .e-n-menu-title:hover, .home .elementor-item-active.e-n-menu-title, 
    .page-id-1018 .e-n-menu-title:hover, .page-id-1018 .elementor-item-active.e-n-menu-title,
    .page-id-1176 .e-n-menu-title:hover, .page-id-1176 .elementor-item-active.e-n-menu-title {
        border-color: var(--blanco)!important;
    }
    .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon {
        display: none;
    }
}
/* Pantalla media */
@media (max-width: 1440px) {
    /* Megamenu */
    .filtro-dimension {
        padding: 40px 20px;
    }
}
/* Pantalla media */
@media (max-width: 1120px) {
    /* Loop soluciones */
    .filtros-botones {
        gap: 10px;
        justify-content: left;
        margin: 30px 0;
        max-width: 100%;
    }
    .item {
        width: 31.4%;
    }
    /* Relacionado */
    .grilla-solu .elementor.solucion-pme {
        width: 23%;
    }
    /* Megamenu */
    .filtro-dimension-wrapper {
        flex-direction: column;
    }
    .filtro-dimension {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        padding: 10px 20px;
        width: 100%;
    }
    button.filtro-btn-menu {
        font-size: 12px!important;
        margin-bottom: 0;
        padding: 5px 10px!important;
        width: auto;
    }
    .icono-menu {
        height: 26px;
        width: 26px;
    }
    span.arrow {
        display: none;
    }
    .box-posts {
        border-radius: 0 0 20px 20px;
        padding: 20px;
        width: 100%;
    }
    .post-icono {
        height: 50px;
        min-width: 50px;
        width: 50px!important;
    }
    .filtro-posts {
        gap: 10px;
        justify-content: space-between;
    }
    .box-posts h2 {
        margin-bottom: 10px;
    }
}
/* Tablet */
@media (max-width: 1024px) {
    /* Loop soluciones */
    .grid {
        justify-content: flex-start;
    }
    .grid-soluciones-internas {
        gap: 60px 20px;
    }
    .item-solucion-interna {
        width: 48%;
    }
    /* Loop extras */
    .solucion-item {
        width: 47%;
    }
    /* Relacionado */
    .grilla-solu .elementor.solucion-pme {
        width: 31%;
    }
    /* Loop: Programas y recursos */
    .flecha svg {
        width: 30px;
    }
}
/* Mobile */
@media (max-width: 767px) {
    /* Loop soluciones */
    .filtro-btn {
        font-size: 12px!important;
        padding: 0 0 4px!important;
    }
    .grid {
        gap: 15px 3%;
    }
    .item {
        border-radius: 15px!important;
        width: 48.5%;
    }
    .img {
        margin-bottom: 15px;
    }
    .img img {
        height: 150px;
    }
    .imagen {
        margin-bottom: 15px;
    }
    h3.titulo {
        margin-top: 5px;
    }
    .card p {
        -webkit-line-clamp: 2;
    }
    .btn {
        font-size: 12px!important;
        padding: 8px;
        margin-top: 15px;
    }
    .btn-video {
        font-size: 12px!important;
        padding: 6px 10px;
    }
    .tag {
        font-size: 8px!important;
        padding: 3px 8px;
    }
    .item-solucion-interna {
        width: 100%;
    }
    .imagen img {
        height: 180px!important;
    }
    /* Relacionado */
    .grilla-solu .elementor.solucion-pme {
        width: 47%;
    }
    /* Footer */
    .footer ul {
        justify-content: center!important;
    }
    /* Acordeón */
    .e-n-accordion-item-title-text .text-acordeon {
        left: 73px;
        max-width: 300px;
        width: 75%;
    }
    span.txt-num {
        height: 40px;
        width: 40px!important;
    }
    /* Contador */
    .box-numero {
        min-height: 150px;
    }
    /* Contenido */
    figure.wp-block-table {
        overflow-x: auto;
    }
    .wp-block-table .has-fixed-layout {
        min-width: 850px;
    }
    /* Galería */
    figure.gallery-item {
        padding: 0 15px 15px 0!important;
        width: 50%!important;
    }
    /* Carrusel */
    .carrusel .swiper {
        overflow: visible;
    }
    /* Megamenu */
    ul.e-n-menu-heading {
        background-color: #fff;
        border-radius: 10px!important;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
        padding: 10px!important;
        margin: 15px auto!important;
        overflow: hidden;
        width: 90%;
    }
    .e-n-menu-title, .e-n-menu-content {
        margin: auto!important;
        width: 100%!important;
    }
    svg.e-font-icon-svg.e-fas-chevron-up {
        width: 10px!important;
    }
    .elementor-item-active.e-n-menu-title, .e-n-menu-title:hover {
        border-color: transparent!important;
    }
    .box-posts {
        border-radius: 10px;
    }
    .icono-menu {
        height: 22px;
        width: 22px;
    }
    button.filtro-btn-menu {
        font-size: 11px!important;
        gap: 3px;
        padding: 3px 8px!important;
    }
    .post-content span, .post-content h3 {
        font-size: 10px;
    }
    .filtro-dimension {
        gap: 5px;
    }
    .post-icono {
        height: 42px;
        min-width: 42px!important;
        width: 42px!important;
    }
    .post-item {
        width: 100%;
    }
    .post-item a {
        padding: 8px;
    }
    /* Loop: Programas y recursos */
    .programa-item {
        border-radius: 10px;
        padding: 10px;
    }
    .lista-programas {
        gap: 10px;
    }
    .flecha svg {
        width: 20px;
    }
    .programa-item .contenido {
        font-size: 14px;
    }
    /* Formulario */
    .mi-contenedor-personalizado {
        max-height: 350px;
    }
}
@media (max-width: 500px) {
    /* Megamenu */
    .filtro-posts {
        gap: 10px;
        max-height: 330px;
        overflow-y: scroll;
    }
    /* Loop extras */
    .solucion-item {
        max-width: 300px;
        width: 100%;
    }
}
@media (max-width: 380px) {
    /* Loop soluciones */
    .item {
        width: 100%;
    }
    /* Relacionado */
    .grilla-solu .elementor.solucion-pme {
        max-width: 180px;
        width: 100%;
    }
}