/*!
 * IN FUENTES DE LA TERMINAL
 */


@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");


  @font-face {
    font-family: GeelyBold;
    src: url(../fonts/GEELY-BOLD-2.woff) format("woff"),url(../fonts/GEELY-BOLD-2.otf) format("otf"),url(../fonts/GEELY-BOLD-2.TTF) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}




html, body {
   font-size: 15px;
  font-family: "Clarity City", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
   color:#000000;
}

h1, h2, h3 {
    font-family:"GeelyBold";
}

p {
   font-size: 14px;
}

.blanco {
   color:#fff; 
   text-decoration:none;
}

.nada {
   color:#000; 
   text-decoration:none;
}


@media (min-width: 992px){
  .super {
  font-size: 400%;
  letter-spacing: -1px;
}
}


/*!
 *********************** IN NAVBAR PRINCIPAL ***********************
 */



 .top-links {
	 background-color:#000;
	 padding:7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 20px;
    width: 100%;
}
  .top-link {
    color: #fff;
	text-decoration:none;
}
 .top-link span {
    font-size: 14px;
}
.top-link i {
    margin-right: 6px;
    font-size: 15px;
}


.nav-link{
   font-size: 13px;
	color: #fff !important;
}

.veh-side .nav-link{
	color: #1d1d1f !important; 
}

.veh-side .nav-link.active {
    color: #000;
    text-decoration: underline;
    text-underline-offset: .2rem;
}

 
.navbar-principal .dropdown-menu.dropdown-mega{
  width:100%;left:0;right:0;border:0;background:#fff; border-radius: 0px;
  transform:translateY(-10px);opacity:0;transition:opacity .22s,transform .22s
}
.navbar-principal .dropdown-menu.dropdown-mega.show{transform:none;opacity:1}
.veh-side .nav-link{color:#1d1d1f;font-weight:500;font-size:1.1rem;padding:.25rem 0}
.veh-side .nav-link.active{color:#000;}
.veh-grid a{text-decoration:none}
.veh-grid img{transition:transform .2s}
.veh-grid a:hover img{transform:translateY(-2px)}
@media (max-width:991.98px){
  .navbar-principal .dropdown-menu.dropdown-mega{padding:1rem;max-height:75vh;overflow:auto}
}

.navbar-principal{
  box-shadow: none !important;
  border-bottom: 0 !important;
  transform: translateZ(0); /* hairline fix en Safari/retina */
}

@media (min-width:992px){
  #header{transition:background-color .2s ease;}
  #header.vehiculos-open{
    background-color:#fff;
    color:#000;
  }
  #header.vehiculos-open .navbar-nav > .nav-item > .nav-link{
    color:#000 !important;
  }
  #header.vehiculos-open .navbar-brand img{
    filter:brightness(0);
  }
}

.navbar-principal + *{
  margin-top: 0 !important;
}

.contenido-contacto{
  height:40px;
}
@media (max-width:991.98px){
  .contenido-contacto{height:24px;}
  .navbar-principal{padding:.5rem 1rem;}
  .navbar-principal.menu-open{
    background-color:#000;
    min-height:100vh;
    min-height:100dvh;
    align-items:flex-start;
  }
  .navbar-principal .navbar-collapse{flex-basis:100%;}
  .navbar-principal .navbar-collapse.show,
  .navbar-principal .navbar-collapse.collapsing{
    background-color:#000;
    padding:.25rem .5rem 1rem;
  }
  .navbar-principal .navbar-collapse.show{
    max-height:calc(100vh - 80px);
    overflow-y:auto;
  }
  .navbar-principal .navbar-collapse .navbar-nav{gap:0 !important;}
  .navbar-principal .navbar-collapse .nav-link{
    margin:0 !important;
    padding:.85rem 0;
    border-bottom:1px solid rgba(255,255,255,.2);
  }
}

.navbar-principal .dropdown-menu{
  margin-top: 0 !important;
  border-top: 0 !important;
}


.dropdown-menu{
border: none !important;
border-radius: 0px !important;
}

.container-fluid{
	--bs-gutter-x: 0px !important;
}

.navbar-principal .btn-burger{
  width:44px; height:44px;              
  background:transparent;             
  border:0;
  position:relative;
  padding:0;
}
.navbar-principal .btn-burger:focus{
  box-shadow:none !important;
  border: none !important;
  outline:0;
}

/* Barras */
.navbar-principal .btn-burger .line{
  position:absolute; left:50%; top:50%;
  width:22px; height:2px; background:#fff;  
  transform-origin:center;
  transition:transform .22s ease, opacity .18s ease;
}

.navbar-toggler:hover, .navbar-toggler:focus{
  border: none !important;
}


.navbar-principal .btn-burger.collapsed .line:nth-child(1){ transform:translate(-50%,-8px); }
.navbar-principal .btn-burger.collapsed .line:nth-child(2){ transform:translate(-50%, -0px); }
.navbar-principal .btn-burger.collapsed .line:nth-child(3){ transform:translate(-50%, 8px); }

.navbar-principal .btn-burger:not(.collapsed) .line:nth-child(1){
  transform:translate(-50%, -0px) rotate(45deg);
}
.navbar-principal .btn-burger:not(.collapsed) .line:nth-child(2){
  opacity:0;
}
.navbar-principal .btn-burger:not(.collapsed) .line:nth-child(3){
  transform:translate(-50%, -0px) rotate(-45deg);
}

@media (hover:hover){
  .navbar-principal .btn-burger:hover{ border-color:#111; }
}

@media (min-width: 992px){
  .navbar-toggler{ display:none; }
}

/*!
 *********************** IN BOTONES ***********************
 */
.btn-cta {
	letter-spacing:1px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    border-radius: 0;
    padding: 10px 35px 10px 35px;
    transition: color 0.3s;
  background-color: #1a6ef4;
}
.btn-cta:focus, .btn-cta.focus, .btn-cta:hover  {
  color: #fff;
  background-color: #0f4bab;
}
.btn-cta:active,
.btn-cta.active,
.open > .dropdown-toggle.btn-cta {
  color: #fff;
  background-color: #0f4bab;
}

.btn-cta2 {
	letter-spacing:1px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
	border:1px solid #fff;
    border-radius: .0;
    padding: 10px 35px 10px 35px;
    transition: color 0.3s;
     background-color: transparent;
}
.btn-cta2:focus, .btn-cta.focus, .btn-cta2:hover  {
  color: #fff;
  background-color: #1a6ef4;
}
.btn-cta2:active,
.btn-cta2.active,
.open > .dropdown-toggle.btn-cta2 {
  color: #fff;
  background-color: #1a6ef4;
}


.btn-cta3 {
	letter-spacing:1px;
    font-size: 13px;
    font-weight: 600;
    color: #000;
	border:1px solid #000;
    border-radius: .0;
    padding: 10px 35px 10px 35px;
    transition: color 0.3s;
     background-color: transparent;
}
.btn-cta3:focus, .btn-cta.focus, .btn-cta3:hover  {
  color: #fff;
  background-color: #1a6ef4;
}
.btn-cta3:active,
.btn-cta3.active,
.open > .dropdown-toggle.btn-cta2 {
  color: #fff;
  background-color: #1a6ef4;
}



/*!
 *********************** IN CAROUSEL ***********************
 */

.carousel .carousel-caption.caption-top{
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;        
  transform: none; 
  text-align: center;
  padding: 2rem;
}

.carousel .caption-top .cta-caption-btn{
  display: block;
  width: clamp(240px, 10vw, 520px);
}

@media (max-width: 767.98px){
  .carousel .carousel-caption.caption-top{ padding: 1rem; }

  .carousel .caption-top .cta-caption-btn{
    width: 80%;
  }
}

.carousel-control-next, .carousel-control-prev {
    width: 5%;
}


#overlay-wa {
    position: fixed;
    bottom: 20%;
    right: 0;
    z-index: 2;
    cursor: pointer;
}

/*!
------------------------------ NAV-TABS ---------------------------------------------
 */


.nav-tabs {
  border-bottom: 0px;
  text-align: center;
  font-size: 14px;
  justify-content: center;
}

.nav-tabs>li {
  float: none;
  display: inline-block;
  margin: 0px;
}

.nav-tabs .nav-link {
  font-size: 15px;
  font-weight: 800;
  border-bottom: 5px solid #000;
  padding: 10px 30px 10px 30px;
  color: #000000;
  background-color: #000;
  width: 100%;
}

.nav-tabs .nav-link:hover {
  color: #767676;
  background-color: #000;
  border-bottom: 5px solid #1a6ef4;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
  color: #555;
  cursor: default;
  background-color: #737373;
  border-bottom: 5px solid #1a6ef4;
}

.tab-content h5 {
  font-size: 14px;
}



@media (max-width: 767px) {
  .nav-tabs {
    width: 100%;
  }

  .nav-tabs>li {
    width: 100%;
  }
}

/* END NAV-TABS  */