.elementor-71 .elementor-element.elementor-element-55ffaa77{--display:flex;--padding-top:0%;--padding-bottom:05%;--padding-left:10%;--padding-right:10%;}.elementor-71 .elementor-element.elementor-element-55ffaa77:not(.elementor-motion-effects-element-type-background), .elementor-71 .elementor-element.elementor-element-55ffaa77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-71 .elementor-element.elementor-element-00df05f > .elementor-widget-container{padding:30px 0px 0px 0px;border-style:none;}.elementor-71 .elementor-element.elementor-element-00df05f{text-align:center;}.elementor-71 .elementor-element.elementor-element-00df05f .elementor-heading-title{font-family:"Gilroy", Sans-serif;font-size:42px;font-weight:600;color:#A6A6A6;}.elementor-71 .elementor-element.elementor-element-18cd874{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-bed33c1 *//* Estilo principal para la sección de entradas del blog */
.blog-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Tres columnas */
    gap: 20px;
    padding: 20px;
    max-width: 100%; /* Evita que se desborde */
    margin: 0 auto;  /* Centra el contenido */
    box-sizing: border-box;
    overflow: hidden; /* Evitar desbordamiento de los elementos */
}

/* Estilo para cada bloque de entrada */
.blog-block {
    border: 1px solid #a6a6a6;
    padding: 20px;
    text-align: left;
    background-color: white;
    word-wrap: break-word;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 400px;
}

/* Aseguramos que no haya desbordamiento horizontal en la sección */
.blog-section * {
    max-width: 100%;
    box-sizing: border-box;
}

/* Estilo para el texto "Artículo" */
.blog-category {
    font-size: 14px;
    color: #999;
    font-family: 'Glacial', sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/* Estilo para el título del artículo */
.blog-title {
    font-size: 24px;
    margin-bottom: 10px;
    color: #a6a6a6;
    font-family: 'Gilroy', sans-serif !important;
    word-break: break-word;
    text-transform: capitalize;
}

/* Estilo para el extracto del artículo */
.blog-excerpt p {
    font-size: 16px;
    color: #a6a6a6;
    line-height: 1.5;
    font-family: 'Glacial', sans-serif;
    margin-bottom: 20px;
}

/* Estilo para la imagen destacada */
.blog-image img {
    width: 100%; /* La imagen ocupará todo el ancho del contenedor */
    height: 100%; /* La imagen ocupará todo el alto del contenedor */
    object-fit: cover; /* La imagen llenará el espacio manteniendo su relación de aspecto */
    display: block;
    background: #a6a6a6;
    border: 1px solid black;
    max-height: 100px;
}

/* Comillas grandes */
.blog-quote {
    font-size: 60px;
    color: #a6a6a6;
    margin-top: auto;
    font-family: 'Georgia', serif;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

/* Responsividad para pantallas medianas */
@media (max-width: 1024px) {
    .blog-section {
        grid-template-columns: 1fr 1fr;
    }
}

/* Responsividad para pantallas pequeñas */
@media (max-width: 768px) {
    .blog-section {
        grid-template-columns: 1fr;
    }
}

/* Asegurar que no haya desbordamiento horizontal */
body, html {
    padding: 0;
    overflow-x: hidden;
}
.blog-link-blog{
    text-decoration: none;
}
.blog-link-blog:hover{
    color:black;
}
/* Contenedor de la paginación */
/* Contenedor de la paginación */
.pagination {
    display: flex;
    justify-content: center; /* Centrar la paginación */
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Estilo de los enlaces */
.pagination a, .pagination span {
    text-decoration: none;
    color: #a6a6a6; /* Color del texto */
    font-size: 18px; /* Aumentar el tamaño de la fuente */
    padding: 10px 15px; /* Ajustar el padding */
    border: 1px solid #a6a6a6; /* Borde de los enlaces */
    margin: 0 5px;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}

/* Enlaces activos */
.pagination .current {
    background-color: #a6a6a6; /* Fondo para el enlace activo */
    color: white; /* Color del texto activo */
    border-color: #a6a6a6;
    pointer-events: none; /* Desactivar clic en el enlace activo */
}

/* Hover en los enlaces */
.pagination a:hover {
    background-color: #333; /* Color de fondo al pasar el mouse */
    color: white;
    border-color: #333; /* Color de borde al pasar el mouse */
}

/* Estilo especial para el número activo */
.pagination .current {
    font-size: 18px; /* Aumentar el tamaño del número activo */
    cursor: default;
}/* End custom CSS */