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

/* fonts */
@font-face {
    font-family: "ToyotaType";
    src: url("../font/Toyota-Type-Book.woff2") format("woff2"),
         url("../font/Toyota-Type-Book.woff") format("woff");
    font-weight: 300;
  }

@font-face {
    font-family: "ToyotaTypeHead";
    src: url("../font/Toyota-Type-Semibold.woff2") format("woff2"),
         url("../font/Toyota-Type-Semibold.woff") format("woff");
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 { font-family: 'ToyotaTypeHead', sans-serif; }
body { font-family: "ToyotaType", 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-toyota-black  { color: #000000 !important; }
.text-toyota-white  { color: #fff !important;    }
.text-toyota-red    { color: #EB0A1E; }
.text-toyota-gray   { color: #58595B !important; }
.text-toyota-dkgray { color: #282830 !important; }
.text-toyota-ltgray { color: #DEDEDE !important; }

.bg-toyota-black   { background-color: #000000 !important; }
.bg-toyota-white   { background-color: #fff !important;    }
.bg-toyota-red     { background-color: #EB0A1E; }
.bg-toyota-gray    { background-color: #58595B !important; }
.bg-toyota-dkgray  { background-color: #282830 !important; }
.bg-toyota-ltgray  { background-color: #DEDEDE !important; }
.bg-toyota-red-nav { background-color: #EB0A1E; }

.btn { border-radius: 0; }

.btn-toyota-black { color: #fff; background-color: #000; border-color: #000; }
.btn-toyota-white { color: #000; background-color: #fff; border-color: #fff; }
.btn-toyota-red   { color: #fff; background-color: #EB0A1E; border-color: #EB0A1E; }

.btn-toyota-black:hover { color: #000; background-color: #EB0A1E; border-color: #EB0A1E; }
.btn-toyota-white:hover { color: #fff; background-color: #EB0A1E; border-color: #EB0A1E; }
.btn-toyota-red:hover   { color: #000; background-color: #EB0A1E; border-color: #EB0A1E; }

.btn-toyota-outline-black { color: #000; background-color: transparent; border-color: #000; }
.btn-toyota-outline-white { color: #fff; background-color: transparent; border-color: #fff; }
.btn-toyota-outline-red { color: #EB0A1E; background-color: transparent; border-color: #EB0A1E; }

.btn-toyota-outline-black:hover { color: #fff; background-color: #000; border-color: #000; }
.btn-toyota-outline-white:hover { color: #000; background-color: #fff; border-color: #fff; }
.btn-toyota-outline-red:hover { color: #fff; background-color: #EB0A1E; border-color: #EB0A1E; }

.link-toyota-red          { color: #EB0A1E; }
.link-toyota-red:hover    { color: #EB0A1E; }

.border-toyota-black { border-color: #000 !important; }
.border-toyota-red { border-color: #EB0A1E !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 #EB0A1E; }
.nav-pills .nav-link.active { color: #fff !important; background-color: #EB0A1E; }

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

/* 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: #EB0A1E;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

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

.hover-div:hover .nv-details {
  background-color: #EB0A1E;
  color: #fff;
  border-color: #EB0A1E;
}
/* ./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 */

/* sliders-general */

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

/* slider-home-mobile */
@media ( max-width: 575px ) {
    .slider-1 { background-image: url( /toyotacomauto/assets/img/homeCarousel/banner-01-mobile.jpg ); background-position: top center; background-repeat: no-repeat; }
    .slider-2 { background-image: url( /toyotacomauto/assets/img/homeCarousel/banner-02-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:0; }
.multi-slider .rightLst { right:0; }
.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 */