/*
 * ::::::::::: Custom Styles :::::::::::
 * Note: use this file to add or override any other styles.
 * DON'T EDIT TEMPLATE CSS/SCSS FILES DIRECTLY, JUST USE THIS FILE.
 */

.testimonials.style-4 .testimonials-item h3 span, .team .team-member .team-member-meta h5 {
    color: #D8D8D8;
}

body.footer-background.dark-color footer .footer-social-links li .icon {
    color: rgba(255,255,255,.9);
}

body.footer-background.dark-color .footer-bottom-content a, body.footer-background.dark-color .footer-bottom-content p {
    color: rgba(255,255,255,.85);
}

.works.isotope .isotope-filter.style-2 li {
    color: #5c5c5c;
}

.image-hover.effect-1 figure h5, .image-hover.effect-1 figure p {
    color: rgba(255,255,255,1);
}

.works-latest .works-latest-item .works-latest-item-meta h5 a, .works-latest .works-latest-item .works-latest-item-meta h3 a, .works-latest .works-latest-item .works-latest-item-meta h5, .works-latest-item .works-latest-item-meta h3 {
opacity: 1;
}

body .image-hover figure img {
 min-height: auto!important;
}

@media screen and (max-width:768px) {
    body .works-latest .works-latest-item .works-latest-item-meta h3 {
     font-size: 18px;
    }

    body .image-hover figure img {
     min-height: auto!important;
    }

    body .tp-caption.large_text {
        font-size: 16px!important;
        padding-top: 25px !important;
        padding-bottom: 0 !important;
    }
}

/*# sourceMappingURL=_maps/custom.css.map */

.color-green {color:#84bb4a!important;}
.color-blue {color:#149bd1!important;}
.bg-light-gray {background-color:#f7f7f7!important;}
body.footer-background.dark-color footer {
    background-color: #4a4a4a;
}
.follow-us-section .global-social-links li .icon {
    width: 110px;
    height: 110px;
}
.follow-us-section .global-social-links li .icon i {
    font-size: 45px;
}

.intro-about {background:url(../images/background/nosotros-pioneros.jpg) no-repeat right center;}
.intro-services {}
.intro-services .box-item  h3 {color:#149bd1!important; font-size:16px!important; text-transform: none; font-weight:800;}
.intro-services .box-item  h3 a {color:#149bd1!important; }

.clientes-slider {}
.testimonials.clientes-slider.style-5.owl-carousel.navs .owl-nav {
    top: 80%;
}
.clientes-slider .logo-cliente { width:50%; margin:40px auto 0;}
.testimonials.clientes-slider.style-5.owl-carousel.navs .owl-prev {
    left: 0px;
    right: inherit;
}
.testimonials.clientes-slider.style-5.owl-carousel.navs .owl-next {
    right: inherit;
    right: 0px;
}
.owl-carousel.navs .owl-nav .owl-prev:before, .owl-carousel.navs .owl-nav .owl-next:before {font-size: 80px; color: #4a4a4a;}
.is-relative {position:relative;}
.name-area {    margin: auto;
    position: absolute;
    z-index: 200;
    color: #FFF;
    font-size: 23px;
    text-align: center;
    width: 80%;
    left: 0;
    top: 0;
    padding: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: fit-content; font-weight:bold;}

.boxed {padding: 0 25px;}

.force-width-200 {width:200px!important;}

.btn-bs-file{
    position:relative;
}
.btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width:0;
    height:0;
    outline: none;
    cursor: inherit;
}

.pasos {margin:0 0 35px;}
label.error {font-size:11px; color:#F00;}

/* Landscape phones and down */
@media (max-width: 480px) {
    h1, .heading-title, .heading-title.style-1 {font-size:25px!important;}
    .site-header { height:65px;}
    .contact-details {padding-top:65px;}
    .contact-details a {display: block!important; margin-top: 0!important;}

    .btn-contacto-01 {margin:0 0px 0 80px!important; position:relative!important; z-index:999!important;}
    .btn-servicios-01 {margin:80px 80px 0 0!important; position:relative!important; z-index:0!important;}

    .page-title .hero-body {
        padding-top: 8.5rem;
    }
}

.site-header.hide-on-scroll {}

@media screen and (max-width: 1087px) {
    body.responsive-layout header .main-navigation li.menu-down-icon > span:before, body.responsive-layout header .main-navigation li.menu-right-icon > span:before {
        color: #333 !important;
        font-size: 14px;
        font-weight: 900;
    }
}

/* Estilo para la tabla con la clase "table-stripped" */
.table-stripped {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

/* Estilo para las filas impares (alternando colores) */
.table-stripped tr:nth-child(odd) {
    background-color: #f2f2f2;
}

/* Estilo para las celdas de encabezado */
.table-stripped th {
    background-color: #333;
    color: #fff;
    padding: 8px;
    text-align: left;
}

/* Estilo para las celdas de datos */
.table-stripped td {
    padding: 8px;
    text-align: left;
}

/* Añade bordes a la tabla y las celdas */
.table-stripped th,
.table-stripped td {
    border-bottom: 1px solid #ddd;
}

/* Estilo para el primer elemento de la primera fila (si es necesario) */
.table-stripped tr:first-child th {
    border-top: 1px solid #ddd;
}

.mb-15 {
    margin-bottom:15px;
}
.mb-20 {
    margin-bottom:20px;
}

.content ul li,
.content ol li {
    font-size: 14px!important;
}