.elementor-2233 .elementor-element.elementor-element-a4aaf35{--display:flex;--min-height:164px;}.elementor-2233 .elementor-element.elementor-element-a4aaf35:not(.elementor-motion-effects-element-type-background), .elementor-2233 .elementor-element.elementor-element-a4aaf35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aofplus.com/wp-content/uploads/2025/06/solution-topbg.png");}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2233 .elementor-element.elementor-element-fe2e754 > .elementor-widget-container{margin:57px 1px 1px 1px;}.elementor-2233 .elementor-element.elementor-element-fe2e754 .elementor-heading-title{color:#FCFCFC;}.elementor-2233 .elementor-element.elementor-element-b594c5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2233 .elementor-element.elementor-element-b594c5c:not(.elementor-motion-effects-element-type-background), .elementor-2233 .elementor-element.elementor-element-b594c5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-2233 .elementor-element.elementor-element-6623f08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2233 .elementor-element.elementor-element-c5bff02.elementor-element{--align-self:flex-start;}.elementor-2233 .elementor-element.elementor-element-c5bff02 .woocommerce-breadcrumb{color:var( --e-global-color-text );font-family:"Jost", Sans-serif;text-transform:uppercase;text-align:center;}.elementor-2233 .elementor-element.elementor-element-c5bff02 .woocommerce-breadcrumb > a{color:var( --e-global-color-secondary );}.elementor-2233 .elementor-element.elementor-element-2095878{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2233 .elementor-element.elementor-element-115f2de{--grid-row-gap:1px;--grid-column-gap:0px;}.elementor-2233 .elementor-element.elementor-element-115f2de > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2233 .elementor-element.elementor-element-115f2de.elementor-element{--order:-99999 /* order start hack */;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-2233 .elementor-element.elementor-element-115f2de:after{content:"0.66";}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post__thumbnail__link{width:27%;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post__meta-data span + span:before{content:"///";}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post{border-style:solid;border-width:2px 0px 2px 0px;border-radius:0px;padding:50px 50px 50px 50px;border-color:#CCCCCC;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post__text{padding:0px 0px 0px 0px;margin-bottom:0px;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post:hover{border-color:#FFFFFF;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post__thumbnail{border-radius:10px 10px 10px 10px;}.elementor-2233 .elementor-element.elementor-element-115f2de.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:19px;}.elementor-2233 .elementor-element.elementor-element-115f2de.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:19px;}.elementor-2233 .elementor-element.elementor-element-115f2de.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:19px;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post__title, .elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post__title a{color:#000000;font-family:"Arial", Sans-serif;font-size:20px;font-weight:600;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post__title{margin-bottom:23px;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post__meta-data{color:#000000;font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;line-height:1px;margin-bottom:17px;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post__excerpt p{color:#000000;font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post__read-more{color:#467FF7;}.elementor-2233 .elementor-element.elementor-element-115f2de a.elementor-post__read-more{font-family:"Arial", Sans-serif;font-weight:500;text-transform:uppercase;font-style:normal;line-height:1px;word-spacing:0px;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination{text-align:center;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:0.1em;letter-spacing:-5px;word-spacing:0em;margin-top:37px;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers:not(.dots){color:#066DB7;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination a.page-numbers:hover{color:#2C79BE;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers.current{color:#2C79BE;}body:not(.rtl) .elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 0px/2 );}body:not(.rtl) .elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 0px/2 );}body.rtl .elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 0px/2 );}body.rtl .elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 0px/2 );}.elementor-2233 .elementor-element.elementor-element-9a3063b{--display:flex;}.elementor-2233 .elementor-element.elementor-element-64b7fd8{--spacer-size:50px;}.elementor-2233 .elementor-element.elementor-element-4f62127{--display:flex;border-style:none;--border-style:none;}.elementor-2233 .elementor-element.elementor-element-8fa05bd{text-align:center;}.elementor-2233 .elementor-element.elementor-element-8fa05bd .elementor-heading-title{color:#333333;}.elementor-2233 .elementor-element.elementor-element-105891e{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2233 .elementor-element.elementor-element-a2b878f{--grid-columns:3;}.elementor-2233 .elementor-element.elementor-element-97a7cc4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2233 .elementor-element.elementor-element-e6ce396 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 25px 0px;}.elementor-2233 .elementor-element.elementor-element-e6ce396 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:500;line-height:1.2em;color:var( --e-global-color-secondary );}.elementor-2233 .elementor-element.elementor-element-640cd02{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2233 .elementor-element.elementor-element-640cd02 .elementor-widget-container{text-align:center;}.elementor-2233 .elementor-element.elementor-element-640cd02 .elementor-social-icon{background-color:var( --e-global-color-secondary );}.elementor-2233 .elementor-element.elementor-element-640cd02 .elementor-social-icon i{color:var( --e-global-color-96f8078 );}.elementor-2233 .elementor-element.elementor-element-640cd02 .elementor-social-icon svg{fill:var( --e-global-color-96f8078 );}@media(max-width:1024px){.elementor-2233 .elementor-element.elementor-element-b594c5c{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-2233 .elementor-element.elementor-element-2095878{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination{font-size:25px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-2233 .elementor-element.elementor-element-a2b878f{--grid-columns:2;}.elementor-2233 .elementor-element.elementor-element-97a7cc4{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-2233 .elementor-element.elementor-element-a4aaf35{--content-width:1146px;}.elementor-2233 .elementor-element.elementor-element-97a7cc4{--content-width:1520px;}}@media(max-width:767px){.elementor-2233 .elementor-element.elementor-element-b594c5c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-2233 .elementor-element.elementor-element-6623f08{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2233 .elementor-element.elementor-element-2095878{--padding-top:27px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2233 .elementor-element.elementor-element-115f2de:after{content:"0.5";}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-post__thumbnail__link{width:100%;}.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination{font-size:20px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-2233 .elementor-element.elementor-element-a2b878f{--grid-columns:1;}.elementor-2233 .elementor-element.elementor-element-97a7cc4{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-2233 .elementor-element.elementor-element-e6ce396 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2233 .elementor-element.elementor-element-e6ce396 .elementor-heading-title{font-size:28px;}}/* Start custom CSS for posts, class: .elementor-element-115f2de *//* Pone el fondo gris en las filas pares */
#mi-blog-de-afoplus .elementor-post:nth-child(even) {
    background-color: 
    #FFFFFF;
}

/* Asegura que el fondo en las filas impares sea blanco */
#mi-blog-de-afoplus .elementor-post:nth-child(odd) {
    background-color: #F5F5F5; 
}


/* Codigo para hover de la linea azul de blog */
#mi-blog-de-afoplus .elementor-post {
    position: relative; 
    overflow: hidden;   
}

#mi-blog-de-afoplus .elementor-post:before {
    content: ''; 
    position: absolute;
    bottom: 0;   
    left: 0;     
    width: 0%;   
    height: 3px; 
    background-color: #003B88;
    opacity: 0; 
    transition: width 0.4s ease-out, opacity 0.3s ease-in; 
    
    z-index: 1; 
}

#mi-blog-de-afoplus .elementor-post:hover:before {
    width: 100%; 
    opacity: 1;  
}


/* --- ESTILOS PARA EL BOTÓN 'READ MORE' --- */

/* 1. ALINEACIÓN  */
#mi-blog-de-afoplus .elementor-post .elementor-post__text {
    display: flex;
    flex-direction: column;
    flex-grow: 1; 
}

#mi-blog-de-afoplus .elementor-post .elementor-post__read-more {
    margin-top: auto; 
    align-self: flex-end; 
}

/* 2. ENLACE DE TEXTO Y CONTENEDOR DE LA ANIMACIÓN */
#mi-blog-de-afoplus .elementor-post .elementor-post__read-more {
    position: relative;
    background-color: transparent; 
    color: #003B88; 
    padding: 15px 20px;
    padding-bottom: 12px;
    border-radius: 0px; 
    font-size: 14px;
    text-decoration: none;
    transition: background-color 0.2s ease-out 0.2s, color 0.2s ease-out 0.2s;
    overflow: hidden; 
}

/* 3. LÍNEA ANIMADA Y SU TRANSICIÓN DE SALIDA */
#mi-blog-de-afoplus .elementor-post .elementor-post__read-more::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #003B88;
    left: 0;
    right: auto;
    width: 100%;
    transition: width 1.0s ease-out;
}

#mi-blog-de-afoplus .elementor-post .elementor-post__read-more:hover::after {
    left: auto;
    right: 0;
    width: 0%;
    transition: width 0.2s ease-in-out;
}


/* 4. EFECTO HOVER COMPLETO */
#mi-blog-de-afoplus .elementor-post .elementor-post__read-more:hover {
    color: #FFFFFF;
    background-color: #003B88;
}

#mi-blog-de-afoplus .elementor-post .elementor-post__read-more:hover::after {
    left: auto;
    right: 0;
    width: 0%;
}

/* --- ESTILO UNIFORME (4:3) PARA IMÁGENES DEL BLOG --- */

/* 1. Crea una "caja" de imagen con proporción FIJA 4:3 (cuadrada) */
#mi-blog-de-afoplus .elementor-post__thumbnail {
    aspect-ratio: 4 / 3;  /* Proporción 4:3 (casi cuadrada) */
    height: auto !important; 
    width: 100%;             
    overflow: hidden;     
background-color: #E3E3E3; /* Color de fondo (gris intermedio) */
}

/* 2. Fuerza a la imagen a MOSTRARSE DENTRO de esa caja 4:3 */
#mi-blog-de-afoplus .elementor-post__thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* Muestra la imagen COMPLETA adentro */
    
}

/* 1. Contenedor: Centrado y sin huecos */
.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination {
    display: flex;
    justify-content: center;
    gap: 0;
}

/* 2. Estilo GENERAL de las cajitas (Números y Flechas) */
.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers {
    /* Hacemos que sean cajas rígidas del mismo tamaño */
    display: flex;
    justify-content: center;
    align-items: center;
    
    width: 32px;  /* Ancho FIJO (ajusta si quieres más ancho) */
    height: 30px; /* Alto FIJO */
    padding: 0;   /* Quitamos el padding para usar medidas fijas */
    
    /* Bordes y Colores */
    border: 1px solid #2271B1; 
    margin-left: -1px; /* El TRUCO: encimamos 1px para evitar borde doble */
    background-color: #fff;
    color: #2271B1;
    
    /* Tipografía */
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    
    /* Cero redondeo, totalmente cuadrados */
    border-radius: 0 !important; 
    
    position: relative; /* Necesario para que el z-index funcione */
    transition: all 0.2s ease;
}

/* 3. Corrección para el PRIMER elemento (No necesita margen negativo) */
.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers:first-child {
    margin-left: 0;
}

/* 4. Estado Hover y Activo */
.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination a.page-numbers:hover,
.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers.current {
    background-color: #F0F0F1;
    color: #816f98;
    font-weight: 400;
    
    /* TRUCO IMPORTANTE: Trae el borde al frente para que se vea nítido */
    z-index: 5; 
    border-color: #2271B1; 
}

/* 5. Ajuste visual de las flechas (Centrado perfecto) */
.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers.prev, 
.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers.next {
    font-size: 18px; /* Tamaño del icono > */
    padding-bottom: 2px; /* Pequeño ajuste para centrar verticalmente el símbolo */
}

/* --- LÓGICA PARA OCULTAR FLECHA EN PAGINA 1 --- */

/* Ocultar flecha 'Previo' si está deshabilitada (Página 1) */
.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination span.page-numbers.prev,
.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers.prev.disabled {
    display: none !important;
}

/* Si la flecha se oculta, el número "1" debe perder el margen negativo */
.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination span.page-numbers.prev + .page-numbers,
.elementor-2233 .elementor-element.elementor-element-115f2de .elementor-pagination .page-numbers.prev.disabled + .page-numbers {
    margin-left: 0 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a2b878f *//* --- CSS AJUSTADO para Tarjetas de Producto del Blog --- */

/* 1. FORZA LA ALTURA TOTAL DE LA TARJETA (MÁS ALTA) */
.elementor-2233 .elementor-element.elementor-element-a2b878f .blog-card-main {
    height: 380px; /* <-- Ajustado de 320px a 380px */
    display: flex;
    flex-direction: column;
}

/* 2. FORZA LA ALTURA DE LA ZONA DE IMAGEN (UN POCO MÁS CORTA) */
.elementor-2233 .elementor-element.elementor-element-a2b878f .blog-card-image {
    height: 200px !important; /* <-- Ajustado de 190px a 180px */
    overflow: hidden !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* 3. FORZA LA ALTURA DE LA ZONA DE TEXTO (MÁS GRANDE) */
.elementor-2233 .elementor-element.elementor-element-a2b878f .blog-card-text {
    height: 180px !important; /* <-- Ajustado de 130px a 200px */
    overflow: hidden !important; /* <-- Mantenemos esto para evitar que se rompa */
}

/* 4. AJUSTA LA IMAGEN Y EL FALLBACK */
.elementor-2233 .elementor-element.elementor-element-a2b878f .blog-card-image img {
    max-height: 100%;
    width: auto;
    object-fit: contain;
}/* End custom CSS */