*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    letter-spacing: 0px;
    font-family: 'Titillium Web';
}

/* .btn-hover{
    border: 1px solid white !important;
} */



.header-black a i{
    color:white !important;
}

.btn-hover:hover{
    color: #586EA7 !important;
    border: 1px solid #586EA7 !important;
    background-color: white !important;
}

p, div, span, a, h1, h2, h3, h4, h5{
    font-family: 'Titillium Web' !important;;
}

a{
    text-decoration: none !important;
}

.prod-hover:hover .moreinfo{
    font-weight: 700 !important;
}
input[type=”file”]#inputGroupFile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    }


.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: 1s !important;
}

.home-sec-after{
    background-size: 100%; 
    -webkit-transition: background-size 0.3s ease-in;
    transition: background-size 0.3s ease-in;
}

.home-sec-after:hover {
    background-size: 110%;
}

.home-sec-after h3{
    -webkit-transition: margin-bottom 0.3s ease-in;
    transition: margin-bottom 0.3s ease-in;
}

.home-sec-after:hover h3 {
    margin-bottom:117px !important;
}


.home-sec-after:hover:after {
    background-position: 0 100;
}

.home-sec-after:after{
    content:"";
    width:100%;
    height:100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: no-repeat;
    z-index:3;
    position:absolute;
    top:0;
    left:0;
    -webkit-transition: background-position 0.3s ease-in;
    transition: background-position 0.3s ease-in;
}




.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: rgb(142, 132, 125) !important;
}

/* #app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} */
/* Backgrounds */



.font-fam, .font-fam p, .font-fam span {
    font-family: 'Titillium Web' !important;
}

.font-fam tr {
    border-bottom: 1px solid #E6E6E6;
}

.font-fam td {
    padding-bottom: 13px;
    padding-top: 13px;

}

.secciones p:hover{
    text-decoration: underline;
}

.darkBlackBg{
    background-color:#000000;
}

.orangeBg{
    background-color:#F87033;
}

.greyBg{
    background-color:#F2F2F2;
}



/* Diseño general */

.p-important, .p-important p, .p-important span {
    font-family: 'Titillium Web' !important;

}
.tabla-descr-prod table{
    width: 100% !important;
    font-family: 'Titillium Web' !important;


}

.tabla-descr-prod table td{
    padding:20px 10px

}
.tabla-descr-prod tbody tr:nth-child(odd){
    
border-top: 0.5px solid #EDEDED;
}

.tabla-descr-prod tbody tr:nth-child(even) , .table-descargas th  {
    background-color: #09387B0B;
}

.novedad-after{
display: flex;
flex-direction: column;
justify-content: end;

}

.novedad-after:after{
    content: "";
    font-family: "Font Awesome 5 Free";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    font-weight: 600;
    mix-blend-mode: multiply;
    opacity: 0.82;
    color:white;
    z-index:3;
}

.novedad-after:hover:after{
    content: " + ";
    font-family: "Font Awesome 5 Free";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    font-weight: 600;
    background: rgba(156, 178, 216, 0.6);
    border-radius: 13px;
    mix-blend-mode: multiply;
    opacity: 0.6;
    color:white;
    z-index:3;
}


.producto-act:hover:after{
    content: "";
    font-family: "Font Awesome 5 Free";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    font-weight: 600;

    background: rgba(50, 53, 245, 0.08);
    color:white;
    z-index:3;
}



/* Header */

body{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
}


header{
    /* position: sticky; */
    background: #fff;
    left:0;
    top:0;
    right:0;
    z-index:1000;
    /* box-shadow: 0px 3px 23px rgba(0, 0, 0, 0.08); */
}

.header-top{
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
position:relative;

background: transparent;
    letter-spacing: 0.06em;

    display:flex;

    /* padding-bottom: 16px; */
    padding-top: 22px;
}
    



.header-top .header-top-contacto i{
    color: #D8272D;
    font-size:9px;
}



.header-top .presupuesto{
    padding-right: 15px;
    padding-left:15px;
    font: normal normal normal 14px/30px 'Titillium Web';
    
}


/* .header-top a{
    text-decoration: none;
    font: normal normal normal 14px/27px 'Titillium Web';
    font-weight: 500;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom:0px;
    line-height: inherit;
} */

.header-top-box{
    display:flex;
    align-items: center;
}

.header-top-box i{
    color: #000 !important;
}

.header-top-box i.fa-facebook-f,
.header-top-box i.fa-instagram{
    font-size: 18px;
}

.header-top-item{
    display:flex;
    align-items: center;
}


.header-top i{
    font-size: 14px;
    color: #2AA24C;
}

.header-top .buscador input {
    font: normal normal 300 13px/15px 'Titillium Web';
    color: #333333;
    padding: 8px 0px 7px 16px;
    border-radius: 8px;
    width: 228px;
    margin-left: 40px;
    box-shadow: 0px 3px 6px #00000029;
    border: 0.5px solid #E1E1E1;
}

.header-top .buscador button{
    bottom: 0;
    /* position: absolute; */
    top: 0;
    right: 18px;
    border:none;
    background-color:white;
}

.header-top .buscador i{
    color:#113E7A;
    font-size: 22px;

}

.header-mobile{
    justify-content: space-between;
}


@media screen and (max-width: 800px) {
    .header-mobile{
        justify-content: center !important;
    }

    .title-clientes{
        font-size: 22px !important;
        margin: 0 !important;
        
    }

    .height-abs-empresa{
        height: 1000px !important;
    }


    img {
        height: 50px !important;
        margin-top: 0 !important;
        width: 58% !important;
    }


    .cliente-mobile {
        height: 100px !important;
    }

    .carousel-clientes {
        height: 100px !important;
    }

    .padding-0-mobile{
        padding-bottom:2px !important;
    }

    .nav-modal .modal-content a:hover {
        color: #fff !important;
        text-decoration: none;
        background-color: rgb(142, 132, 125) !important;
    }

    .mt-mobile-15px{
        margin-top:15px !important;
        padding:0 !important;
        text-align: center !important;
    }

    .margin-mobile-title{
        margin-top:0 !important;
        margin-bottom:  22px !important;;
    }

    .imagen-seccion{
        height: auto !important;
        padding-bottom: 100% !important;
    }

    .parrafo-sec-mobile{
        padding: 33px 59px !important;
    }


    .parrafo-prod-mob{
        width: 100% !important;
    }

    .carousel-home .carousel-overlay {
        padding-bottom: 130% !important;
    }

    .carousel-prod .carousel-overlay {
        padding-bottom: 100% !important;
    }

    .text-slidder-mobile{
        padding: 32px 14px !important;
        width: 100% !important;
    }

    .text-slidder-mobile span, .font-fam strong {
        font-size: 32px !important;
    }


    .home-sec-after{
        background-size: cover; 
    }

}





/* Nav */


nav{
    background-color: #fff;
    font-size:13px;
    /* border-top: 1px solid rgb(143,134,110,0.36); */
    /* box-shadow: 0px 3px 23px rgba(0, 0, 0, 0.1); */
    /* padding-top: 56px; */
    /* box-shadow: 0px 3px 23px rgba(0, 0, 0, 0.1); */
}

nav.home .nav a{
    border-bottom: 4px solid transparent;
    color: #131313;
}

nav.transp .nav a{
    border-bottom: 4px solid transparent;
    color: white !important;
}

nav.home{
    background: #FFF;
    font-size:13px;
    /* border-top: 1px solid rgb(143,134,110,0.36); */
    /* box-shadow: 0px 3px 23px rgba(0, 0, 0, 0.1); */
    /* padding-top: 76px; */
    /* position: absolute; */
    /* left: 0;
    top: 0;
    right: 0;
    z-index: 1000;
    position: sticky; */
}

nav .logo{
}

nav ul{
    padding-right: 0px;
}


.nav-naranja .nav .nav-item{
    height:54px;

}

.nav-naranja .nav .nav-item .nav-link{  
    height:54px;
    padding: 0;
    border-bottom:#FA6D27;
    /* padding-top: 40px; */
}
.nav-naranja .nav a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    transition: .1s;
    
    font-family: 'Titillium Web';
    font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
    color: #000000;
    text-transform: capitalize;

    border-bottom:  4px solid #fff;
    padding-top:0px;
    padding-bottom:0px;
}


.nav .nav-item{
    height:88px;
}

.nav .nav-item .nav-link{  
    height:88px;
    padding: 0;
    
    /* padding-top: 40px; */
}

.nav a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    transition: .1s;
    
    font-family: 'Titillium Web';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #000;
    text-transform: capitalize;

    border-bottom:  4px solid #fff;
    padding-top:0px;
    padding-bottom:0px;
}

.nav a:hover, .nav-item-active a{ 
font-weight: 700;
    /* border-bottom:  4px solid #D8272D; */
    color:#113E7A;

}
.nav-link:focus, .nav-link:hover {
    /* color: #000 !important; */
}

.nav a.sin-borde:hover, .nav-item-active a.sin-borde{ 
    color: black;
    border-bottom:  4px solid #fff;
}

ul.nav a:hover, ul .nav-item-active  a{ 
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 800;
    /* font-size: 17px; */
    /* line-height: 21px; */

}

nav i{
    width: 14px;
    height: 13px;
}



.item-header {
    display: flex;
    justify-content: left;
    align-items:center;
}



nav .nav-usuario{
    background-color:#EC3237;
    padding-right: 15px;
    list-style-type: none;
    margin-bottom: 0;
    padding-bottom: 28px;
    padding-left: 0;
    display:flex;
    align-items: flex-end;
    justify-content: center;
}

nav .nav-usuario a{
    color:#EEEEEE;
    font-size:16px;
}







/*Modal*/

.nav-btn {
    margin: auto auto;
    padding-left: 20px;
    background-color: transparent;
    border: 1px solid rgb(70, 102, 115);
    padding: 10px 16px 18px 11px;
    font-size: 22px;
    border-radius: 15px;
    margin: 5px;
    height: max-content;
}

.nav-btn i {
    color: rgb(70, 102, 115);
}


.nav-modal{
    align-items: center;
    height: 88px;
}


.nav-modal .modal-content {
    text-align: center;
    font-size: 30px;
}

.nav-modal  .modal-content a {
    color: black;
    margin: 0px;
}

.nav-modal  .modal-content li {
    list-style: none;
    border-bottom: 1px solid #8F866E;
}

.nav-modal  .modal-content a:hover {
    background-color: black;
    color: white;
}

/* .nav-modal  .modal-backdrop {
    z-index:2;
} */
.modal-backdrop {
    
    /* Por defecto de Bootstrap: debajo del modal (1055) y encima del header
       (1030). Estaba en 0 porque el modal vivia dentro del nav. */
    z-index: 1050;
}

/* Shared public header: keeps the hero unobstructed, then gains contrast while scrolling. */
.public-site-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    transition: background-color 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
}

.public-site-header:not(.public-site-header--transparent) {
    background: #f2f6f6;
    border-bottom: 1px solid rgba(38, 68, 83, 0.07);
    box-shadow: 0 2px 12px rgba(24, 45, 56, 0.04);
}

.public-site-header:not(.public-site-header--transparent) .header-top,
.public-site-header:not(.public-site-header--transparent) nav.home {
    background: transparent !important;
}

.public-site-header--transparent {
    position: absolute;
    width: 100%;
    background: transparent !important;
}

.public-site-header--transparent .header-top,
.public-site-header--transparent nav.home {
    background: transparent !important;
}

.public-site-header--transparent .nav a {
    color: #fff !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.24);
}

.public-site-header--transparent .nav-btn {
    border-color: rgba(255, 255, 255, 0.72);
}

.public-site-header--transparent .nav-btn i {
    color: #fff;
}

.public-site-header.is-scrolled {
    background: rgba(239, 245, 246, 0.97) !important;
    border-bottom: 1px solid rgba(38, 68, 83, 0.1);
    box-shadow: 0 10px 30px rgba(24, 45, 56, 0.12);
    -webkit-backdrop-filter: blur(14px) saturate(135%);
    backdrop-filter: blur(14px) saturate(135%);
}

.public-site-header--transparent.is-scrolled {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
}

.public-site-header.is-scrolled .header-top,
.public-site-header.is-scrolled nav.home {
    background: transparent !important;
}

.public-site-header.is-scrolled .nav a,
.public-site-header.is-scrolled .header-top a,
.public-site-header.is-scrolled .header-black a,
.public-site-header.is-scrolled .header-black a i {
    color: #172d38 !important;
    text-shadow: none;
}

.public-site-header.is-scrolled .nav a:hover,
.public-site-header.is-scrolled .nav-item-active a {
    color: #113e7a !important;
}

.public-site-header.is-scrolled .btn-hover {
    color: #172d38 !important;
    border-color: #3680fd !important;
}

.public-site-header.is-scrolled .nav-btn {
    border-color: rgba(23, 45, 56, 0.45);
}

.public-site-header.is-scrolled .nav-btn i {
    color: #172d38;
}

@media screen and (max-width: 800px) {
    .public-site-header.is-scrolled .header-top {
        padding-top: 8px;
    }
}

/* Header logo: always stays inside the navigation bar, at any width or orientation.
   !important beats the global `img { height: 50px; width: 58% }` rule (<= 800px). */
.public-site-header .site-logo {
    position: absolute;
    height: auto !important;
    margin-top: 0 !important;
}

/* Mobile: centered in the 88px bar; grows with the screen up to 35.3% of the
   container, but its height never exceeds the bar (aspect ratio preserved). */
.public-site-header .site-logo--mobile {
    top: 50%;
    width: auto !important;
    max-width: 35.3%;
    max-height: calc(100% - 20px);
    transform: translateY(-50%);
}

.public-site-header .site-logo--desktop {
    bottom: 1rem;
    width: 19.3% !important;
}

/* Catalog navigation keeps product groups close to their main section without crowding the header. */
.nav-catalog-menu {
    position: relative;
}

.nav-catalog-trigger {
    gap: 6px;
}

.nav-catalog-trigger i {
    width: auto;
    height: auto;
    font-size: 9px;
    transition: transform 180ms ease;
}

.nav-catalog-panel {
    position: absolute;
    top: 68px;
    left: 50%;
    z-index: 20;
    width: min(272px, 31vw);
    padding: 12px;
    background: rgba(248, 251, 251, 0.98);
    border: 1px solid rgba(38, 68, 83, 0.12);
    border-radius: 12px;
    box-shadow: 0 16px 34px rgba(24, 45, 56, 0.16);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -8px);
    transition: opacity 180ms ease, transform 180ms ease;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.nav-catalog-panel::before {
    position: absolute;
    top: -6px;
    left: 50%;
    width: 11px;
    height: 11px;
    content: '';
    background: #f8fbfb;
    border-top: 1px solid rgba(38, 68, 83, 0.12);
    border-left: 1px solid rgba(38, 68, 83, 0.12);
    transform: translateX(-50%) rotate(45deg);
}

.nav-catalog-menu:hover .nav-catalog-panel,
.nav-catalog-menu:focus-within .nav-catalog-panel {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.nav-catalog-menu:hover .nav-catalog-trigger i,
.nav-catalog-menu:focus-within .nav-catalog-trigger i {
    transform: rotate(180deg);
}

.nav-catalog-label {
    display: block;
    padding: 3px 8px 8px;
    color: #60737c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.public-site-header .nav-catalog-panel .nav-catalog-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 36px;
    padding: 7px 8px;
    color: #172d38 !important;
    border: 0 !important;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 1.25;
    text-align: left;
    text-shadow: none;
    text-transform: none;
    transition: background-color 160ms ease, color 160ms ease;
}

.public-site-header .nav-catalog-panel .nav-catalog-link:hover,
.public-site-header .nav-catalog-panel .nav-catalog-link:focus {
    color: #113e7a !important;
    background: #e9f0f1;
    outline: none;
}

@media screen and (max-width: 1199.98px) {
    .mobile-navigation-modal .mobile-catalog-menu {
        height: auto;
    }

    .mobile-navigation-modal .mobile-catalog-menu details {
        width: 100%;
    }

    .mobile-navigation-modal .mobile-catalog-menu summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 16px;
        color: #172d38;
        cursor: pointer;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.2;
        list-style: none;
    }

    .mobile-navigation-modal .mobile-catalog-menu summary::-webkit-details-marker {
        display: none;
    }

    .mobile-navigation-modal .mobile-catalog-menu summary i {
        font-size: 13px;
        transition: transform 180ms ease;
    }

    .mobile-navigation-modal .mobile-catalog-menu details[open] summary i {
        transform: rotate(180deg);
    }

    .mobile-catalog-links {
        display: grid;
        gap: 6px;
        padding: 0 16px 14px;
        text-align: left;
    }

    .mobile-navigation-modal .mobile-catalog-links a {
        display: block;
        margin: 0;
        padding: 10px 12px;
        color: #172d38;
        background: #f1f6f6;
        border: 1px solid rgba(38, 68, 83, 0.08);
        border-radius: 7px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.25;
    }

    .mobile-navigation-modal .mobile-catalog-links a:hover,
    .mobile-navigation-modal .mobile-catalog-links a:focus {
        color: #113e7a;
        background: #e5efef !important;
    }

    .mobile-navigation-modal .mobile-catalog-links .mobile-catalog-overview {
        color: #113e7a;
        font-weight: 700;
    }

    .nav-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
        background: rgba(242, 246, 246, 0.9);
        border: 1px solid rgba(23, 45, 56, 0.28);
        border-radius: 12px;
        box-shadow: 0 5px 14px rgba(24, 45, 56, 0.09);
        transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
    }

    .nav-btn i {
        width: auto;
        height: auto;
        color: #172d38;
        font-size: 18px;
    }

    .nav-btn:hover {
        background: #e4eeee;
        border-color: #113e7a;
        transform: translateY(-1px);
    }

    .nav-btn:focus-visible,
    .mobile-navigation-modal a:focus-visible,
    .mobile-navigation-modal summary:focus-visible,
    .mobile-navigation-modal .btn-close:focus-visible {
        outline: 3px solid rgba(54, 128, 253, 0.42);
        outline-offset: 2px;
    }

    .public-site-header--transparent:not(.is-scrolled) .nav-btn {
        background: rgba(18, 35, 43, 0.18);
        border-color: rgba(255, 255, 255, 0.7);
        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.17);
    }

    .public-site-header--transparent:not(.is-scrolled) .nav-btn i {
        color: #fff;
    }

    .mobile-navigation-modal {
        overflow: hidden;
    }

    .mobile-navigation-modal.modal.fade .mobile-menu-dialog {
        display: flex;
        min-height: 100vh;
        min-height: 100dvh;
        width: min(88vw, 390px);
        max-width: min(88vw, 390px);
        margin: 0 0 0 auto;
        pointer-events: auto;
        transform: translateX(100%);
        transition: transform 280ms cubic-bezier(0.22, 0.61, 0.36, 1);
    }

    .mobile-navigation-modal.modal.show .mobile-menu-dialog {
        transform: translateX(0);
    }

    .mobile-navigation-modal .modal-content {
        display: flex;
        width: 100%;
        min-height: 100vh;
        min-height: 100dvh;
        color: #172d38;
        background: #f7faf9;
        border: 0;
        border-radius: 0;
        box-shadow: -16px 0 40px rgba(24, 45, 56, 0.16);
        font-size: inherit;
        text-align: left;
    }

    .mobile-navigation-modal .mobile-menu-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 78px;
        padding: 20px 22px;
        border-bottom: 1px solid rgba(38, 68, 83, 0.1);
    }

    .mobile-navigation-modal .mobile-menu-header span {
        color: #172d38;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .mobile-navigation-modal .btn-close {
        width: 38px;
        height: 38px;
        margin: 0;
        padding: 0;
        background-color: #e8f0ef;
        border-radius: 50%;
        opacity: 1;
    }

    .mobile-navigation-modal .mobile-menu-body {
        flex: 1 1 auto;
        padding: 14px 14px 22px;
        overflow-y: auto;
    }

    .mobile-navigation-modal .mobile-nav-list {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .mobile-navigation-modal .mobile-nav-list > .nav-item {
        height: auto;
        border-bottom: 1px solid rgba(38, 68, 83, 0.09);
        list-style: none;
    }

    .mobile-navigation-modal .mobile-nav-list > .nav-item > .nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 52px;
        padding: 14px 12px;
        color: #172d38;
        background: transparent;
        border: 0;
        border-radius: 8px;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.2;
        text-align: left;
    }

    .mobile-navigation-modal .mobile-nav-list > .nav-item > .nav-link:hover,
    .mobile-navigation-modal .mobile-nav-list > .nav-item > .nav-link:focus,
    .mobile-navigation-modal .mobile-nav-list > .nav-item.nav-item-active > .nav-link {
        color: #113e7a;
        background: #e8f0ef !important;
    }

    .mobile-navigation-modal .mobile-catalog-menu summary {
        padding: 14px 12px;
        font-size: 18px;
    }

    .mobile-navigation-modal .mobile-catalog-links {
        padding: 0 12px 14px;
    }

    .mobile-navigation-modal .mobile-menu-footer {
        display: block;
        padding: 16px 22px calc(16px + env(safe-area-inset-bottom));
        border-top: 1px solid rgba(38, 68, 83, 0.1);
    }

    .mobile-navigation-modal .mobile-menu-footer a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 48px;
        padding: 12px 14px;
        color: #fff;
        background: #113e7a;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
    }

    .mobile-navigation-modal .mobile-menu-footer a:hover,
    .mobile-navigation-modal .mobile-menu-footer a:focus {
        color: #fff;
        background: #0c315f !important;
    }

    .mobile-navigation-modal .mobile-menu-footer i {
        width: auto;
        height: auto;
        font-size: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mobile-navigation-modal .mobile-menu-dialog,
    .nav-btn {
        transition: none;
    }
}

/* Header Bottom */

.header-bottom{
    display:flex;
    align-items:center;
    /* background-color:#FDFDFD; */
    padding-top: 13px;
    padding-bottom: 12px;
}

.header-bottom a{
    text-align: left;
    color: #8D8D8D;
    font-size: 14px;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration:none;   
    height: 30px;
    display: flex;
    align-items: center;
    text-transform:capitalize;
    margin-right: 3px;
    
}

.header-bottom i{
    margin-right:8px;
}


.header-bottom a.after::after{
    content:"  ";
    margin-right:3px;
    margin-left:3px;

}


.header-bottom .active-link::after{
    content:"";
}
.header-breadcrumb{
    z-index: 3;
    padding-bottom: 0%;
    margin-bottom: 0%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
}



/* Carouseles */

/* Keep the main hero at viewport height without affecting inner galleries. */
main > .carousel-home,
main > .carousel-home .carousel-inner,
main > .carousel-home .carousel-item {
    height: 100vh;
    height: 100dvh;
}

main > .carousel-home .carousel-overlay {
    height: 100%;
    padding-bottom: 0 !important;
}

main > .carousel-home .carousel-item video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.carousel-home .home-slide-media,
.carousel-home .home-slide-media img {
    display: block;
    width: 100%;
    height: 100%;
}

.carousel-home .home-slide-media img {
    object-fit: cover;
    object-position: center;
}

.carousel-home .home-slide-media--mobile {
    display: none;
}

@media screen and (max-width: 800px) {
    .carousel-home .home-slide-media img {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }
}

@media screen and (max-width: 767.98px) {
    main > .carousel-home .carousel-item .home-slide-media--mobile {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        object-fit: cover;
        object-position: center;
    }
}

/* .carousel-home{
    height:672px;
    background: #F4F4F4 0% 0% no-repeat padding-box;
    position:relative;
    overflow: hidden;
} */

/* .carousel-home .fondo{
    position:absolute;
    width: 1000px;
    height: 1000px;
    transform: rotate(70deg);
    background-color: #F2C5B0;
    left:43%;
    top:-40%;
} */

.carousel-home .carousel-item {
    position:relative;
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    
}

.carousel-home .carousel-overlay{
    padding-bottom: 46%;
}
/* .carousel-home .carousel-item img{
    margin-top: 1rem;
    margin-left: 18rem;
    width: 75%;
} */



.carousel-home .carousel-texto{

    color: black !important;
    left: 7%;
    text-align: left;
    /* width:49%; */
    bottom: 18%;
}

.c-home .carousel-caption {
    width: 33%;
    position: absolute;
    left: 56% !important;
    left: 0;
    top: 20%;
    padding-top: 1rem;
}

.c-home .carousel-caption h3{
    font: normal normal bold 30px/35px 'Titillium Web';
    letter-spacing: 0.54px;
    color: #333333;
}
.c-home .carousel-caption p{
    font: normal normal normal 18px/23px 'Titillium Web';
    font-weight: 500;
    letter-spacing: 0px;
    color: #EC3237;
}

.c-home .carousel-caption h5{
    font: normal normal normal 18px/23px 'Titillium Web';
    font-weight: 500;
    letter-spacing: 0px;
    color: #EC3237;
}

.c-home .img-slidder{
    height: 477px;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}









.carousel-home button.btn-carousel{
    width: 16px;
    height: 16px;
    border-radius:50%;
    /* width: 21px;
    height: 4px; */
    background:rgba(255, 255, 255, 0.4) 0% 0% no-repeat padding-box;
}


.carousel-home.carousel-empresa .carousel-texto{
    text-align: center;
    width:60%;
    
}
.carousel-home.carousel-empresa .carousel-overlay{
    padding-bottom: 35.9% !important;
}
.carousel-home.carousel-empresa .carousel-caption {
    position: absolute;
    /* right: 20%; */
    left: -17%;
    /* bottom: 1.25rem;
    top: 6rem;
    padding-top: 1.2rem;
    padding-bottom: 9rem; */
}

.carousel-home .texto-empresa{
    /* font: normal normal 300 45px/54px 'Titillium Web';
    color: #8A8A8A;
    text-transform: uppercase; */
}




/* .carousel-inicio{
    height:617px;
}

.carousel-inicio .carousel-inner{
    height:100%;
}

.carousel-inicio .carousel-indicators{
    margin-bottom:61px;
}

.carousel-inicio button.btn-carousel{
    width: 16px;
    height: 16px;
    border-radius:50%;
}

.carousel-inicio h1{
    text-transform: uppercase;
    font: normal normal normal 53px/41px 'Titillium Web';
}

.carousel-inicio p{
    font: normal normal 300 30px/41px 'Titillium Web';
    margin-bottom:0px;
    padding-bottom:221px;
}
 */


.filtro-home input, .filtro-home select, .filtro-home option{
    width:100%;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    font: normal normal 600 12px/30px 'Titillium Web';
    letter-spacing: 0.26px;
    color: #6E6F71;
    padding: 2px 10px 2px 10px;
}

.filtro-home input:focus-visible{
    outline: 0px;
}

.filtro-home button{
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 19px;
    text-align: center;
    font: normal normal normal 13px/16px 'Titillium Web';
    font-weight: 500;
    letter-spacing: 1.24px;
    color: #FFFFFF;
    display:flex;
    align-items: center;
    justify-content: center;
    border:none;
    padding: 10px 26px 10px 26px;
}

.filtro-home i{
    margin-right:5px;
}






/* Sección Home 1 */

.data-home{
    padding: 67px 0 49px 0;           
    /* background-color:#F8F8F8; */
}

.data-home img{ 
    height:51px;
    margin:auto;
    display:block;
}

.data-home h3{ 
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;

    color: #000000;
    text-align: left;
    margin-bottom: 6px;
    
}

.data-home h5{ 
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 0;
}


.home-sections {
    color: #707070;
    margin-top:73px;
}


.home-sections a{
    text-decoration:none;
    color: #707070;
    font: normal normal normal 18px/39px 'Titillium Web';
    letter-spacing: 0.59px;
    margin-right:35px;
}


.home-sections i {
    color:#F87033;
    margin-right: 3px;
}

.home-sections p{
    color: #707070;
    font: normal normal 300 25px/28px 'Titillium Web';
    margin-top:30px;
}


.home-sections h2 p{
    text-transform: uppercase;
    font: normal normal 300 36px/37px 'Titillium Web';
    margin-top:0px;

    
}

.home-sec-1 {
    background-color: #393738;
    padding:56px 35px 0px 30px;
}

.home-sec-1 h2 p{
    font: normal normal 300 36px/37px 'Titillium Web';
    margin-bottom: 0px;
}

.home-sec-2 {
    background-color: #F3F3F3;
    padding:159px 26px 50px 26px;
    position:relative;
}

.home-sec-2 h2{
    font: normal normal 300 32px/39px 'Titillium Web';
    letter-spacing: 1.06px;
}

.home-sec-2 img{
    margin-left: 26px;
    position:absolute;
    top:0;
    left:0%;
}




/* Seccion Categorias*/

.section-home-categorias{
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 95px;
}

.section-home-categorias h3, .section-home-clientes h3{
    text-align: center;
    font: normal normal bold 33px/39px 'Titillium Web';
    letter-spacing: 0px;
    color: #000000;
    margin-bottom:15px;
}



.img-border-categorias {
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 102.8%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    max-height: 100%;
    position:relative;
}



.section-home-categorias h4 {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #454545;
    margin-top: 12px;
}


.section-home-categorias .descripcion {
    font: normal normal normal 16px/19px 'Titillium Web';
    color: #000000;
}

.section-home-categorias .oferta {
    background: #113E7A 0% 0% no-repeat padding-box;
    /* border-radius: 4px 4px 0px 4px; */
    color: #FFFFFF;font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 21px; padding:8px 16px; 
    color: #FFFFFF;
    padding:5px 15px 5px 15px;
    position:absolute;
    top: 0;
    right: 0;
    position: absolute;background: #2AA24C; padding: 7 14;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;

}

.section-home-categorias .cuadrado-color {
width: 37px;
height: 37px;
/* border-radius: 50%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right:4px;
    border: 1px solid #DEDEDE;
}




.section-home-categorias .img-active {
    position:relative;
    z-index:1;
}

.section-home-categorias .img-active:hover:after{
    content: "";
    font-family: "Font Awesome 5 Free";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    bottom:6.5%;
    left:6.5%;
    width:86.8%;
    height:86.8%;
    font-weight: 600;
    background-color: rgba(236,50,55,0.44);;
    color:white;
    z-index:3;
}

.cat-hover:hover:after{
    content: "";
    font-family: "Font Awesome 5 Free";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    font-weight: 600;
    background: rgba(250, 45, 50, 0.24);
    color:white;
    z-index:3;
}

/*
.section-home-servicios h5 {
    font: normal normal 300 18px/22px 'Titillium Web';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.section-home-servicios p {
    font: normal normal normal 14px/19px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
    padding-left:16px;
    padding-right:10px;
}

*/


/*Secciones de imágenes*/

.seccion-home{
    background-color:#F9F9F9;
}

.imagen-seccion{
    width: 100%;
    height:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display:flex;
    flex-direction: column;
    justify-content:center;
}



.imagen-seccion .btn-mas-info{
    text-align: center;
    font: normal normal bold 15px/18px 'Titillium Web';
    letter-spacing: 0.6px;
    color: #C7D52B;
    text-transform: uppercase;
    opacity: 0.74;
    background-color:transparent;
    border: 1px solid #C7D52B;
    border-radius: 24px;
    padding:15;
}





/* Seccion Noticias*/

.section-home-noticias {
    margin-bottom: 83px;
    margin-top:72px;
}

.img-border-noticias {
    padding-bottom: 53.9%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    max-height: 100%;
    margin-top:31px;
    margin-bottom: 15px;
}


.section-home-noticias h4{
    font: normal normal 600 19px/22px 'Titillium Web';
    letter-spacing: 0px;
    color: #F87033;
    text-transform: uppercase;
    margin-bottom: 0;
}

.section-home-noticias h5 {
    font: normal normal normal 24px/37px 'Titillium Web';
    letter-spacing: 0px;
    color: #393738;
    margin-bottom: 0;
}

.section-home-noticias p {
    font: normal normal normal 15px/22px 'Titillium Web';
    letter-spacing: 0px;
    color: #393738;

}

.btn-noticias{
    background: #F87033 0% 0% no-repeat padding-box;
    border: 1px solid #F6703D;
    border-radius: 8px;
    text-align: center;
    font: normal normal bold 16px/44px 'Titillium Web';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-left: 50px;
    padding-right: 50px;
    max-width:173px;

}

.item-noticia{
    display:flex; 
    flex-direction:column; 
    justify-content:space-between
}





/* Sección Clientes oficiales */

.section-home-clientes  {
    padding-top:51px;
    padding-bottom:51px;
}


.carousel-clientes {
    height: 274px;
}

.carousel-clientes .carousel-inner {
    height: 100%;
}

.carousel-clientes .carousel-indicators {
    margin-bottom: 10px;
}

.carousel-clientes button.btn-carousel {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.carousel-clientes h1 {
    text-transform: uppercase;
    font: normal normal normal 53px/41px 'Titillium Web';
}

.carousel-clientes p {
    font: normal normal 300 30px/41px 'Titillium Web';
    margin-bottom: 0px;
    padding-bottom: 221px;
}


.img-representante{
    height:74px;
    width:176px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

}






/* Sección Equipos Destacados */


.section-equipos-destacados{
    background-color:white;
    padding-top: 55px; 
    padding-bottom: 85px;
}


.section-equipos-destacados h3{
    margin-bottom:35px;
}

.section-equipos-destacados p{
    margin-top:22px;
}





/* SECCION HOME FLIAS */


.section-home-flias{
    background-color: #F8F8F8 ;
    padding-top:71px;
    padding-bottom: 20px;
}

.section-home-flias .flia {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position:relative;
}

.section-home-flias .fogoneros .overlay{
    padding-bottom: 118%;
}


.section-home-flias .flia .text-box {
    margin-bottom: 40px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}


.section-home-flias .flia h4 {
    margin-bottom: 18px;
    text-align: center;
    font: normal normal normal 30px/36px 'Titillium Web';
    font-weight: 500;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.section-home-flias .flia p {
    text-align: center;
    font: normal normal normal 16px/19px 'Titillium Web';
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 33px;
}

.section-home-flias .flia a {
    display: block;
    text-decoration: none;
    text-align: center;
    font: normal normal normal 14px/17px 'Titillium Web';
    font-weight: 500;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.section-home-flias .flia hr {
    width: 50px;
    color: #113E7A;
    height: 4px;
    opacity: 1;
    margin-right: auto;
    margin-left: auto;
    margin-top: 8px;
    margin-bottom: 0;
}


/* Sección Krrass */


.section-krrass{
    padding:93px 168px;
    color: #04367D;
    z-index:-1;
    position:relative;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.section-krrass:after{
    content:"";
    width:100%;
    height:100%;
    background-color:#04306E;
    opacity: 0.28;
    z-index:3;
    position:absolute;
    top:0;
    left:0;
}

.section-krrass p{
    text-align: center;
    font: normal normal 300 32px/41px 'Titillium Web';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    z-index:5;
}

.section-krrass img{
    z-index:5;
    height:51px;
    margin-bottom: 20px;
}

/* Sección Nuestros Productos */


.section-nuestros-productos{
    padding: 50px 0px  19px 0px;
}

.section-nuestros-productos h3{
    margin-bottom:68px;
}

.section-nuestros-productos p{
    margin-bottom:65px;
    margin-top:22px;
}



/* Footer: mismo lenguaje visual que el header (fondo, tipografia, acento) y
   compacto. Desktop en 4 columnas, tablet en 3 sin logo, mobile apilado. */
.site-footer {
    --sf-bg: #f2f6f6;
    --sf-ink: #172d38;
    --sf-muted: #60737c;
    --sf-accent: #113e7a;
    --sf-brand: #4d63a0;
    --sf-chip: #e3ebee;
    --sf-line: rgba(38, 68, 83, 0.1);

    background: var(--sf-bg);
    border-top: 1px solid var(--sf-line);
    color: var(--sf-ink);
    font-family: 'Titillium Web', sans-serif;
}

.site-footer nav {
    font-size: inherit;
    background: transparent;
}

.site-footer__main {
    display: grid;
    grid-template-columns: minmax(140px, 0.7fr) minmax(260px, 1.1fr) minmax(250px, 1.3fr) minmax(250px, 1.25fr);
    gap: 40px;
    align-items: start;
    padding-top: 40px;
    padding-bottom: 32px;
}

.site-footer__brand {
    display: block;
    max-width: 168px;
}

.site-footer__brand img {
    display: block;
    width: 100%;
    height: auto;
}

.site-footer__title {
    margin: 0 0 14px;
    color: var(--sf-brand);
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.site-footer__links {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);
    column-gap: 28px;
    row-gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer__links a {
    color: var(--sf-ink);
    font-size: 15px;
    line-height: 1.45;
    text-decoration: none;
    /* Subrayado que crece desde la izquierda al pasar el mouse. */
    background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;
    transition: color 180ms ease, background-size 240ms ease;
}

.site-footer__links a:hover,
.site-footer__links a:focus-visible {
    color: var(--sf-accent);
    background-size: 100% 1px;
}

.site-footer__contact {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    font-style: normal;
}

.site-footer__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--sf-ink);
    font-size: 15px;
    line-height: 1.45;
    text-decoration: none;
    transition: color 180ms ease;
}

.site-footer__item i {
    display: grid;
    flex: 0 0 26px;
    place-items: center;
    width: 26px;
    height: 26px;
    margin: 0;
    color: var(--sf-brand);
    font-size: 11px;
    background: var(--sf-chip);
    border-radius: 50%;
    transition: background-color 180ms ease, color 180ms ease;
}

.site-footer__item span {
    padding-top: 2px;
}

.site-footer__item:hover,
.site-footer__item:focus-visible {
    color: var(--sf-accent);
}

.site-footer__item:hover i,
.site-footer__item:focus-visible i {
    color: #fff;
    background: var(--sf-accent);
}

.site-footer__bottom {
    border-top: 1px solid var(--sf-line);
}

.site-footer__bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: var(--sf-muted);
    font-size: 13.5px;
    line-height: 1.4;
}

.site-footer__bottom-inner p {
    margin: 0;
}

/* Credito "by Osole": al pasar el mouse el nombre toma un degrade animado
   azul-verde, aparece un subrayado y asoma una flecha. */
.site-footer__osole {
    position: relative;
    display: inline-block;
    color: var(--sf-ink);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    background-image: linear-gradient(90deg, #113e7a 0%, #2aa24c 50%, #113e7a 100%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    transition: color 220ms ease;
}

.site-footer__osole::after {
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    height: 2px;
    content: '';
    background: linear-gradient(90deg, #113e7a, #2aa24c);
    border-radius: 2px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 260ms ease;
}

.site-footer__osole i {
    position: absolute;
    top: 50%;
    right: -13px;
    color: #2aa24c;
    font-size: 10px;
    opacity: 0;
    transform: translate(-5px, -50%) rotate(-45deg);
    transition: opacity 220ms ease, transform 220ms ease;
}

.site-footer__osole:hover,
.site-footer__osole:focus-visible {
    color: transparent;
    animation: osole-brillo 1.8s linear infinite;
}

.site-footer__osole:hover::after,
.site-footer__osole:focus-visible::after {
    transform: scaleX(1);
}

.site-footer__osole:hover i,
.site-footer__osole:focus-visible i {
    opacity: 1;
    transform: translate(0, -50%) rotate(-45deg);
}

@keyframes osole-brillo {
    to { background-position: -200% 0; }
}

.site-footer a:focus-visible {
    border-radius: 3px;
    outline: 2px solid var(--sf-accent);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .site-footer *,
    .site-footer *::after {
        animation: none !important;
        transition: none !important;
    }
}

@media (max-width: 1199.98px) {
    .site-footer__main {
        grid-template-columns: minmax(250px, 1.2fr) minmax(220px, 1.2fr) minmax(190px, 1fr);
        gap: 32px;
    }

    .site-footer__brand {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .site-footer__main {
        grid-template-columns: 1fr;
        gap: 20px;
        padding-top: 24px;
        padding-bottom: 20px;
    }

    .site-footer__title {
        margin-bottom: 8px;
    }

    .site-footer__links {
        row-gap: 0;
    }

    .site-footer__contact {
        gap: 8px;
    }

    .site-footer__links a,
    .site-footer__item {
        font-size: 14.5px;
    }

    /* Area tactil comoda sin agrandar el texto. */
    .site-footer__links a {
        display: inline-flex;
        align-items: center;
        min-height: 30px;
        background-position: 0 85%;
    }

    .site-footer__bottom-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 13px;
        /* Que el boton flotante de WhatsApp no tape el texto. */
        padding-right: 96px;
    }
}


@media (min-width: 1200px){
.container {
    max-width: 1242px;
}}



/* Página EMPRESA */





.section-empresa{
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */


    color: #0F0F0F;
    margin-bottom: 86px;
    margin-top:60px;
}

/* .section-empresa span{
    font-family: 'Titillium Web' !important;
    font-size: 16px !important;
    margin-bottom: 46px;
    line-height: 24px !important;
    font-weight: 500;
} */


.section-empresa hr{
    border: 0.5px solid #000000;
    margin-bottom: 0;
    width: 47.5%
    
}

.section-empresa h3{
    font: normal normal normal 15px/20px 'Titillium Web';
    letter-spacing: 0px;
    color: #C7D52B;
    margin-bottom: 0;
}

.section-empresa p {
    margin-bottom: 22px;
}


.section-empresa .imagen-empresa{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}





/* PAGINA EQUIPOS */

.section-nuestros-productos {
    margin-top:22px;
}


.section-nuestros-productos form .btn-equipo-izquierda {
    color: #F87033;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 8px;
    text-align: center;
    letter-spacing: 0px;
    font: normal normal bold 14px/42px 'Titillium Web';
    letter-spacing: 0px;
    color: #F87033;
    text-transform: uppercase;
}


.section-nuestros-productos .box-clase{
    border: 1px solid rgba(112, 112, 112, .15);
}


.section-nuestros-productos .box-clase:hover {
    box-shadow: 4px 4px 6px rgba(112, 112, 112, .15);
}


.section-nuestros-productos .nombre-clase-equipo{
    text-align: center;
    font: normal normal 300 18px/28px 'Titillium Web';
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}



.section-nuestros-productos .img-border-equipos {
    padding-bottom: 40.7%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    max-height: 100%;
    margin-top: 31px;
    margin-bottom: 15px;
    padding-left: 16px;
}

.section-nuestros-productos .box-clase p{
    margin:20px;
    text-align: center;
    font: normal normal 300 18px/28px 'Titillium Web';
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}



.section-nuestros-productos .img-border-equipo {
    padding-bottom: 72%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    max-height: 100%;
    margin-top: 31px;
    margin-bottom: 15px;
    padding-left: 16px;
}

.section-nuestros-productos .item-producto h3{
    font: normal normal normal 16px/42px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
    text-transform: uppercase;
    text-align: left;
    height:27px;
    margin-bottom: 0;
}
.section-nuestros-productos .item-producto p{
    text-align: left;
    font: normal normal 300 14px/42px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
    text-transform: uppercase;
}

.section-nuestros-productos .box-clase p{
    margin:20px;
    text-align: center;
    font: normal normal 300 18px/28px 'Titillium Web';
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}

.section-nuestros-productos .box-clase-producto:hover {
    margin:20px;
    text-align: center;
    font: normal normal 300 18px/28px 'Titillium Web';
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}

.section-nuestros-productos .img-active {
    position:relative;
    z-index:1;
}

.section-nuestros-productos .item-producto .img-active:hover:after{

    box-shadow: 0px 0px 0px rgba(112, 112, 112, .15);
    content:"+";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    font-weight: lighter;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(243, 243, 243, .67) 0% 0% no-repeat padding-box;
    color:#393738;
    z-index:3;
}


.section-nuestros-productos .descripcion-clase h3{
    font: normal normal medium 16px/20px 'Titillium Web';
    letter-spacing: 0px;
    text-transform: uppercase;
}

.section-nuestros-productos .descripcion-clase {
    font: normal normal 300 13px/20px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
}












/* PAGINA TRABAJOS */

.section-equipo .img-trabajo {
    padding-bottom: 81%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    max-width: 100%;
    max-height: 100%;
    border:none;
    /* max-width: 600px;
    width: 90%;
    height: 400px; */
    /* background: #fff; */
  }
  
  /* common */
  .ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
  }
  .ribbon::before,
  .ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #DA241D;
  }

  .ribbon.sin_stock::before,
  .ribbon.sin_stock::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #343a40;
  }

  
  .ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 3px 0;
    background-color: #DA241D;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    font: normal normal bold 21px/42px 'Titillium Web';
    letter-spacing: 0.84px;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
  }
  
  /* top left*/
  .ribbon-top-left {
    top: -10px;
    left: -10px;
  }
  .ribbon-top-left::before,
  .ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
  }
  .ribbon-top-left::before {
    top: 0;
    right: 0;
  }
  .ribbon-top-left::after {
    bottom: 0;
    left: 0;
  }
  .ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
  }
  










.section-equipo .box-clase-mini{
    margin-top:12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-equipo .box-clase-mini .overlay{
    padding-bottom: 100%;
}


.section-equipo .tabla-trabajo table{
    font: normal normal 300 15px/27px 'Titillium Web';
    letter-spacing: 0.5px;
    color: #707070;
    margin-top:50px;
}

.section-equipo .tabla-trabajo table tr:first-child td{
    font: normal normal bold 15px/27px 'Titillium Web';
    color: #C7D52B;
    padding-bottom: 20px !important;
}

.section-equipo .tabla-trabajo table td{
    border:none !important;
    padding:0;
}

/* Product diagrams: the compact treatment is intentionally limited to mobile. */
.product-visual-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    line-height: 0;
}

.product-visual-image {
    display: block;
}

.product-visual-hint {
    display: none;
}

.product-image-lightbox {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(20, 24, 26, 0.94);
}

.product-image-lightbox.is-open {
    display: flex;
}

.product-image-lightbox__dialog {
    position: relative;
    display: flex;
    width: min(100%, 1100px);
    max-height: 100%;
    flex-direction: column;
    align-items: center;
}

.product-image-lightbox__viewport {
    display: flex;
    max-width: 100%;
    max-height: calc(100vh - 120px);
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product-image-lightbox__image {
    display: block;
    max-width: 100%;
    max-height: calc(100vh - 120px);
    object-fit: contain;
    transform-origin: center center;
    transition: transform 180ms ease;
    cursor: zoom-in;
}

.product-image-lightbox__close {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 1;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    background: #fff;
    color: #303638;
    font-size: 25px;
    line-height: 28px;
}

.product-image-lightbox__controls {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 16px;
    color: #fff;
    font: 600 15px/1 'Titillium Web';
}

.product-image-lightbox__controls button {
    min-width: 34px;
    min-height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 18px;
    background: transparent;
    color: #fff;
    font: inherit;
}

.product-image-lightbox__controls button:last-child {
    padding: 0 12px;
    border-radius: 4px;
    font-size: 13px;
}

.product-image-lightbox__hint {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.72);
    font: 300 13px/1.2 'Titillium Web';
}

.product-lightbox-open {
    overflow: hidden;
}

@media screen and (max-width: 767.98px) {
    .product-detail-page .product-section-heading-wrap {
        margin-top: 24px !important;
        margin-bottom: 18px !important;
    }

    .product-detail-page .product-section-heading {
        padding: 9px 14px !important;
        border-left: 3px solid #C7D52B;
        background: #F6F7F5 !important;
        color: #303638 !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        letter-spacing: 0.7px;
        line-height: 24px !important;
        text-transform: uppercase;
    }

    .product-detail-page .product-visuals-row,
    .product-detail-page .product-sections-list {
        margin-top: 0;
        margin-right: -12px;
        margin-left: -12px;
    }

    .product-detail-page .product-visual-item {
        padding-right: 0;
        padding-left: 0;
    }

    .product-detail-page .product-sections-list {
        margin-bottom: 20px;
    }

    .product-detail-page .product-visual-trigger {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        cursor: zoom-in;
    }

    .product-detail-page .product-visual-image {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .product-detail-page .product-visual-hint {
        position: absolute;
        right: 10px;
        bottom: 10px;
        display: inline-flex;
        gap: 5px;
        align-items: center;
        padding: 5px 9px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.88);
        color: #303638;
        font: 600 12px/1 'Titillium Web';
        letter-spacing: 0.3px;
    }

    .product-image-lightbox {
        padding: 12px;
    }

    .product-image-lightbox__dialog {
        width: 100%;
    }

    .product-image-lightbox__viewport {
        width: 100%;
        max-height: calc(100vh - 115px);
    }

    .product-image-lightbox__image {
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        max-height: calc(100vh - 115px);
    }

    .product-image-lightbox__close {
        top: -8px;
        right: -2px;
    }
}







/* PAGINA PRODUCTOS */



.section-productos {
    margin-top:22px;
}


.section-productos .box-clase{
    border: 1px solid rgba(112, 112, 112, .15);
}


.section-productos .box-clase:hover {
   box-shadow: 4px 4px 6px rgba(112, 112, 112, .15);
}


.section-productos .img-border-equipos {
    padding-bottom: 40.7%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    max-height: 100%;
    margin-top: 31px;
    margin-bottom: 15px;
    padding-left: 16px;
}

.section-productos .box-clase p{
    margin:20px;
    text-align: center;
    font: normal normal 300 18px/28px 'Titillium Web';
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}



.section-productos .img-border-equipo {
    padding-bottom: 72%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    max-height: 100%;
    margin-top: 31px;
    margin-bottom: 15px;
    padding-left: 16px;
}

.section-productos .item-producto h3{
    font: normal normal normal 16px/42px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
    text-transform: uppercase;
    text-align: left;
    height:27px;
    margin-bottom: 0;
}
.section-productos .item-producto p{
    text-align: left;
    font: normal normal 300 14px/42px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
    text-transform: uppercase;
}

.section-productos .box-clase p{
    margin:20px;
    text-align: center;
    font: normal normal 300 18px/28px 'Titillium Web';
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}

.section-productos .box-clase-producto:hover {
    margin:20px;
    text-align: center;
    font: normal normal 300 18px/28px 'Titillium Web';
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}

.section-productos .img-active {
    position:relative;
    z-index:1;
}

.section-productos .item-producto .img-active:hover:after{

    box-shadow: 0px 0px 0px rgba(112, 112, 112, .15);
    content:"+";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    font-weight: lighter;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(243, 243, 243, .67) 0% 0% no-repeat padding-box;
    color:#393738;
    z-index:3;
}



/* PAGINA CATEGORIA */


.section-categoria .nav-categorias .cat-no-activa{
    color: #000;
    color: var(--negro, #000);
    font-family: Titillium Web;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    padding: 0 5;
    
    /* Negro */
    
    text-decoration: none;
border: none;
    
}

.section-categoria .nav-categorias .cat-no-activa:hover,
.section-categoria .nav-categorias .cat-activa:hover,
.section-categoria .nav-categorias .cat-activa{
    
    color: var(--negro, #000);
    font-family: Titillium Web;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
        
}


.section-categoria .nav-categorias .prod-no-activo{
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #454545;
    text-decoration: none;
}

.section-categoria .nav-categorias .prod-no-activo:hover, 
.section-categoria .nav-categorias .prod-activo{
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #113E7A;
}



.section-categoria .precio{
    margin-top: 19px;
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    font-size: 26px;
    line-height: 30px;
    color: #113E7A;
    text-align: right;
}

.section-categoria .precio-oferta{
    text-align: right;
    text-decoration: line-through;
    font: normal normal 300 24px/28px 'Titillium Web';
    letter-spacing: 0px;
    color: #999999;
    margin-right:12px;
}

/* PAGINA PRODUCTO */


.section-equipo .btn-equipo-izquierda {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    border-radius: 12px;
    text-align: center;
    font: normal normal 600 17px/28px 'Titillium Web';
    letter-spacing: 0.67px;
    color: #000000;
    padding: 11px;
}

.section-equipo .btn-equipo-derecha {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 12px;
    text-align: center;
    font: normal normal 600 17px/28px 'Titillium Web';
    letter-spacing: 0.67px;
    color: #FFFFFF;
    padding: 11px 30px 11px 30px;
}




.section-equipo h5 {
    font: normal normal 300 15px/20px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
}


.section-equipo .descripcion p{
    font: normal normal normal 14px/22px 'Titillium Web';
    font-weight: 500;
    letter-spacing: 0.25px;
    color: #333333;
    margin-bottom:0;
}

.section-equipo .especificaciones p{
    font: normal normal normal 16px/22px 'Titillium Web';
    font-weight: 500;
    letter-spacing: 0.29px;
    color: #333333;
    margin-bottom:0;
}


.section-equipo .box-clase{
    border: 1px solid rgba(112, 112, 112, .15);
}

.section-equipo .img-border-equipos {
    padding-bottom: 70.4%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    max-height: 100%;
}





.section-equipo .grafico{
    padding-bottom:27.1%;
    background-position: center;
    background-size: contain;
    background-repeat:no-repeat;
}


.section-equipo .caracteristicas{
    background: #F8F8F8 0% 0% no-repeat padding-box;
    padding-top:20px;
}

.section-equipo .caracteristicas h5{
    text-align: center;
    font: normal normal normal 18px/17px 'Titillium Web';
    letter-spacing: 0px;
    color: #686868;
}

.section-equipo .caracteristicas .parf{
    text-align: left;
    padding-top:29px;
    padding-bottom:29px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;

}

.section-equipo .caracteristicas .parf p{
    font: normal normal normal 17px/28px 'Titillium Web' !important;
    letter-spacing: 0.67px;
    color: #2B2B2B;

}



.section-equipo .btn-comprar {
    font: normal normal normal 14px/30px 'Titillium Web';
    letter-spacing: 0.97px;
    color: #FFFFFF;
    background: #EC3237 0% 0% no-repeat padding-box;
    border-radius: 2px;
    margin-top: 20px;
    padding: 9px 34px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    font-weight: 500;
    border:none;
}


.section-equipo .input-producto{
    /* border: 1px solid #9A999A; */
    border-radius: 2px;
    text-align: left;
    padding-left:15px;
    margin-right:14px;
    margin-top: 20px;
    border: 1px solid #9A999A;
    background: #F8F8F8;
    text-align: left;
    font: normal normal 300 15px/21px 'Titillium Web';
    padding-left:15px;
    margin-right:14px;
    margin-top: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    width: 191px;
}


.section-home-categorias .descrpcion-larga p{
    font: normal normal 300 15divx/21px 'Titillium Web' !important;
    letter-spacing: 0px;
    color: #505050 !important;
}
    

/* PAGINA BLOG */

.img-border-blog{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 170px;
    margin-right: 13px;
    max-height: 130px;
}

.item-blog-text{
    display:flex; 
    flex-direction:column; 
    justify-content:space-between;
    max-height: 135px;
    padding-right: 0;
}

.btn-blog{
    text-decoration: none;
    font: normal normal bold 14px/17px 'Titillium Web';
    letter-spacing: 0.56px;
    color: #F87033;
    max-width: 70px;
}

.btn-blog:hover{
    text-decoration: none;
    font: normal normal bold 14px/17px 'Titillium Web';
    letter-spacing: 0.56px;
    color: #F87033;
}

.item-blog h4{
    font: normal normal bold 15px/31px 'Titillium Web';
    letter-spacing: 0px;
    color: #F87033;
    text-transform: uppercase;
    height: 18px;
}

.item-blog h5{
    font: normal normal normal 20px/46px 'Titillium Web';
    letter-spacing: 0px;
    color: #393738;
}




/* PAGINA NOTICIA*/

.section-blog-noticia {
    margin-top:42px;
    margin-bottom: 54px;
}

.section-blog-noticia h4{
    font: normal normal 600 19px/22px 'Titillium Web';
    letter-spacing: 0px;
    color: #F87033;
}

.section-blog-noticia h5{
    font: normal normal normal 24px/37px 'Titillium Web';
    letter-spacing: 0px;
    color: #393738;
    margin-bottom: 22px;
}

.section-blog-noticia p{
    font: normal normal normal 15px/22px 'Titillium Web';
    letter-spacing: 0px;
    color: #393738;
}

.img-border-noticia{
    padding-bottom: 60.61%;
    margin-bottom: 23px;
}

.section-blog-noticia .list-group{
    margin-left:43px;
    margin-top:79px;
}

.blog-nav li{
    
    border: 1px solid rgba(228, 228, 228, .5);
}

.blog-nav li a{
    font: normal normal normal 17px/46px 'Titillium Web';
    letter-spacing: 0px;
    color: #606163;
    text-transform: uppercase;
    display:flex;
    justify-content: space-between;
}

.section-blog-noticia .ul-title{
    font: normal normal 600 22px/26px 'Titillium Web';
    border-bottom: 1px solid #F6703D;
    color: #F87033;
    text-transform: uppercase;

}

.section-blog-noticia span{
    font: normal normal bold 11px/46px 'Titillium Web';
    letter-spacing: 0px;
    color: #F87033;
}



/* PAGINA SERVICIOS */

.section-servicios {
    padding-bottom:50px;
}

.section-servicios .imagen{
    width:15%;
    background-position: center;
    background-size: contain;
    background-repeat:no-repeat;
    margin-bottom:11px;
}


.section-servicios .imagen .overlay{
    padding-bottom:100%;
}

.section-servicios h4{
    text-align: center;
    font: normal normal bold 15px/20px 'Titillium Web';
    letter-spacing: 0px;
    color: #C7D52B;
    text-transform: uppercase;
    margin-bottom:20px;
}

.section-servicios p{
    text-align: center;
    font: normal normal 300 15px/20px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
}
    



.section-servicios .text-servicio{
   width:66%;
}
    






/* PAGINA POST VENTA */

.post-venta-item{
    display: flex;
    height: 334px;
}

.post-venta-item .imagen{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}




.post-venta-item .text-display{
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    justify-content: center;
    height: 100%;
}


.post-venta-item .imagen-text{
    /* background-color: rgba(112,112,112,0.08);    */
    /* padding-right: 4rem;
    padding-left: 2rem; */
}


.post-venta-item .imagen-text h4{
    font-family: 'Titillium Web', sans-serif;
    font-size: 18;
    letter-spacing: 0px;
    color: #F87033;
    font-weight: 600;
}


.post-venta-item .imagen-text p{
    font: normal normal normal 14px/16px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;  
}

.post-venta-item .imagen-text h5{
    font: normal normal 300 18px/22px 'Titillium Web';
    letter-spacing: 0px;
    color: #393738;
    text-transform: uppercase; 
    margin-bottom: 21px;
}


.post-venta-item .text-black{
    /* background: #393738 0% 0% no-repeat padding-box;     */
    padding-left: 4rem;
    /* padding-right: 2rem; */
}

.post-venta-item .text-black p, .post-venta-item .text-black h5{
    /* background: #393738 0% 0% no-repeat padding-box;  */
    color: #FFFFFF;   
}



.section-post-venta-contacto{
    background: #F3F3F3 0% 0% no-repeat padding-box;
    padding-top:49px;
    padding-bottom: 53px;
}

.section-post-venta-contacto h2{
    font: normal normal medium 32px/37px 'Titillium Web';
    letter-spacing: 0px;
    color: #F87033;
    text-transform: uppercase;
    margin-bottom:12px;
}

.section-post-venta-contacto p{
    font: normal normal 300 25px/28px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
    margin-bottom: 46px;
}

.section-post-venta-contacto h4{
    font: normal normal normal 17px/20px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
}

.section-post-venta-contacto label{
    font: normal normal normal 15px/25px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
}


.box{
    width:100%;
    padding: 10px 10px;
}



.section-post-venta-contacto .form-check-input{
    border: 1px solid #707070;
    border-radius: 5px;
    opacity: 0.53;
}

.btn-post-venta{
    background: #F87033 0% 0% no-repeat padding-box;
    border: 1px solid #F6703D;
    border-radius: 8px;
    text-align: center;
    font: normal normal bold 16px/44px 'Titillium Web';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-left: 50px;
    padding-right: 50px;
    width:100%;
}





/* PAGINA CONTACTO*/

.section-contacto{
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    
    color: #000000;
}

.section-contacto iframe{
    width: 100%;
    height: 477px;
}

.section-contacto i{
    font-size: 16px;
    margin-right: 15px;
    
    width:10px;
    color:   #586EA7;
    margin-top: 5px;
}

.section-contacto h3{
    font: normal normal bold 20px/31px 'Titillium Web';
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #000000;
    text-transform: uppercase;
}

.section-contacto p, .section-contacto a{
    color: #131313;
    font-size: 16px;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.section-contacto p{
    margin-bottom: 18px;
}


input.box, textarea.box {
    outline: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DEDEDE;
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: 0px;
    color: #707070;
    /* opacity: 0.88; */
    margin-bottom: 21px;
    border: 1px solid #E6E6E6;
    /* border-radius: 4px; */
}



.section-contacto input {
    border: 1px solid #A7A7A7;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
   /* border-radius: 4px; */
    padding-top:13px;
    padding-bottom:13px;
}

.section-contacto textarea {
    border: 1px solid #A7A7A7;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
   /* border-radius: 6px; */
    padding-top:13px;
    padding-bottom:13px;
}

.section-contacto input:focus, .section-contacto textarea:focus {
    border: 0.5px solid rgb(143,134,110,0.3);
}





.section-contacto .item-contact {
    display:flex;
}

.section-contacto  .input-descarga {
    display: flex;
    justify-content: space-between;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    width: 100%;
    font: normal normal normal 14px/18px 'Titillium Web';
    letter-spacing: 0px;
    color: #AAAAAA;
    padding:13px 21px 13px 21px;
}

.contacto-btn {
    
    border: 1px solid wihte;
    color: #FFF;
    text-align: center;
    font-family: Titillium Web;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.8px;
/* background-color: white; */
background: var(--azul, #586EA7);
    border: none;
    padding: 13 32;
    position:relative;
    margin-top:42px;

}

.section-contacto  .contacto-btn i {
    position:absolute;
    top:15px;
    right:20px;
    font-size: 14px;
}








/* PAGINA nuestros PRODUCTOS */



.section-nuestros-productos .img-active {
    position:relative;
    z-index:1;
}

.section-nuestros-productos .img-active:hover:after{
    content:"+";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    font-weight: lighter;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: #08316b27;
    color:white;
    z-index:3;
}









/* PAGINA CLIENTES*/

.section-clientes {
    margin-top:41px;
    margin-bottom:67px;
}

.img-border-grey {
    padding-bottom: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-clientes .img-border-grey img{
    max-width:100%;
    max-height:100%;
}
























/* PAGINA DESCARGAS */

.section-descargas{
    margin-top: 49px;
    margin-bottom: 60px;
}

.section-descargas p{
    font: normal normal normal 20px/30px 'Titillium Web';
    color: #707070;
    margin-bottom: 59px;
}

.section-descargas .list-group-item{
    font: normal normal 300 20px/49px 'Titillium Web';
    letter-spacing: 0px;
    color: #04367D;
    text-transform: uppercase;
    padding: 0px 21px 0px 23px;
}

.section-descargas .list-group-item:active{
    color: white;
    background-color:#04367D;
}



.table-descargas{
    width:100%;
}

.table-descargas tbody tr:nth-child(odd){
    background-color: #09387B14;
}

.table-descargas tbody tr:nth-child(even) , .table-descargas th  {
    background-color: #09387B0B;
}

.table-descargas th{
    font: normal normal 300 18px/30px 'Titillium Web';
    letter-spacing: 0px;
    color: #04367D;
    text-transform: uppercase;
    padding: 15px 31px 13px 33px;
    text-align: center;
}

.table-descargas td{
    font: normal normal 300 18px/30px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
    padding: 15px 31px 13px 33px;
    text-align: center;
}

.table-descargas i{
    color:#04367D;
}





/* PAGINA VIDEOS */

.section-videos{
    margin-top:42px;
}

.section-videos .video{
    margin-bottom:60px;
}

.section-videos h5{
    text-align: center;
    font: normal normal 600 16px/22px 'Titillium Web';
    letter-spacing: 0.29px;
    color: #000000;
    text-transform: uppercase;
    margin-top:25px;
}




/* PAGINAS PREGUNTAS FRECUENTES */

.section-preguntas{
    margin-top:59px;
    margin-bottom: 59px;
}

.section-preguntas h3 button{
    font: normal normal 300 32px/30px 'Titillium Web';
    letter-spacing: 0px;
    color: #C7D52B;
    text-transform: uppercase;
}

.accordion .accordion-item .accordion-button{
    border-top: #09387B14 1px solid;
    border-bottom: #09387B14 1px solid;
}

.accordion .accordion-item .accordion-button:focus{
    border-top: #09387B14 1px solid;
    border-bottom: #09387B14 1px solid;
    border-color: transparent;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}


.accordion .accordion-item .accordion-button:focus-within{
    border-top: #09387B14 1px solid;
    border-bottom: #09387B14 1px solid;
}
.accordion-button:not(.collapsed){
    font: normal normal 300 32px/30px 'Titillium Web';
    letter-spacing: 0px;
    color: #C7D52B;
    text-transform: uppercase;
    background-color: transparent;
}

.accordion-body{
    font: normal normal 300 15px/20px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
    padding-top: 33px;
    padding-bottom: 33px;
    padding-left: 61px;
}

.accordion .icon-border{
    border: 1px solid #C7D52B;
    width: 24px;
    height: 24px;
    margin-right: 17px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius: 50%;
    font-size:18px;
}


.icon::after {
    font-family: "Font Awesome 5 Free";
    font-size:11px;
    font-weight: 900;
    content: "\f068";
    color: #C7D52B;
}

.collapsed .icon::after {
    font-family: "Font Awesome 5 Free";
    font-size:11px;
    font-weight: 900;
    content: "\f067";
    color: #C7D52B;
}



/* PAGINA SOLICITUD DE PRESUPUESTO */

.section-solicitud-de-presupuesto{
    /* margin-top:55px; */
    margin-bottom: 89px;
}

.section-solicitud-de-presupuesto h4{
    font: normal normal 300 18px/30px 'Titillium Web';
    letter-spacing: 0px;
    color: #C7D52B;
    text-transform: uppercase;
    margin-top:16px;
}

.datos-personales h4{
    margin-bottom: 25px;
}


.section-solicitud-de-presupuesto label{
    font: normal normal 300 16px/19px 'Titillium Web';
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
    line-height: 24px;
}

.section-solicitud-de-presupuesto textarea{
    height: 130px;
}


.section-solicitud-de-presupuesto .form-check {
    margin-bottom: 15px;
}


.section-solicitud-de-presupuesto button {
    background: #C7D52B 0% 0% no-repeat padding-box;
    border-radius: 24px;
    text-align: center;
    font: normal normal bold 15px/18px 'Titillium Web';
    letter-spacing: 0.6px;
    color: #FFFFFF;
    border:none;
}




/* NOVEDADES */




.nov-item{
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 23px;
    text-decoration: none;

    color: #454545;
    background: #F5F5F5;
}


.nov-item-active,.nov-item:hover, .nov-item a:hover, .nov-item-active a:hover{
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    text-decoration: none;
    
    color: #FFFFFF;
    background: #113E7A;
}



/* .thevideo{position: relative;height: auto;}
.thevideo video{height: auto;width: 100%;}
.thevideo .txt-cont{background-color: rgba(0, 0, 0, .5); width: 100%; height: auto; display: block; }
.thevideo .txt-video{position: absolute; top: 25%; left:0; padding-left: 3rem; text-align:left;}    
.thevideo .txt-video button{background-color: transparent; border: 1px solid #fff;border-radius: 83px; color: white; font-size: 30px;; padding: 20px 27px; transition: .5s;}
.thevideo .txt-video button:hover{cursor: pointer;}
.txt-video p {font-size: 24px;opacity: 1;margin-top:30px;color: white;}
.txt-video h1,h2,h3,h4 {font-size: 2rem!important;}
.txt-video h1 b,h2 b,h3 b,h4 b {font-size: 2rem!important;}
.nav-pills .nav-link{color:#000000;}
@media (max-width: 600px) {
  .txt-video p {font-size: 18px;opacity: 0.7;}
.txt-video h1,h2,h3,h4 {font-size: 32px!important;}
.txt-video h1 b,h2 b,h3 b,h4 b {font-size: 32px!important;}
}
.filtro:before {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 45px;
    background: black;
    width: 100%;
    height: 99%;
    opacity: 0;
    top: 0;
    position: absolute;          
} */