/* MODIFICACIONES */

/* 
==========================================================================
        TOPBAR azul
========================================================================== 
*/
#sp-menu-proyectos {
    padding-top: 10px;
}
/* 
===========================
        mENU 
=========================== 
*/
/* quitar listado ordenado */
/* #sp-position1 .sp-module-content .menu {
    list-style: none;
    display: flex;
} */
/* darle un tiempo y espacio */
/* #sp-position1 .sp-module-content .menu li {
    margin-right: 15px;
    font-size: 14px;
} */
/* para deja el menu centrado y a la derecha */
#sp-menu .sp-column {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}   
 /*letras del menu  */
#sp-menu .sp-megamenu-parent>li {
    margin-left: 42px;
}
#sp-menu .sp-megamenu-parent>li>a {
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Lato';
}
.sp-megamenu-parent>li.active>a, 
.sp-megamenu-parent>li.active:hover>a {
    color: #0053a0;
    font-weight: 600;
    font-family: 'Lato';
}

/**Mega menu*/
.megamenuServicios .sp-module-content .sppb-media .pull-left{
    width: 7% !important;
}
.megamenuServicios .sp-module-content .sppb-media img{
    height: 20px;
    width: 35px;
}
.megamenuServicios .sp-module-content .sppb-media h3{
    font-size: 18px;
    font-weight: normal;
}
.megamenuServicios .sp-module-content .sppb-media h3 a{
    color: black;
}
.megamenuServicios .sp-module-content .sppb-media h3 a:hover{
    color: #0053a0 ;
}
.megamenuServicios .sp-module-content .sppb-addon-text ul{
    margin-bottom: 20px;
    list-style-type: none;
}
.megamenuServicios .sp-module-content .sppb-addon-text ul li img{
    display: inline;
    height: auto;
    width: 10px;
    margin-left: 15px;
    cursor: pointer;
}
.megamenuServicios .sp-module-content .sppb-addon-text ul li img.rotada{
    transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

/*Por desgracia hay que hardcodear los active del megamenu*/
.itemid-112 .megamenuServicios #sppb-addon-1679416495772 h3 a,
.itemid-115 .megamenuServicios #sppb-addon-3nZriCLpgIyupIHLqGlyd h3 a,
.itemid-116 .megamenuServicios #sppb-addon-3nZriCLpgIyupIHLqGlyd ul li:first-child a,
.itemid-117 .megamenuServicios #sppb-addon-3nZriCLpgIyupIHLqGlyd ul li:nth-child(2) a,
.itemid-118 .megamenuServicios #sppb-addon-3nZriCLpgIyupIHLqGlyd ul li:last-child a,
.itemid-119 .megamenuServicios #sppb-addon-wrapper-vj1Rt9Qn-rNXU_ozTF3nP h3 a,
.itemid-120 .megamenuServicios #sppb-addon-wrapper-vj1Rt9Qn-rNXU_ozTF3nP ul:first-child > li:first-child > a,
.itemid-121 .megamenuServicios #sppb-addon-wrapper-vj1Rt9Qn-rNXU_ozTF3nP ul:first-child > li:first-child ul li:first-child a,
.itemid-122 .megamenuServicios #sppb-addon-wrapper-vj1Rt9Qn-rNXU_ozTF3nP ul:first-child > li:first-child ul li:last-child a,
.itemid-123 .megamenuServicios #sppb-addon-wrapper-vj1Rt9Qn-rNXU_ozTF3nP ul:first-child > li:nth-child(2) > a,
.itemid-124 .megamenuServicios #sppb-addon-wrapper-vj1Rt9Qn-rNXU_ozTF3nP ul:first-child > li:nth-child(2) ul li:first-child a,
.itemid-119 .megamenuServicios #sppb-addon-wrapper-vj1Rt9Qn-rNXU_ozTF3nP ul:first-child > li:nth-child(2) ul li:last-child a,
.itemid-126 .megamenuServicios #sppb-addon-wrapper-vj1Rt9Qn-rNXU_ozTF3nP ul:first-child > li:nth-child(3) > a,
.itemid-128 .megamenuServicios #sppb-addon-1679417013685 h3 a,
.itemid-130 .megamenuServicios #sppb-addon-1679417013685 ul li:last-child a,
.itemid-131 .megamenuServicios #sppb-addon-DvqElZ0lOa0qMkO5CZImj h3 a,
.itemid-132 .megamenuServicios #sppb-addon-wkjU7CYVmH9scM63FNP03 h3 a{
    color: #004b9d;
}




/* 
==========================================================================
        LOGO
========================================================================== 
*/
/* Dejarlo centrado */
/* #sp-section-1 .container .row {
    display: flex;
    justify-content: center;
} */
#sp-logo {
    display: flex;
    justify-content: center;
}
/* debajo del logo */
#sp-logo .logo {
    display: flex;
    justify-content: center;
}
#sp-logo .logo a {
    color: #444444;
    font-size: 18px;
}

/* 
==========================================================================
        menu proyectos
========================================================================== 
*/
/* alinearlo */
#sp-section-3 .container {
    display: flex;
    justify-content: center;
}
/* 
==========================================================================
        INICIO
========================================================================== 
*/
/* caja azul */
/* reponsive */
@media (min-width: 1400px) {
#section-id-BEbfu4pZyBQRFX-PS9YQq .sppb-row-container {
    max-width: 870px;
}
}
@media (min-width: 992px) {
    #section-id-BEbfu4pZyBQRFX-PS9YQq .sppb-row-container {
        max-width: 790px;
    }
}
@media (min-width: 768px) {
    #section-id-BEbfu4pZyBQRFX-PS9YQq .sppb-row-container {
        max-width: 865px;
    }
}
/* 2tarjetas */
/* garantia */
/* calidad */
/* .calidad-box {
	padding-bottom: 27px;
}
@media (min-width: 1200px) {
    #sppb-addon-E35f0pywav0peMIbJ0KTq .calidad-box {
        padding-bottom: 27px;
    }
}
@media (min-width: 1024px) {
    #sppb-addon-E35f0pywav0peMIbJ0KTq .calidad-box {
        padding-bottom: 0px;
    }
}
@media (min-width: 768px) {
    #sppb-addon-E35f0pywav0peMIbJ0KTq .calidad-box {
        padding-bottom: 0px;
    }
} */
/* contacta */
/* boton */
#sppb-addon-wDLBjZPBfjjy4FjX1ZAYp #btn-wDLBjZPBfjjy4FjX1ZAYp.sppb-btn-custom {
    border: 2px solid;
}
/* 
==========================================================================
        PROYECTOS
========================================================================== 
*/
/* para cambiar el color de los h1 */
#sp-component .article-list .article .article-header h2 a {
    color: #004b9d;
}
/* paginacion */
.pagination-counter {
    display: none;
}
/* 
==========================================================================
        SERVICIOS
========================================================================== 
*/
.columna-servicios{
    padding: 50px;
}


/* 
==========================================================================
        FOOTER
========================================================================== 
*/
/* para los legales */
.footer-menu {
    text-decoration: none;
}
/* 
===========================
        Direccion
=========================== 
*/
/* para el titulo */
#mod-custom113 h3 {
    margin-bottom: 10px;
}
/* para los datos */
#mod-custom113 .contacto p {
    margin-bottom: 6px;
}
/* contacto */
/* para proteger al mundo de la devastacion */
.pro-datos {
    text-decoration: none;
    padding-bottom: 2px;
    color: black;
    border-bottom: 1px solid;
}