/* para dejar bien el en construccion */
#coming-soon-countdown {
    display: none;
}
.coming-soon-title {
    display: none;
}
/* .coming-soon-logo {
    width: 600px;
    max-width: 80%;
} */
/* 
========================================================================================================================== 
        MENU
========================================================================================================================== 
*/
/* centras abajo el menu */
#sp-menu .sp-megamenu-wrapper.d-flex {
    justify-content: center;
    text-transform: uppercase;
}
.sp-megamenu-parent li.sp-menu-item a {
    position: relative;
    top: 22px;
    font-weight: 700;
}
.sp-megamenu-parent>li>a {
    font-family: 'lato';
}
/* el hover */
#sp-menu .sp-menu-item.current-item.active,
#sp-menu .sp-menu-item:hover {
    border-bottom: 5px solid #00789c;
}
/* #sp-menu .sp-menu-item {
    margin-right: 39px;
} */
/* arreglar el ultimo hijo */
/* .sp-megamenu-parent>li:last-child>a {
    padding: 0 15px
} */
/* trabaja con nostros */
.sp-megamenu-parent>li:last-child>a {
    border: 1px solid #00789b;
    color: #00789b !important;
    border-radius: 10px;
    line-height: 3 !important;
    padding: 0px 15px 0px 15px !important;
}
/* jov */
#sp-menu .sp-megamenu-parent>li:last-child.active,
#sp-menu .sp-megamenu-parent>li:last-child:hover {
    border-bottom: 0px;
}
.sp-megamenu-parent>li:last-child>a.active,
.sp-megamenu-parent>li:last-child>a:hover {
    border: 1px solid #00789b;
    color: #ffffff !important;
    background-color: #00789b;
    border-radius: 10px;
    line-height: 3 !important;
    padding: 3px 15px 0px 15px !important;
}
/* 
====================
        LOGO
====================
*/
.logo-image {
    margin-top: 15px;
}
/* 
========================================================================================================================== 
        PAGINA DE INICIO
========================================================================================================================== 
*/
/* slider */
#section-id-1616410754781 #sppb-addon-1674039912968 {
    border-radius: 15px 0px 0px 15px;
}
/* 
====================
        tarjetas
====================
*/
/* borde raro DE COLORES */
/* div#sppb-addon-1616478015712,
div#sppb-addon-whR47I65zzgk15Dsdw4kD,
div#sppb-addon-xyxzPzgDRALB4vTSnNeFI {
    border: 2px solid;
    border-image: linear-gradient(0deg, #4f9fb9, white) 1;
    border-radius: inherit;
} */
#section-id-x4-YJVqrdxu_D1rPLb6lF.sppb-section #column-wrap-id-V1cDeZQGFKpdpRu6bX6uX {
    margin-bottom: 0px;
}
/* botones */
#section-id-1616410754788 .sppb-btn-info {
    background-color: #00789c;
    border-color: #00789c;
    padding: 10px 22px 10px 22px;
    float: right;
}
@media (max-width: 991.98px) {
    #section-id-1616410754788 #sppb-addon-1616478015712 .sppb-media-content .sppb-btn,
    #section-id-1616410754788 #sppb-addon-whR47I65zzgk15Dsdw4kD .sppb-media-content .sppb-btn,
    #section-id-1616410754788 #sppb-addon-xyxzPzgDRALB4vTSnNeFI .sppb-media-content .sppb-btn {
        margin-top: 10px;
    }
}

/* responsive */
@media (max-width: 768px) {
    #section-id-1616410754788 #sppb-addon-1616478015712 .sppb-feature-box-title,
    #section-id-1616410754788 #sppb-addon-whR47I65zzgk15Dsdw4kD .sppb-feature-box-title,
    #section-id-1616410754788 #sppb-addon-xyxzPzgDRALB4vTSnNeFI .sppb-feature-box-title {
        font-size: 20px;
    }
}
/* borde raro prueba 2 */
div#sppb-addon-1616478015712,
div#sppb-addon-whR47I65zzgk15Dsdw4kD,
div#sppb-addon-xyxzPzgDRALB4vTSnNeFI {
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 6px, transparent 6px) 0% 0%/8px 8px no-repeat,
    radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 6px, transparent 6px) 100% 0%/8px 8px no-repeat,
    radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 6px, transparent 6px) 0% 100%/8px 8px no-repeat,
    radial-gradient(circle at 0 0, #ffffff 0, #ffffff 6px, transparent 6px) 100% 100%/8px 8px no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat,
    linear-gradient(0deg, #01799c 0%, transparent 100%);
    border-radius: 8px;
    box-sizing: border-box;
}
/* 
===============================
        IMAGENES SECTORES
===============================
*/
.box{
    position: relative;
    display: inline-block; /* Make the width of box same as image */
      
}
.box .texto-box-bot {
    position: absolute;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    right: 0;        
    text-align: center;
    bottom: 5%; /* Adjust this value to move the positioned div up and down */
    background: rgba(255, 255, 255);
    background: rgba(255, 255, 255, 0);
    width: 100%; /* Set the width of the positioned div */
    padding-top: 20px; 
    /* font-family: "Segoe UI", Arial, sans-serif; */
    letter-spacing: 2px;
}
@media (max-width: 1400px) {
    .box .texto-box-bot h3{
        font-size: 25px;
        top: 5px;
        position: relative;
    }
} 
@media (max-width: 1200px) {
    .box .texto-box-bot h3{
        font-size: 21px;
        top: 5px;
        position: relative;
    }
} 
@media (max-width: 1024px) {
    .box .texto-box-bot h3{
        font-size: 21px;
        top: 5px;
        position: relative;
    }
}   
@media (max-width: 991px) {
    .box .texto-box-bot h3{
        font-size: 14px;
        top: 5px;
        position: relative;
    }
}
@media (max-width: 768px) {
    .box .texto-box-bot h3{
        font-size: 14px;
        top: 5px;
        position: relative;
    }
}  
@media (max-width: 320px) {
    .box .texto-box-bot h3{
        font-size: 12px;
        top: 5px;
        position: relative;
    }
} 
/* 
===============================
        Cualificaciones
===============================
*/
/* img logo iso 9001 */
img.sppb-img-responsive.sppb-addon-clients-image {
    margin: auto;
    display: block;
}
/* 
===============================
        Slider abajo
===============================
*/
/* slider bueno */
/* para dejar el fondo azul */
#column-id-1677495651993 #sppb-addon-1677497386280 .sppb-carousel-text h2 {
    background: #00789cc7;
    border-radius: 13px;
    padding: 40px 40px 40px 55px;
    width: 46%;
    float: left;
    top: 66px;
    position: absolute;
    font-size: 44px;
}
@media (max-width: 768px) {
    #column-id-1677495651993 #sppb-addon-1677497386280 .sppb-carousel-text h2 {
        width: 60%;
    } 
    #scvital #sppb-addon-1685455118918 .sppb-carousel-content {
        padding-bottom: 15px
    }
    #cvital #sppb-addon-1685455118918 #btn-16854551189180.sppb-btn-custom {
        background: #ffffff00;
        border: 1px solid white !important;
        color: white;
        border-radius: 6px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 100;
        font-family: system-ui;
        padding: 10px 34px 10px 32px;
    }
}

/* arrows */
#sppb-carousel1 .fa {
    font-size: 57px;
    color: #00789c;
}
/* 
========================================================================================================================== 
        QUIENES SOMOS
========================================================================================================================== 
*/

#sppb-addon-1676633713325 .sppb-addon h1.sppb-addon-title {
    border-bottom: 3px solid #007499;
}
/* 
========================================================================================================================== 
        PAGINA DE SERVICIOS
========================================================================================================================== 
*/
/* para poner un filtro azul */
span.sppb-img-container {
    background: rgb(0, 120, 156, 0.8);
    /* background: #59a7bf; */
    border-radius: 12px 12px 0px 0px;
}
.sppb-img-container img {
    opacity: 0.3;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    /* object-fit: cover; */
    border-radius: 4px 4px 0px 0px;
}
.sppb-img-container:hover img {
    opacity: 1;
}
/* 
========================================================================================================================== 
        PROYECTOS
========================================================================================================================== 
*/
#galeria-proyectos .sppb-addon-image-overlay {
    background-color: rgb(0 120 155 / 80%) !important;
}
/* 
========================================================================================================================== 
        CONTACTO
========================================================================================================================== 
*/
/* tarjetas izq */
/* dejar los datos centricos derechos */
#sppb-addon-wrapper-awShRtmgZlORtgbklqoM4,
#sppb-addon-wrapper-fdP9UN4Y7mQjcxHii_oZn,
#sppb-addon-wrapper-7vidcTdrxJKiBmD2UIxma {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}
/* nuevo, lo de antes si funciona lo comentas */
#column-id-1677580001627 .sppb-column-addons {
    padding: 10px 10px 10px 40px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
}
/* form */
/* dejar como si estaria subrayado */
#sppb-addon-qeD7634NxE3nbwEDkU6jj .sppb-form-control {
    border-bottom: 2px solid black;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
}
/* MINI retoques */
/* mensaje mas a la drecha */
#sppb-addon-qeD7634NxE3nbwEDkU6jj .sppb-form-group .sppb-form-control {
    padding: 8px
}
/* leido */
#sppb-addon-qeD7634NxE3nbwEDkU6jj .sppb-form-check .sppb-form-check-input {
    position: inherit;
    margin-top: 6px;
    margin-left: -18px;
    margin-right: 10px;
}
/* boton */
#sppb-addon-qeD7634NxE3nbwEDkU6jj #btn-qeD7634NxE3nbwEDkU6jj.sppb-btn-custom {
    margin-top: 10px;
}
#sppb-addon-qeD7634NxE3nbwEDkU6jj #btn-qeD7634NxE3nbwEDkU6jj.sppb-btn-custom:hover  {
    border: 1px solid #00789B;
}
/* 
========================================================================================================================== 
        CV
========================================================================================================================== 
*/
/* boton trabaja con nostros */
@media (max-width: 1440px) {
    #cvital #sppb-addon-1685455118918 #btn-16854551189180.sppb-btn-custom {
        background: #ffffff00;
        border: 1px solid white !important;
        color: white;
        border-radius: 6px;
        font-size: 29px;
        text-transform: uppercase;
        font-weight: 100;
        font-family: system-ui;
        padding: 5px 55px 5px 56px;
    }
}
@media (max-width: 768px) {
    #scvital #sppb-addon-1685455118918 .sppb-carousel-text .sppb-carousel-content {
        padding-bottom: 15px;
    }
    #cvital #sppb-addon-1685455118918 #btn-16854551189180.sppb-btn-custom {
        background: #ffffff00;
        border: 1px solid white !important;
        color: white;
        border-radius: 6px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 100;
        font-family: system-ui;
        padding: 5px 55px 5px 56px;
    }
}
@media (max-width: 468px) {
    #scvital #sppb-addon-1685455118918 .sppb-carousel-text .sppb-carousel-content {
        padding-bottom: 15px;
    }
}
@media (max-width: 457px) {
    #cvital .sppb-carousel-content {
        display: none;
    }
    #cvital #sppb-addon-1685455118918 #btn-16854551189180.sppb-btn-custom {
        margin-top: 25px;
    }
}
/* 
==========================================================================
        FOOTER
========================================================================== 
*/
/* DIV DE INTERSA LOREM */
.sppb-col-md-6#column-wrap-id-eP6Dlnom-sh8xkB_04Vw5 {
    border-right: 1px solid RGBA(255, 255, 255, 0.83);
}
/* CONTACTO */
/* para que no se vea pocho el icono del mapa */
#sppb-addon-1674129567186 .sppb-addon-content .sppb-media {
    padding-left: 5px;
}
#sppb-addon-PsOf6PpkIOfxeMvSmc8qh .sppb-addon-content .sppb-media {
    padding-left: 1px;
}
/* logo img */
#sppb-addon-1674128583316 img {
    width: 260px;
    max-width: 260px;
}
/* el menu de abajo */
#sppb-addon-1674138490445 li a {
    color: RGBA(255, 255, 255, 0.83);
}
/* footer menu */
.footer-menu {
    text-decoration: none;
}