@font-face {
    font-family: "Avenir LT Std";
    src: url("/assets/fonts/AvenirLTStd-Roman.woff2") format("woff2"),
    url("/assets/fonts/AvenirLTStd-Roman.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Avenir LT Hvy";
    src: url("/assets/fonts/AvenirLTStd-Heavy.woff2") format("woff2"),
    url("/assets/fonts/AvenirLTStd-Heavy.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root,
[data-bs-theme="dark"] {
    --bs-blue: #192331;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #1c2738;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Avenir LT Std", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0)
    );
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #000000;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #1c2129;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
    --bs-nav-link-font-size: 1.3rem;
    --bs-dropdow-font-size: 1rem;
    --bs-navlink-color: #000;
    --bs-navlink-hover-color: #3d86ff !important;
    --bs-zoom-scale: 1.07;
    --bs-zoom-scale-xs: 1.03;
    --bs-zoom-timer: 1s ease;
    --bs-indicators-effect: 0.3s ease;
}

.fw-200 {
    font-weight: 200;
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fw-800 {
    font-weight: 800;
}
.fw-900 {
    font-weight: 900;
}

.txt-bigger-1 {
    font-size: 7rem;
}
.txt-bigger-2 {
    font-size: 6rem;
}

.nav-link {
    color: var(--bs-navlink-color);
}

.nav-link:hover,
.nav-link.active {
    color: #fff !important;
    background-color: #000;
    border-radius: 15px;
    padding: 0;
    margin-top: 8px;
}
.nav-link {
    transition: none !important;
}
li.nav-item {
    padding-right: 0.2rem;
}

.nav-link.active {
    pointer-events: none;
    cursor: default;
}

.dropdown-item {
    font-size: var(--bs-dropdow-font-size);
}

.banner-top-home {
    background-image: url("/assets/img/ebro/banner_black.jpg");
    background-position: center center;
    height: 95vh;
}

.section.full_height {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 60vh;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
}

.zoom {
    transition: var(--bs-zoom-timer);
    -moz-transition: var(--bs-zoom-timer); /* Firefox */
    -webkit-transition: var(--bs-zoom-timer); /* Chrome - Safari */
    -o-transition: var(--bs-zoom-timer); /* Opera */
}
.zoom:hover {
    transform: scale(var(--bs-zoom-scale));
    -moz-transform: scale(var(--bs-zoom-scale)); /* Firefox */
    -webkit-transform: scale(var(--bs-zoom-scale)); /* Chrome - Safari */
    -o-transform: scale(var(--bs-zoom-scale)); /* Opera */
    -ms-transform: scale(var(--bs-zoom-scale)); /* IE9 */
}

.zoom-xs:hover {
    transform: scale(var(--bs-zoom-scale-xs));
    -moz-transform: scale(var(--bs-zoom-scale-xs)); /* Firefox */
    -webkit-transform: scale(var(--bs-zoom-scale-xs)); /* Chrome - Safari */
    -o-transform: scale(var(--bs-zoom-scale-xs)); /* Opera */
    -ms-transform: scale(var(--bs-zoom-scale-xs)); /* IE9 */
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000;
    --bs-btn-border-color: #111529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #222629;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2d5154;
    --bs-btn-active-border-color: #273b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #3d86ff;
    --bs-btn-hover-border-color: #72a3f1;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #888;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: underline;
}

#carouselDesign .carousel-inner {
    min-height: 180px;
}

#carouselSec .carousel-inner {
    min-height: 180px;
}

.carousel-indicators.numbers {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}

.carousel-indicators.numbers [data-bs-target] {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 15px 0 0;
    border: 1px solid #000;
    border-radius: 50%;
    text-indent: 0;
    font-size: 22px;
    font-weight: 900;
    transition: var(--bs-indicators-effect);
    -moz-transition: var(--bs-indicators-effect); /* Firefox */
    -webkit-transition: var(--bs-indicators-effect); /* Chrome - Safari */
    -o-transition: var(--bs-indicators-effect); /* Opera */
}

.carousel-indicators.numbers [data-bs-target]:hover {
    color: #3d86ff;
    background-color: #fff;
    border-color: #79a7f0;
}

.imgDesigns,
.imgDesigns2,
.imgSecs {
    position: relative;
    overflow: hidden;
}

.imgDesigns {
    min-height: 820px;
}

.imgDesigns2 {
    min-height: 180px;
}

.imgSecs {
    min-height: 813px;
}

.imgDesigns img,
.imgDesigns2 img,
.imgSecs img {
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
    position: absolute;
}

footer a:hover,
footer a.active {
    color: #3d86ff !important;
}

footer a.active {
    pointer-events: none;
    text-decoration: none;
    cursor: default;
}

/* general */
.navbar { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-toggler { padding: 0; color: #fff; border: none; }
.display-xl { font-size: calc(1.625rem + 10vw); }
.h-65 { height: 65%; }
.h-35 { height: 35%; }
.small-imp { font-size: .875em; }
.about { background-image: url( /assets/img/ebro/banner-sobre-nosotros-top.jpg ); background-position: top center; background-repeat: no-repeat; max-height: 700px; }
/* fin-general */

/* home */
.test-drive-home { background-image: url( /assets/img/ebro/ImagenWEB_Prueba2.jpg ); background-position: top center; background-repeat: no-repeat; max-height: 400px; }
/* fin-home */

/* ficha-s400 */
.s400 { background-image: url( /assets/img/ebro/banner_superior_s400.jpg ); background-position: top center; background-repeat: no-repeat; }
/* fin-ficha-s700 */

/* ficha-s700 */
.s700 { background-image: url( /assets/img/ebro/banner_superior_S700.png ); background-position: top center; background-repeat: no-repeat; }
.test-drive-s700 { background-image: url( /assets/img/ebro/ImagenWEB_PruebaS700.jpg ); background-position: top center; background-repeat: no-repeat; max-height: 400px; }
/* fin-ficha-s700 */

/* ficha-s700-phev */
.s700phev { background-image: url( /assets/img/ebro/banner_superior_s700_phev.jpg ); background-position: top center; background-repeat: no-repeat; }
/* fin-ficha-s700-phev */

/* ficha-s800 */
.s800 { background-image: url( /assets/img/ebro/banner_superior_S800.png ); background-position: top center; background-repeat: no-repeat; }
.test-drive-s800 { background-image: url( /assets/img/ebro/ImagenWEB_PruebaS800.jpg ); background-position: top center; background-repeat: no-repeat; max-height: 400px; }
/* fin-ficha-s800 */

/* ficha-s800-phev */
.s800phev { background-image: url( /assets/img/ebro/banner_superior_s800_phev.jpg ); background-position: top center; background-repeat: no-repeat; }
/* fin-ficha-s800-phev */

/* carousel */
.carousel-indicators { top: 55%; }
.carousel-control-next, .carousel-control-prev { bottom: 30%; }
.carousel-control-next-icon, .carousel-control-prev-icon { background-color: #fff; border-radius: 50%; }
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
/* ./carousel */

/* mobile devices */
@media ( max-width: 575px ) {
    
    .s400 { background-image: url( /assets/img/ebro/banner_superior_s400-mobile.jpg ); background-position: top center; background-repeat: no-repeat; max-height: 700px; }
    .s700phev { background-image: url( /assets/img/ebro/banner_superior_s700_phev-mobile.jpg ); background-position: top center; background-repeat: no-repeat; max-height: 700px; }
    .s800phev { background-image: url( /assets/img/ebro/banner_superior_s800_phev-mobile.jpg ); background-position: top center; background-repeat: no-repeat; max-height: 700px; }
    
    .s700 { background-image: url( /assets/img/ebro/banner-s700-mobile.png ); background-position: top center; background-repeat: no-repeat; max-height: 700px; }
    .test-drive-s700 { background-image: url( /assets/img/ebro/test-drive-s700-mobile.jpg ); background-position: top center; background-repeat: no-repeat; max-height: 300px; }

    .s800 { background-image: url( /assets/img/ebro/banner-s800-mobile.jpg ); background-position: top center; background-repeat: no-repeat; max-height: 700px; }
    .test-drive-s800 { background-image: url( /assets/img/ebro/test-drive-s800-mobile.jpg ); background-position: top center; background-repeat: no-repeat; max-height: 300px; }

    .about { background-image: url( /assets/img/ebro/banner-sobre-nosotros-top-mobile.jpg ); background-position: top center; background-repeat: no-repeat; max-height: 700px; }
    
    .fixed-bottom-xs { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }
    .precio { padding-bottom: 150px; }
    .et-xs, .adas-xs { min-height: 450px !important; }
    .imgSecs { min-height: 383px; }
    .bg-xs-light { background-color: rgba(235, 235, 235, 1); }
    .border-xs-black { border: 1px solid #333; }
    .vh-xs-100 { height: 100vh !important; }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .imgDesigns2 { min-height: 390px; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .imgDesigns2 {
        min-height: 813px;
    }
}

.form-select:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: none;
}


.btn-link-models:hover .btn-hover-blue { background-color: #3d86ff !important; border-color: #3d86ff !important; }
.btn-link-models img { transition: transform 0.3s ease; }
.btn-link-models:hover img { transform: scale( 1.05 ); }