/*
Naranja Fuerte => #f3493a
Naranja medio => #ff6e1b
Naranja claro => #ffa02a
Naranja Pastel => #faca80
Bordo => #561433
Casi blanco => #fdf3e0
*/

.main-nav.transparent {
    background: #f3493a !important;
}


/* Logo (in navigation panel)*/
.nav-logo-wrap .logo {
    max-width: 250px !important;
}
.inner-nav ul{
    text-transform: none!important;
}

/* ==============================
   Fullscreen menu
   ============================== */

.fm-logo-wrap .logo {
    max-width: 382px !important;
}

/****************/
.sp-logo-wrap .logo img{
    max-width: 80% !important;;
}


/* logo transicion */
.nav-logo-wrap .logo img {
    content: url('../images/logo-cabecera-inicio.png');
}
.nav-logo-wrap .logo.small-height img {
    content: url('../images/logo-cabecera-scroll.png');
}

.small-height .inner-nav ul li a{
    color:  #f3493a !important;
}

.title{
    font-family: Gotham;
}

.decription{
    font-family: Roboto;
}

h1{
    font-family: Gotham !important;
}


.hablemos{
    background-color: #ffa02a;
    height: 75px;
    line-height: 75px;
    padding: 5px;
    color: white;
}

.inner-nav ul li a {
    color: white !important;
    font-weight: bold;
}

.inner-nav ul li a:hover, .inner-nav ul li a.active {
    color: #faca80 !important;
}

.small-height .inner-nav ul li .hablemos{
    line-height: normal;
    color: white!important;
}

.text-left {
    text-align: left !important;
}

.bg-dark-orange{
    background-color: #f3493a;
}
.bg-medium-orange{
    background-color: #ff6e1b;
}
.bg-light-orange{
    background-color: #ffa02a;
}
.bg-pastel-orange{
    background-color: #faca80;
}
.bg-lighter{
    background-color: #fdf3e0;
}
.bg-bordo{
    background-color: #561433;
}

.txt-dark-orange{
    color: #f3493a;
}
.txt-medium-orange{
    color: #ff6e1b;
}
.txt-light-orange{
    color: #ffa02a;
}
.txt-pastel-orange{
    color: #faca80;
}
.txt-lighter{
    color: #fdf3e0;
}
.txt-bordo{
    color: #561433!important;
}

.btn-mod, a.btn-mod{
    text-transform: none!important;
    font-weight: bold!important;
}

.btn-mod.btn-dark-orange, a.btn-mod .btn-dark-orange {
    background-color: #f3493a !important;
    color: white !important;;
}

.btn-mod.btn-light-orange, a.btn-mod .btn-light-orange {
    background-color: #ffa02a !important;
    color: white !important;
    border: none !important;
}

.btn-mod.btn-dark-orange:hover,
.btn-mod.btn-dark-orange:focus,
a.btn-mod:hover,
a.btn-mod:focus{
    color: rgba(255,255,255, .85);
    background: #ffa02a !important;
}

.btn-mod.btn-light-orange:hover,
.btn-mod.btn-light-orange:focus,
a.btn-mod:hover,
a.btn-mod:focus{
    color: rgba(255,255,255, .85);
    background: #f3493a !important;
}

.tpl-alt-tabs {
    font-size: 23px!important;
    font-weight: normal!important;
    text-transform: none!important;
    letter-spacing: normal!important;
}
.tpl-alt-tabs > li > a{
    color: white !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: #561433 !important;
    font-family: Roboto;
}

.tab-content>.active  .section-text,
.tab-content>.active .section-text blockquote{
    color: #561433 !important;
}

.alt-tabs-icon img {
    width: 91px; /* ajusta según tu tamaño */
    height: 92px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: ''; /* vacía el contenido del img */
    object-fit: contain;

}

/* Tab 1 - Optimización */
.tab-optimization .alt-tabs-icon img {
    content: url('../images/funcionalidades-iconos-24.png');
}
.tab-optimization.active .alt-tabs-icon img {
    content: url('../images/funcionalidades-iconos-hover-27.png');
}

/* Tab 2 - Seguimiento */
.tab-tracking .alt-tabs-icon img {
    content: url('../images/funcionalidades-iconos-25.png');
}
.tab-tracking.active .alt-tabs-icon img {
    content: url('../images/funcionalidades-iconos-hover-28.png');
}

/* Tab 3 - Reportes */
.tab-reports .alt-tabs-icon img {
    content: url('../images/funcionalidades-iconos-26.png');
}
.tab-reports.active .alt-tabs-icon img {
    content: url('../images/funcionalidades-iconos-hover-29.png');
}


.owl-carousel .owl-item {
    padding-right: 10px;
}

.parallax-container {
    background-image: url('../images/full-width-images/clientes-fondo.png');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ci-icon:before{
    background: transparent !important;
}

.ci-title {
    font-family: Gotham;
    font-size: 14px!important;
    font-weight: bold!important;
    text-transform: none!important;
    letter-spacing: normal!important;
}
.ci-text{
    font-family: Roboto;
}

.contact-item,.contact-item a{color: #777!important;}

.banner-heading {
    font-family: Gotham;
     font-weight: bold!important;
     letter-spacing: normal!important;
     text-transform: none!important;
    font-size: 35px!important;
}

.banner-decription{
    font-family: Roboto;
}


.section-title {
    font-family: Gotham;
    font-size: 35px!important;
    font-weight: bold!important;
    text-transform:none!important;
    letter-spacing: normal!important;
}

.alt-features-title {
    font-family: Gotham;
    font-size: 33px!important;
    font-weight: bold!important;
    text-transform: none!important;
    letter-spacing: normal!important;
}

.alt-features-descr{
    font-family: Roboto;
}

.font-size-23{
    font-size: 23px;
}
.font-size-40{
    font-size: 40px!important;
}

.alt-features-icon img{
    width: 80%;
}

.form input[type="text"], .form input[type="email"], .form input[type="number"], .form input[type="url"], .form input[type="search"],
.form input[type="tel"], .form input[type="password"], .form input[type="date"], .form input[type="color"], .form select, .form textarea{
text-transform: none !important;
border-color: #ffa02a !important;
}

button, input, optgroup, select, textarea{
    font-family: 'Gotham', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
}

.ci-icon {
    width: 32px!important;
    height: 32px!important;
}

.footer-social-links a:before{
border: none!important;
}

.footer-social-links a:hover:before{
background: transparent;
}

.footer-copy{
text-transform: none !important;
}

.footer a,
.footer-made{
color: #fdf3e0;
}

.font-size-31 {
font-size: 31px !important;
}
.white {
color: #fff !important;
}

.buy-button{

}

.hs-line-14 {
    font-family: Gotham;
    font-weight: bold !important;
    text-transform: none!important;
    letter-spacing: normal!important;
}

/* En mobile quitar line-height */
@media (max-width: 768px) {
    .hablemos {
        line-height: normal; /* o line-height: 1.2; */
    }

    .tpl-alt-tabs {
        font-size: 12px;
        letter-spacing: 0.1em;
    }
    .alt-tabs-icon img {
        width: 32px; /* tamaño para mobile */
        height: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .tpl-alt-tabs {
        font-size: 22px !important;
        letter-spacing: 0.1em;
    }

    .alt-tabs-icon img {
        width: 52px; /* tamaño para mobile */
        height: 52px;
    }

    .tpl-alt-tabs > li {
        width: 130px!important;
    }

    .tpl-tabs-cont{
        padding-top: 5px;
    }
}