/*!
 * 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:"Volvo Novum";
  font-weight:300;
  font-style:normal;
  font-display:swap;
  src:url("https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-semi-light.woff2") format("woff2");
}
@font-face{
  font-family:"Volvo Novum";
  font-weight:300;
  font-style:italic;
  font-display:swap;
  src:url("https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-semi-light-italic.woff2") format("woff2");
}
@font-face{
  font-family:"Volvo Novum";
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url("https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-regular.woff2") format("woff2");
}
@font-face{
  font-family:"Volvo Novum";
  font-weight:400;
  font-style:italic;
  font-display:swap;
  src:url("https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-italic.woff2") format("woff2");
}
@font-face{
  font-family:"Volvo Novum";
  font-weight:500;
  font-style:normal;
  font-display:swap;
  src:url("https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-medium.woff2") format("woff2");
}
@font-face{
  font-family:"Volvo Novum";
  font-weight:500;
  font-style:italic;
  font-display:swap;
  src:url("https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-medium-italic.woff2") format("woff2");
}
@font-face{
  font-family:"Volvo Novum";
  font-weight:700;
  font-style:normal;
  font-display:swap;
  src:url("https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-bold.woff2") format("woff2");
}
@font-face{
  font-family:"Volvo Novum";
  font-weight:700;
  font-style:italic;
  font-display:swap;
  src:url("https://www.volvocars.com/static/shared/fonts/volvo-novum/volvo-novum-bold-italic.woff2") format("woff2");
}


:root{
  --font-sans: "Volvo Novum", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}



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

p {
   font-size: 14px;
}

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

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

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

.navbar{
  background-color: #FAFAFA !important;
}

 .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-weight: 500;
   font-size: 16px;
	color: #0A0A0A !important;
}

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

 
.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.3rem;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 */
}

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

.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;             
  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:#000;  
  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 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
	border:1px solid #000;
    border-radius: 0px;
    padding: 10px 15px 10px 15px;
    transition: color 0.3s;
}
.btn-cta:focus, .btn-cta.focus, .btn-cta:hover  {
  color: #fff;
  background-color: #000;
}
.btn-cta:active,
.btn-cta.active,
.open > .dropdown-toggle.btn-cta {
  color: #fff;
  background-color: #000;
}

.btn-cta2 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
	border:1px solid #fff;
    border-radius: .25rem;
    padding: 10px 15px 10px 15px;
    transition: color 0.3s;
     background-color: #fff;
}
.btn-cta2:focus, .btn-cta.focus, .btn-cta2:hover  {
  color: #000;
  background-color: #fff;
}
.btn-cta2:active,
.btn-cta2.active,
.open > .dropdown-toggle.btn-cta2 {
  color: #000;
  background-color: #fff;
}




/*!
 *********************** 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;
}