@font-face {
    font-family: 'Inter-Regular';
    src: url('fonts/Inter-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter-Bold';
    src: url('fonts/Inter-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter-Black';
    src: url('fonts/Inter-Black.ttf') format('truetype');
}
:root {

    /* Colors: */
    --unnamed-color-fe0d13: #FE0D13;
    --unnamed-color-000000: #000000;
    --unnamed-color-5f5f5f: #5F5F5F;
    --unnamed-color-7d7e80: #7D7E80;
    --unnamed-color-c4c5c7: #C4C5C7;
    --unnamed-color-f5f5f5: #F5F5F5;
    --unnamed-color-ffffff: #FFFFFF;
    
    /* Font/text values */
    --unnamed-font-family-inter: 'Inter-Regular';
    --unnamed-font-family-font-awesome-6-free: Font Awesome 6 Free;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-medium: medium;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-size-14: 14px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-17: 17px;
    }
    
    /* Character Styles */
    .unnamed-character-style-1 {
    font-family: var(--unnamed-font-family-inter);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-17);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-5f5f5f);
    }
    .unnamed-character-style-2 {
    font-family: var(--unnamed-font-family-font-awesome-6-free);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-17);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-5f5f5f);
    }
.logo{
    width: 104px;
    height: 34px;
}
.nav-tabs{
    border-bottom: 1px solid  rgb(245, 245, 245,.2);
   
}
.navtex ,#dropdownMenuButton{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal medium 14px/17px 'Inter-Regular';
    letter-spacing: 0px;
    color: #000000;
    font-family: 'Inter-Regular'!important;
}
.navtex:hover{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal medium 14px/17px 'Inter-Regular';
    letter-spacing: 0px;
    color: #F3161A;
}
.heder{
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    position: fixed;
    z-index: 99999999;
    height: 62px;
}

.banderaT{
    width: 20px;
}
.footer{
    height: 124px;
/* UI Properties */

}
.nav-item,.nav-link{
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal medium 14px/17px 'Inter-Regular';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.dropdown-item{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-5f5f5f);
    text-align: left;
    font: normal normal medium 14px/17px 'Inter-Regular';
    letter-spacing: 0px;
    color: #5F5F5F;
    opacity: 1;
}
footer{
    background: var(--unnamed-color-f5f5f5) 0% 0% no-repeat padding-box;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    opacity: 1;
}
.logo-footer{
    width: 181px;
    height: 59px;
}
.hfoter{

 height: 124px;
 padding: 54px 0px;
}
.hfoter p{
    /*padding-top: 60px;
    padding-bottom: 60px;*/
}

/* HOME */

.banner{
    height: 779px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    padding-top: 100px;
}

.menucar{
    width: 509px;
    height: auto;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: hsla(0, 0%, 100%, 1) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 26px hsla(0, 0%, 0%, 0.16);
    border-radius: 20px;
    border: none;
    opacity: 1;
}

.cardgray{

    width: 470px;
    height: auto;
    /* UI Properties */
    background: var(--unnamed-color-c4c5c7) 0% 0% no-repeat padding-box;
    background: hsla(220, 3%, 77%, 1) 0% 0% no-repeat padding-box;
    background: rgb(196, 197, 199,0.2);
    border: none;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
}
.hc-c{
    height: auto;
}
.titlecard{
    font: var(--unnamed-font-style-normal) normal bold 18px/21px var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal bold 18px/21px 'Inter-Bold';
    letter-spacing: 0px;
    color: hsla(0, 0%, 0%, 1);
   font-weight: bold;
}
.txt-car{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-5f5f5f);
    text-align: left;
    font: normal normal normal 11px/17px 'Inter-Regular';
    letter-spacing: 0px;
    color: hsla(0, 0%, 37%, 1);
}
.liniaR{
    width: 100%;
    height: 11px;
    /* UI Properties */
    background: var(--unnamed-color-fe0d13) 0% 0% no-repeat padding-box;
    background: hsla(359, 99%, 52%, 1) 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-top: -29px;
}
.imgabout{
    width: 526px;
    height: 290px;
    /* UI Properties */
    background: transparent url('../img/about.png') 0% 0% no-repeat padding-box;
    background-size: contain;
    opacity: 1;
}
.titleabout{
    font: var(--unnamed-font-style-normal) normal 800 38px/46px var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal 800 38px/46px 'Inter-Bold';
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
}
.texfoter{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/21px var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-5f5f5f);
    
    font: normal normal normal 14px/21px 'Inter-Regular';
    letter-spacing: 0px;
    color: #5F5F5F;
    opacity: 1;
}
.textabout{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/21px var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 14px/21px 'Inter-Regular';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none;
}
.dropdown-item {
    white-space: normal;
}
.dropdown-menu  ul {
    list-style-position: outside;
    list-style-type: none;
    padding: 0px 19px;
   
}
.dropdown-menu  ul a li{
    list-style-position: outside
}
.dropdown-menu ul li::before {
    content: "\f061";
    font-family: "FontAwesome";
    list-style-position: outside;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
    
    width: 307px;
    height: 227px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 26px #00000029;
    border-radius: 11px;
    opacity: 1;
}
.btm{
    width: 163px;
    height: 47px;
    /* UI Properties */
    background: hsla(359, 99%, 52%, 1) 0% 0% no-repeat padding-box;
    opacity: 1;
    color: #FFFFFF;
    font: normal normal normal 14px/21px 'Inter-Regular';
    border: none;
    border-radius: 10px;
    float: right;
}
.btm:hover{
    background:  #25D366;
    color: #FFFFFF;
   
}
.fa-whatsapp{
    font-size: 26px;
}
.backgroudmision{
    height: 414px;
    /* UI Properties */
    background: #1D1D1D 0% 0% no-repeat padding-box;
    opacity: 1;
}
.img-tabs{
    width: 203px;
    height: 203px;
}
.title-tabs{
    font: var(--unnamed-font-style-normal) normal 800 38px/46px var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal 800 38px/46px 'Inter-Bold';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
}
.text-tabs{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/21px var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 14px/21px 'Inter-Regular';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.cont-img-tabs{
   /*border: solid red; */
    height: 372px;
}
.nav-tabs .nav-link, .nav-tabs .nav-link {
    background: transparent;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/21px var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 18px/21px 'Inter-Regular';
    letter-spacing: 0px;
    color: #5F5F5F;
    
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border: none;
    background: transparent;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/21px var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 18px/21px 'Inter-Regular';
    letter-spacing: 0px;
    color: #FFFFFF;
    border-bottom: #F3161A solid 2px;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
   border: none;
   color: #FFFFFF;
   border-bottom: #F3161A solid 2px;
}
.bandera{
    box-shadow: 1px 2px 16px #888888;
}
.botonflotante{
    position: fixed;
    z-index: 99999;
    bottom: 7px;
    right: 26px;
}


/* Interiores */
.hederbanner{
    padding-top: 100px;
}
.bannerinterior{
    height: 232px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    
}
.hrred{
    border: #F3161A solid 1px;
    width: 87%;
}
.text_interior{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/24px var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 14px/24px 'Inter-Regular';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    line-height: 30px;
}
.inter-menu-title{
  
    text-align: left;

    letter-spacing: 0px;
    color: #000000;
    font-family:'Inter-Bold' ;
    font-size: 17px;
    opacity: 1;
}
.inter-menu-text{
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-5f5f5f);
    text-align: left;
    
    font-family: 'Inter-Regular';
    font-size: 17px;
    letter-spacing: 0px;
    color: #5F5F5F;
    
    opacity: 1;
}
.inter-title{
    color: var(--unnamed-color-000000);
    text-align: left;
   
    letter-spacing: 0px;
    color: #000000;
    font-family: 'Inter-Bold';
    font-size: 31px;
    opacity: 1;
}
.inter-menu-text:hover{
color:#F3161A;
}
.homemenulink:hover{
    color:#F3161A  !important;
    text-decoration: none;
}
.hc-c i{
    color: hsla(0, 0%, 0%, 1);    
}
.hc-c i:hover{
    color:#F3161A;
}
.txt-car:hover{
    color:#F3161A;
}
.titlecard:hover{
    color:#F3161A;
}
.activo{
    color:#F3161A !important;
}

.dropdown-toggle::after {
    display: none;
}
.slider-padre{
    position: fixed;
    height: 100vh;
    z-index: 999999999;
    display: none;
    background: rgb(0,0,0,0.4);
}
.slider-hijo{

    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 26px #00000029;
    border-radius: 20px 0px 0px 20px;
    opacity: 1;
    float: right;
    height: 100vh;
}
.title-menu-slider{
    
    text-align: left;
    font: normal normal 800 38px/46px 'Inter-Bold';
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
}
.close{
    float: right;
    font-size: 20px;
}
.lang{
    padding: 14%;
}
.navtex-slider{
    text-align-last: left;
    padding-left: 33px;
}
.logo-menu{
    width: 130px;
    height: auto;
}
.textcontact, .textcontact a{
    text-align: left;
    font: normal normal normal 14px/21px 'Inter-Regular';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}