@charset "utf-8";

/*
Theme Name: Soluflex Theme
Version: 1.0
Author: Rogelio Estrella
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    font-family: "Poppins", sans-serif;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    color: #000000;
}
.cabecera-sitio{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    z-index: 10;
}
.marca-sitio{
    background-image: url(images/fondo-logo.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 557px;
    height: 130px;
    display: block;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    padding: 15px 0px 0px 0px;
}
.marca-sitio h1{
    margin: 0px;
}
.descripcion-sitio{
    margin: 0px;
    color: #1d8ec8;
    font-weight: 600;
    font-size: 16px;
}
.wrap-principal{}
.posts-grid{}
.thumbnail-list{}

.introhome{
    border-radius: 15px;
    box-sizing: border-box;
    padding: 45px;
    background-color: rgba(78,78,78,0.8);
    color: #ffffff;
    width: 480px;
    margin-left: 20px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.introhome h2{
    margin: 0px;
    line-height: 110%;
}
.introhome p{
    margin-bottom: 0px;
}
.bverde a{
    display: inline-table;
    margin: auto;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 10px 20px;
    background-color: rgba(27,184,1,0.8);
    color: #ffffff;
    text-decoration: none;
    font-size: 25px;
    font-weight: 700;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    position: relative;
    transition: all 0.2s ease-in;
    z-index: 35;
}
.bverde.bfooter a{
    position: absolute;
    bottom: 355px;
    left: 50%;
    transform: translateX(-125%);
}
.bverde a::before{
    content: "";
    background-image: url(images/icon-ok.png);
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top:-55px;
    transition: all 0.2s ease-in;
    transform: scale(0.1) rotate(-90deg);
    opacity: 0;
}
.bverde a:hover::before{
    transform: scale(1) rotate(0deg);
    opacity: 1;
}
.bverde a:hover{
    background-color: rgba(60,230,32,0.95);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.8);
}
.herohome{
    position: relative;
}
.imglaptop{
    position: absolute;
    right: 30px;
    bottom: -100px;
    z-index: 2;
}


/* ==== MENÚ PRINCIPAL (solo desktop) ==== */
.primary-menu {
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    position: absolute;
    z-index: 5;
    top: 30px;
    right: 30px;
}

.primary-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap; /* permite salto si no cabe */
}

.primary-menu-list > li {
    position: relative; /* para submenús */
}

/* Enlaces principales */
.primary-menu-list > li > a {
    display: block;
    padding: 25px 12px 15px 12px;
    color: #ffffff;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
    text-transform: uppercase;
    background-image: url(images/flechimenu.png);
    background-position: center -12px;
    background-repeat: no-repeat;
    transition: all 0.1s ease-in;
}

.primary-menu-list > li > a:hover,
.primary-menu-list > li:hover > a {
    color: #ffffff;
    background-position: center top;
}

/* Ítem actual y ancestros */
.primary-menu-list .current-menu-item > a,
.primary-menu-list .current-menu-ancestor > a {
    color: #ffffff;
    background-position: center top;
}

/* ==== SUBMENÚS (niveles 2 y 3) ==== */
.primary-menu-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    z-index: 1000;
}
.primary-menu-list ul li{
    position: relative;
}
.primary-menu-list ul li a{
    line-height: 110%;
    font-size: 16px;
    font-weight: 600;
}

/* Mostrar al hover en el li padre (mantiene estilo en padre) */
.primary-menu-list li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.primary-menu-list ul a {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s;
}

.primary-menu-list ul a:hover {
    background-color: #c9ffff;
}

/* Tercer nivel (a la derecha) */
.primary-menu-list ul ul {
    top: 0;
    left: 100%;
}

/* Ítems actuales en submenús */
.primary-menu-list .current-menu-item > a,
.primary-menu-list .current-menu-parent > a,
.primary-menu-list .current-menu-ancestor > a {
    
}

/* Mantener resaltado en segundo nivel cuando está abierto el tercero */
.primary-menu-list ul li:hover > a {
    background-color: #c9ffff;
}

/* Opcional: mantener también si hay un ítem activo más abajo */
.primary-menu-list ul .current-menu-ancestor > a,
.primary-menu-list ul .current-menu-parent > a,
.primary-menu-list ul .current-menu-item > a {
    background-color: #c9ffff;
    color: #262626;
}
.herohome.movilhero{
    display: none;
}
.logosconfian{
    max-width: 1500px;
    display: block;
    margin: 60px auto 50px auto;
}
.logosconfian h2{
    padding: 0px 10px 0px 40px;
    position: relative;
    text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
.logosconfian h2::before{
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #c7c7c7;
    position: absolute;
    left: 0px;
    top: 15px;
    z-index: -1;
}
.gridlogos{
    box-sizing: border-box;
    padding: 0px 25px;
}
.taptap-by-bonfire{
    margin-top: 0px !important;
}
.fondoventajas{
    text-align: center;
}
.ventajaitem{
    display: inline-table;
    width: 340px;
    border-radius: 8px;
    position: relative;
    background-color: rgba(255,255,255,0.9);
    color: #262626;
    box-sizing: border-box;
    padding: 22px 25px 20px 25px;
    font-size: 14px;
    min-height: 240px;
    margin: 10px;
}
.ventajaitem::before{
    content: "";
    background-image: url(images/icon-ventaja.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 33px;
    height: 21px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -16px;
}
.ventajaitem h3{
    font-size: 23px;
    line-height: 24px;
}
.ventajatitulo{
    max-width: 1500px;
    display: block;
    margin: 20px auto 80px auto;
    text-align: left;
    box-sizing: border-box;
    padding-left: 100px;
}
.solucioneswrap{
    max-width: 1500px;
    width: 100%;
    margin: 50px auto 0px auto;
    display: block;
    box-sizing: border-box;
    padding: 0px 25px;
}
.fondosoluciones{
    background-image: url(images/fondo-pie-pagina.jpg);
    background-position: center bottom;
    background-color: #ffffff;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding: 0px 30px;
    position: relative;
}
.fondosoluciones h2{
    font-size: 40px;
    margin-top: 90px;
}
.fondosoluciones ul{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    list-style: none;
}
.solugestiones h3{
    position: relative;
    line-height: 115%;
}
.solugestiones h3::before{
    content: "";
    background-image: url(images/icon-ventaja.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 14px;
    position: absolute;
    top: -15px;
    left: 2px;
}
.soludesafios h3{
    line-height: 110%;
}
.footer-menu{
    width: 100%;
    background-color: #727273;
    display: block;
}
.footer-menu ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}
.footer-menu ul li{
    display: inline-table;
    margin: 5px 15px;
    position: relative;
    line-height: 100%;
}
.footer-menu ul li::before{
    content: "•";
    color: #ffffff;
    position: absolute;
    left: -20px;
    top: 1px;
}
.footer-menu ul li:first-child::before{
    display: none;
}
.footer-menu ul li a{
    color: #ffffff;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s;
}
.footer-menu ul li a:hover{
    color: #000000;
}
.footer-widgets #block-5.widget{
    display: inline-table;
    width: 280px;
    float: left;
    margin: 10px 15px 0px 30px;
}
.footer-widgets #block-6.widget{
    display: inline-table;
    width: 265px;
    float: left;
    margin: 38px 15px 0px 40px;
}
.footer-widgets #block-6.widget ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: 105%;
}
.footer-widgets #block-6.widget ul li{
    margin: 0 0 8px 0;
}
.footer-widgets #block-7.widget{
    display: inline-table;
    width: 280px;
    float: right;
    margin: 10px 30px 0px 15px;
}
.mujerpie{
    position: absolute;
    bottom: -168px;
    left: 50%;
    transform: translateX(-50%);
}
.dire01, .dire02, .dire03{
    position: relative;
}
.dire01:before, .dire02:before, .dire03:before{
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    font-weight: 400;
    background-color: #1d8ec8;
    width: 20px;
    height: 20px;
    color: #ffffff;
    border-radius: 20px;
    position: absolute;
    left: -25px;
    top: -3px;
    text-align: center;
}
.dire01:before{
    content: "T";
}
.dire02:before{
    content: "@";
}
.dire03:before{
    content: "D";
}
.page-thumbnail{
    width: 100%;
    display: block;
}
.page-thumbnail img{
    width: 100%;
    height: auto;
}
.page-headerinside{
    width: 100%;
    min-height: 500px;
    float: left;
    display: flex;                 /* 🔑 */
    align-items: flex-end;         /* 🔑 abajo */
    justify-content: center;       /* 🔑 centrado horizontal */
    box-sizing: border-box;
    padding: 2rem;                 /* espacio inferior */
    background-color: #333;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.page-headerinside:before{
    content: "";
    width: 100%;
    height: 120px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.5),
        rgba(0,0,0,0)
    );
}
.page-headerinside h1{
    color: #ffffff;
    margin: 0px;
    font-size: 40px;
    line-height: 105%;
    font-weight: 700;
    position: relative;
    z-index: 10;
    text-shadow:
        0 2px 4px rgba(0,0,0,0.85),
        0 6px 12px rgba(0,0,0,0.45),
        0 10px 18px rgba(0,0,0,0.25);
    }
.conteinside{
    box-sizing: border-box;
    padding: 40px;
}
.conteinside.fondointerior{
    background-image: url(images/fondo-pie-pagina.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
}
.wrapconteinside{
    max-width: 1320px;
    box-sizing: border-box;
    padding: 20px 35px;
    display: block;
    margin: 0 auto;
}
.wrapconteinside h2{
    text-transform: uppercase;
    line-height: 120%;
}
.wrapconteinside h3{
    font-size: 22px;
    color: #0bc3d0;
}
.gridmodulos01{
    gap: 30px !important;
}
.itemodulos{
    box-sizing: border-box;
    padding: 10px 35px 30px 35px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.wp-block-button__link{
    transition: 0.2s all ease-in;
}
.wp-block-button__link:hover{
    background-color: #262626 !important;
    color: #ffffff !important;
}
.modulobloque{
    box-sizing: border-box;
    padding: 30px 35px 30px 35px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.20);
}
.wrapconteinside .modulobloque h3{
    color: #80f7ff;
    padding-bottom: 8px;
    border-bottom: dotted 1px rgba(112, 245, 255, 0.35);
}
.modulobloque ul, ul.listamain{
    margin-left: 0px;
    padding: 0px;
}
.modulobloque ul li, ul.listamain li{
    position: relative;
    margin: 0 0 14px 0;
    padding: 0 0 0 20px;
    list-style: none;
    line-height: 150%;
    font-size: 15px;
    box-sizing: border-box;
}
.modulobloque ul li:before, ul.listamain li:before{
    content: "";
    background-image: url(images/vineta.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
}
.headerblog{
    width: 100%;
    height: 300px;
    display: block;
    background-color: #212121;
    background-image: url(images/header-blog.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    float: left;
    clear: both;
    position: relative;
}
.headerblog .titumainblog{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    padding: 0px 50px;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.85);
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 25px 0;
}

.post-card {
    display: flex;
    align-items: flex-start;
    background-color: #ffffff; /* Fondo blanco para un look corporativo */
    border: 1px solid #e0e0e0; /* Borde sutil gris claro */
    border-radius: 8px; /* Esquinas redondeadas suaves */
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Sombra ligera para profundidad */
    transition: box-shadow 0.3s ease; /* Transición suave al hover */
    text-decoration: none; /* Evitar subrayados no deseados */
}

.post-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Efecto hover elegante */
}

.thumbnail-list {
    flex: 0 0 350px; /* Ancho fijo para la miniatura, ajusta según necesites */
    margin-right: 20px; /* Espacio entre imagen y contenido */
}

.post-thumbnail {
    width: 100%;
    height: auto;
    border-radius: 4px; /* Esquinas ligeramente redondeadas en la imagen */
    display: block;
    object-fit: cover; /* Asegura que la imagen se ajuste bien sin distorsión */
}

.entry-header {
    flex: 1; /* Ocupa el espacio restante a la derecha */
    display: flex;
    flex-direction: column;
}

.entry-title {
    margin: 10px 0 5px 0; /* Espacio debajo del título */
    font-size: 22px; /* Tamaño elegante, no demasiado grande */
    font-weight: 700; /* Negrita moderada para corporativo */
    line-height: 1.4;
}

.entry-title a {
    color: #333333; /* Color oscuro profesional */
    text-decoration: none; /* Sin subrayado */
    transition: color 0.2s ease;
}

.entry-title a:hover {
    color: #0056b3; /* Azul corporativo al hover, ajusta el color si tienes un brand */
}

.datepost {
    font-size: 10px; /* Tamaño pequeño para la fecha */
    text-transform: uppercase;
    color: #666666; /* Gris medio para sutileza */
    margin-bottom: 15px; /* Espacio debajo de la fecha */
    letter-spacing: 1px;
}

.entry-header > p { /* Apunta al excerpt, asumiendo que the_excerpt() genera un <p> */
    margin: 0;
    font-size: 1rem;
    color: #555555; /* Gris oscuro legible */
    line-height: 1.5;
}
.wrap-principalblog{
    max-width: 1000px;
    box-sizing: border-box;
    padding: 40px;
    width: 100%;
    display: block;
    margin: 30px auto;
}
.wrap-principalblog.mainsingle{
    margin-top: 20px;
    padding-top: 0px;
}
.featured-image.wp-post-image{
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.blog-title{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 110%;
}
.entry-content-single{
    box-sizing: border-box;
    padding: 25px 35px;
    background-color: #def3fa;
    border-radius: 8px;
    display: block;
    width: 100%;
}
.wpcf7-form .form-row {
    margin-bottom: 1.4rem;
}

.wpcf7-form label {
    display: block;
    font-weight: bold;
    margin-bottom: 0.4rem;
}

.wpcf7-form .wpcf7-select,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;
    font-family: "Poppins", sans-serif;
}

.wpcf7-form .required {
    color: #e74c3c;
}

.wpcf7-form .form-submit {
    margin-top: 1.5rem;
    text-align: center;
}

.wpcf7-form input[type="submit"] {
    padding: 12px 30px;
    background: #1e88e5;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 1.1rem;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}

.wpcf7-form input[type="submit"]:hover {
    background: #1565c0;
}
.home .footer-widgets{
    max-width: 1700px;
}
.footer-widgets{
    max-width: 1000px;
    display: block;
    margin: auto;
}

/* Responsivo: En pantallas pequeñas, apila verticalmente */
@media (max-width: 768px) {
    .post-card {
        flex-direction: column;
    }
    
    .thumbnail-list {
        flex: 0 0 auto;
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    .thumbnail-list img {
        width: 100%;
    }
}



/* Responsive */
@media (max-width: 1750px) {
    .marca-sitio{
        margin: 0 0 0 30px;
    }
}
@media (max-width: 1600px) {
    .mujerpie{
        bottom: -16px;
    }
    .mujerpie img{
        width: 100%;
        height: 420px;
    }
    .footer-widgets{
        text-align: center;
    }
    .footer-widgets #block-6.widget{
        float: none;
        text-align: left;
    }
}
@media (max-width: 1500px) {
    .ventajatitulo{
        padding: 0px;
        text-align: center;
    }
    .ventajaitem{
        width: 280px;
        min-height: 280px;
    }
}
@media (max-width: 1250px) {
    .ventajaitem{
        width: 240px;
        min-height: 280px;
    }
}
@media (max-width: 1200px) {
    .marca-sitio{
        background-image: none;
        background: #ffffff;
        width: 420px;
        border-radius: 0px 0px 20px 20px;
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8);
    }
    .introhome{
        padding: 25px;
        font-size: 13px;
        width: 350px;
    }
    .imglaptop{
        bottom: -80px;
    }
    .imglaptop.wp-block-image img{
        width: 350px !important;
        height: auto;
    }
}

@media (max-width: 1100px) {
   .primary-menu{
    display: none;
   }
   .marca-sitio{
    background-image: url(images/fondo-logo.png) !important;
    background: transparent;
    box-shadow: none;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0 auto;
   }
   .marca-sitio img{
    width: 60%;
    height: auto;
   }
   .descripcion-sitio{
    font-size: 12px;
   }
   .gridlogos{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
    .ventajaitem{
        width: 45%;
        min-height: 215px;
    }
}
@media (max-width: 1000px) {
    body .is-layout-flex.columnainterna{
        display: inline-table !important;
    }
    .footer-widgets #block-5.widget,
    .footer-widgets #block-6.widget{
        float: none;
        vertical-align: top;
    }
    .footer-widgets #block-7.widget{
       float: none;
       width: 100%;
       margin: 20px 0px 0px 0px;
    }
    .wrapconteinside{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 900px) {
    .footer-menu{
        padding: 20px 0px;
    }
    .footer-menu ul li{
        text-align: left;
    }
    .footer-menu ul li{
    width: 40%;
    }
    .footer-menu ul li::before{
        display: none;
    }
}
@media (max-width: 781px) {
    .colfinanciera .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
        flex-basis: 0 !important;
    }
    .fondosoluciones{
        padding-left: 10px;
        padding-right: 10px;
    }
    .mujerpie{
        transform: translateX(0px);
    }
    .bverde.bfooter a{
        transform: translateX(-70%);
    }
}
@media (max-width: 640px) {
    .footer-widgets #block-5.widget{
        margin: 10px 20px 0px 20px;
    }
    .footer-widgets #block-5.widget p{
        text-align: center !important;
    }
    .bverde.bfooter a{
        left: 20px;
        transform: translateX(0);
    }
    .mujerpie{
        left: auto;
        right: 20px;
    }
}
@media (max-width: 550px) {
   .marca-sitio{
    width: 350px;
   }
   .marca-sitio img{
    width: 70%;
    margin-bottom: 20px;
   }
   .descripcion-sitio{
    background-color: #333;
    color: #ffffff;
    display: inline-table;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 5px;
   }
   .introhome{
    margin: 0px auto 40px auto;
    text-align: center;
   }
   .bverde{
    margin-bottom: 70px;
   }
   .imglaptop{
    text-align: center;
    width: 100%;
    right: 0px;
    bottom: -45px;
   }
   .imglaptop.wp-block-image img{
        width: 80% !important;
    }
    .imglaptop.wp-block-image .alignright{
        margin: 0 auto;
        float: none;
    }
    .herohome.pchero{
    display: none;
    }
    .herohome.movilhero{
    display: block;
    }  
    .gridlogos{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    } 
    .gridlogos .wp-block-image.size-full:last-child{
        display: none;
    } 
    .logosconfian h2{
        text-align: center;
        padding: 0px 15px;
        box-sizing: border-box;
        line-height: 120%;
        font-size: 18px !important;
    }
    .ventajaitem{
        width: 100%;
        min-height: auto;
        box-sizing: border-box;
        margin: 10px 0px;
    }
    .ventajatitulo{
        margin: 25px 0px 0px 0px;
    }
    .ventajaitem h3{
        font-size: 18px;
    }
    .page-headerinside h1{
        font-size: 28px;
        line-height: 120%;
    }
    .headerblog{
        height: 200px;
    }
    .wrap-principalblog{
        padding: 20px;
    }
    .wrap-principalblog.mainsingle{
        padding-left: 20px;
        padding-right: 20px;
    }
    .entry-content-single{
        padding: 25px;
    }
    .headerblog .titumainblog{
        padding: 0 25px;
        margin-bottom: 5px;
        text-align: center;
    }
    .conteinside{
        padding: 15px 0px;
    }
}
@media (max-width: 500px) {
    .descripcion-sitio{
        width: 100vw;
        margin: 0;
        border-radius: 0px;
        position: absolute;
        top: 95px;
        left: 0px;
    }
    .marca-sitio{
        margin: 0px;
    }
    .introhome{
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .colfinanciera .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
        flex-basis: 100% !important;
    }
    .colfinanciera.is-layout-flex {
       gap: 0 !important;
    }
    .colfinanciera .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow ul{
        margin: 0px;
    }
    .bverde.bfooter a{
        bottom: 450px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
    }
    .mujerpie{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 281px;
    }
    .conteinside{
        padding: 30px 25px;
    }
    .wrapconteinside{
        padding: 15px 5px;
    }
}
@media (max-width: 420px) {
    .marca-sitio{
        width: calc(100% - 70px);
    }
    .descripcion-sitio{
        top: 80px;
    }
    .introhome{
        width: 100%;
    }
    .bverde a{
        font-size: 20px;
    }
    .imglaptop{
        bottom: -20px;
    }
    .gridlogos{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    } 
    .gridlogos .wp-block-image.size-full:last-child{
        display: block;
    } 
}