:root {
	--black: #000000;
	--grey: #707070;
}
.btn-outline-default {
	border-style: none;
	border-radius: 30px !important;
	background-color: #000 !important; 
	color: white !important;
}

.carousel__container {
	display: flex;
	justify-content: space-between;
	height: 180px;
}

.carousel__title, 
.carousel__subtitle { color: var(--black); }

/** font */
.n_txt_32 {
    color: var(--black);
	margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 400;
    line-height: 42px;
}

.n_txt_18 {
	color: var(--black);
    font-size: 18px;
    line-height: 28px;
}

/** background-section */
.td_bakground_2 {
    background-image: linear-gradient(304deg, #0000003b, #fff0), url(https://cdn.prod.website-files.com/672341df822e37f60ade73da/6762b7282c1a8867919a3516_ebro_s800_Dinamica.avif);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    min-height: 95vh;
    padding-top: 0;
    padding-bottom: 0;
}

/** legal section */
.legal { background: #000000; color: #707070 !important; font-size: 12px !important; }

/** text */
.text-balance { text-wrap: balance; }

/** footer */
.footer h4 {
	margin: 10px 0px !important;
	color: var(--black);
    font-family: Avenirltstd Roman, sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.footer .footer-links ul a {
	color: var(--grey);
	font-size: 16px !important;
	padding: 0px !important;
}

@media (max-width: 576px) {
    .carousel-infinity .slider-item { padding-left: 0px !important; padding-right: 0px !important;}
    .img-full-viewport {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        height: auto;
        display: block;
        max-width: none;
        aspect-ratio: 16 / 9;
    }
}

/** mobile */
@media (max-width: 767.98px) {
    .aspect-16-9-mobile {
        aspect-ratio: 16 / 9;
        height: auto !important; /* Sobrescribe el height si está en línea */
    }
    section, .section {padding: 0px 0 !important; }

    .promo__banner {
        min-height: 58vh !important;
    }

    .carousel-indicators [data-bs-target] { background-color: #000000 !important; }
    

    .mobile-scroll {
        padding-left: 1rem;
        padding-right: 1rem;
        scroll-snap-type: x mandatory;    
    }

    .mobile-scroll > .col-12 {
        flex: 0 0 90%;
        max-width: 90%;
        margin-right: 1rem;
        scroll-snap-align: start;
    }

    .scroll-item {
        flex: 0 0 80% !important;
        max-width: 80% !important;
        margin-right: 1rem !important;
        scroll-snap-align: start !important;
    }
 }

/* Ancho personalizado para pantallas medianas en adelante */
@media (min-width: 768px) {
    
    .btn-responsive {
        width: auto !important;
    }

    .mobile-scroll {
        overflow: visible !important;
        flex-wrap: wrap !important;
    }

    .mobile-scroll > .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
        margin-right: 0;
    }

    .mobile-scroll > .col-md-4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        margin-right: 0;
    }

    .scroll-item-90 {
        flex: 0 0 90% !important;
        max-width: 90% !important;
        margin-right: 1rem !important;
        scroll-snap-align: start !important;
    }
}