.btn { font-size: 0.75rem; font-weight: bold; letter-spacing: 0.08rem; }

/* fonts */
@font-face {
    font-family: "NobelWGL";
    src: url("../font/NobelWGL-Light.woff2") format("woff2"),
         url("../font/NobelWGL-Light.woff") format("woff");
    font-weight: 400;
  }

@font-face {
    font-family: "NobelWGLHead";
    src: url("../font/Nobel-WGL_Regular.woff2") format("woff2"),
         url("../font/Nobel-WGL_Regular.woff") format("woff");
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 { font-family: 'NobelWGLHead', sans-serif; }
body { font-family: "NobelWGL", sans-serif; color: #000; }
/* ./fonts */

/* general */
.z-5 { z-index: 5 !important; }

/* container-width */
@media ( min-width: 1400px ) { .container { max-width: 1440px; } }
/* ./container-width */

/* scroll-margin */
div { scroll-margin-top: 115px; /* Ajusta según la altura de tu menú */ }
/* ./scroll-margin */

/* colors */
.text-lexus-black  { color: #000000 !important; }
.text-lexus-white  { color: #fff !important;    }
.text-lexus-dkgray { color: #363840 !important; }
.text-lexus-ltgray { color: #E2E8EF !important; }
.text-lexus-blue   { color: #20365C !important; }

.bg-lexus-black  { background-color: #000000 !important; }
.bg-lexus-white  { background-color: #fff !important;    }
.bg-lexus-dkgray { background-color: #363840 !important; }
.bg-lexus-ltgray { background-color: #E2E8EF !important; }
.bg-lexus-blue   { background-color: #20365C !important; }

.btn-lexus-white   { color: #000; background-color: #fff !important; border-color: #fff !important; }
.btn-lexus-white:hover { color: #fff; background-color: #20365C !important; border-color: #20365C !important; }

.btn-lexus-blue   { color: #fff; background-color: #20365C !important; border-color: #20365C !important; }
.btn-lexus-blue:hover { color: #fff; background-color: #363840 !important; border-color: #363840 !important; }

.btn-lexus-black   { color: #FFF; background-color: #000 !important; border-color: #000 !important; }
.btn-lexus-black:hover { color: #fff; background-color: #20365C !important; border-color: #20365C !important; }

.btn-lexus-outline-blue { color: #20365C; background-color: transparent; border-color: #20365C; }
.btn-lexus-outline-blue:hover { color: #fff; background-color: #20365C; border-color: #20365C; }

.btn-lexus-outline-iconblue { color: #20365C; background-color: transparent; border-color: #20365C; font-size: 1rem; letter-spacing: initial; }
.btn-lexus-outline-iconblue:hover { color: #fff; background-color: #20365C; border-color: #20365C; }

.border-lexus-black { border-color: #000 !important; }
.border-lexus-blue { border-color: #20365C !important; }
/* ./colors */

.form-check-label.small { font-size: 0.8rem; margin-bottom: 1rem; }

.carousel-caption { bottom: 5rem; left: 12%; }

.nav-pills .nav-link { background-color: transparent; border: 1px solid #000; }
.nav-pills .nav-link.active { color: #fff !important; background-color: #000; }

.nav-item .nav-link.active { border-bottom: 1px solid #001E50; }

/* hover-div */
.hover-div {
  padding: 20px 20px;
  min-height: 350px;
}

.hover-div {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 10px 0px;
}

.hover-div:hover {
  /* -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px); */
  /* transform: translateY(-20px); */
  /* box-shadow: 0 22px 43px rgba(0, 0, 0, 0.32); */
  cursor: pointer;
  border-radius: 5px;
}
.hover-div:hover .vehicle-image {
  background-color: #20365C;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.hover-div:hover .nv-price {
  color: #000;
}

.hover-div:hover .nv-details {
  background-color: #20365C;
  color: #fff;
  border-color: #20365C;
}
/* ./hover-div */

/* motorizaciones */
.table-motor:hover { background-color: #f9f9f9; }
/* ./motorizaciones */

/* forms */
#test-drive .form-control, #info .form-control { background: transparent; border: 0; border-bottom: 1px solid #fff; border-radius: 0; }
#test-drive .form-control::placeholder, #test-drive select.form-control { color: #ffffff80 !important; }
#test-drive select option { color: #000; }
#test-drive .form-floating label { color: #ffffff80 !important; }
#test-drive .form-control:focus { box-shadow: none; }
#test-drive .form-control { color: #fff !important; }
#get-offer .form-control, #info .form-control { background: transparent; border: 0; border-bottom: 1px solid #000; border-radius: 0; }
#get-offer .form-control::placeholder, #get-offer select.form-control { color: #00000080 !important; }
#get-offer select option { color: #000; }
#get-offer .form-floating label { color: #00000080 !important; }
#get-offer .form-control:focus { box-shadow: none; }
#get-offer .form-control { color: #000 !important; }
#cita-taller .form-control, #info .form-control { background: transparent; border: 0; border-bottom: 1px solid #fff; border-radius: 0; }
#cita-taller .form-control::placeholder, #cita-taller select.form-control { color: #ffffff80 !important; }
#cita-taller select option { color: #000; }
#cita-taller .form-floating label { color: #ffffff80 !important; }
#cita-taller .form-control:focus { box-shadow: none; }
#cita-taller .form-control { color: #fff !important; }
/* ./forms */


/* efecto-hover */
.hover-zoom:hover { transform: scale(1.05); transition: transform 0.3s ease-in-out; }
/* ./efecto-hover */

/* sliders-general */
.h-620 { height: 620px; }
/* ./sliders-general */

/* slider-home */
.slider-1 { background-image: url( /lexusmadridsur/assets/img/homeCarousel/banner-01.jpg ); background-position: top center; background-repeat: no-repeat; }
/* ./slider-home */

/* slider-home-mobile */
@media ( max-width: 575px ) {
    .slider-1 { background-image: url( /lexusmadridsur/assets/img/homeCarousel/banner-01-mobile.jpg ); background-position: top center; background-repeat: no-repeat; }
}
/* ./slider-home-mobile */

/* carousel */
.multi-slider { float: left; overflow: hidden; position:relative; }
.multi-slider .multi-slider-inner { transition: 1s ease all; float: left; }
.multi-slider .multi-slider-inner .item { float: left;}
.multi-slider .multi-slider-inner .item > div { text-align: center; }
.multi-slider .leftLst, .multi-slider .rightLst { position:absolute; border-radius:50%; top:calc(50% - 20px); }
.multi-slider .leftLst { left:1rem; }
.multi-slider .rightLst { right:1rem; }
.multi-slider .leftLst.over, .multi-slider .rightLst.over { pointer-events: none; background:#ccc; border-color: #ccc; }
/* ./carousel */

/* flash-modal */
.modal#successModal .modal-content, .modal#errorsModal .modal-content { border-radius: 15px; }
.modal#successModal .modal-content svg, .modal#errorsModal .modal-content svg { width: 100px; display: block; margin: 0 auto; }
.modal#successModal .modal-content .path, .modal#errorsModal .modal-content .path { stroke-dasharray: 1000; stroke-dashoffset: 0; }
.modal#successModal .modal-content .path.circle, .modal#errorsModal .modal-content .path.circle { -webkit-animation: dash 0.9s ease-in-out; animation: dash 0.9s ease-in-out; }
.modal#successModal .modal-content .path.line, .modal#errorsModal .modal-content .path.line { stroke-dashoffset: 1000; -webkit-animation: dash 0.95s 0.35s ease-in-out forwards; animation: dash 0.95s 0.35s ease-in-out forwards; }
.modal#successModal .modal-content .path.alert, .modal#errorsModal .modal-content .path.alert { stroke-dashoffset: 1000; -webkit-animation: dash 0.95s 0.35s ease-in-out forwards; animation: dash 0.95s 0.35s ease-in-out forwards; }
.modal#successModal .modal-content .path.check, .modal#errorsModal .modal-content .path.check { stroke-dashoffset: -100; -webkit-animation: dash-check 0.95s 0.35s ease-in-out forwards; animation: dash-check 0.95s 0.35s ease-in-out forwards; }
@-webkit-keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } }
@keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } }
@-webkit-keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } }
@keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } }
/* ./flash-modal */

/* error-inputs-message-form */
.form-error { border-color: red; }
.error-message { color: red; }
/* ./error-inputs-message-form */

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #CACECF;
    box-shadow: inset 0 -1px 0 #000;
}

.accordion-button {
    box-shadow: inset 0 -1px 0 #000;
}

.accordion-item {
    border: 0;
}

/* 360 */
#car360-container { width: 100%; max-width: 1000px; margin: 0 auto; overflow: hidden; user-select: none; cursor: grab; }
#car360 { width: 100%; display: block; pointer-events: none; }
/* ./360 */