/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); */

@import url("../vendor/bootstrap-5.3.8/css/bootstrap-reboot.css");



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

html {

    scroll-behavior: smooth;

}



/* MISELANEAS */



.bg-primary {

    background-color: var(--bs-primary) !important;

}



.text-primary {

    color: var(--bs-primary) !important;

}



/* BUTTONS */



.btn-primary {

    background-color: var(--bs-primary);

    border-color: transparent;

}

.btn-primary:hover {

    background-color: var(--bs-primary);

    border-color: transparent;

}

.btn-outline-primary {

    color: var(--bs-primary);

    border-color: var(--bs-primary);

}

.btn-outline-primary:hover {

    color: #fff;

    background-color: var(--bs-primary);

    border-color: var(--bs-primary);

}

#btn-back-to-top {

    position: fixed;

    bottom: 20px;

    right: 20px;

    display: none;

    z-index: 9999;

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.btn-video {

    box-shadow: 0 0 20px rgba(0, 123, 255, 0.7);

    animation: pulse-scale 1.5s infinite;

}



@keyframes pulse-scale {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(1.15);

    }

    100% {

        transform: scale(1);

    }

}



/* NAVBAR */



.navbar .navbar-toggler {

    border: none;

}

.navbar-nav {

    gap: 10px;

}

.offcanvas {

    background-clip: inherit;

}

.offcanvas.offcanvas-end {

    border-left: none;

}

.navbar-nav .nav-link.active,

.navbar-nav .nav-link.show {

    color: var(--bs-primary);

}



/* CAROUSEL */



.carousel-caption {

    color: #001a57;

    opacity: 0;

    transform: translateY(60px);

    transition: all 0.6s ease;

    left: 5%;

    right: 5%;

    z-index: 3;

}

@media (min-width: 1200px) {

    .carousel-caption h1 {

        font-size: calc(2.5rem + 1.5vw);

    }



    .carousel-caption p {

        font-size: 2rem;

    }

}

.carousel-item.active .carousel-caption {

    opacity: 1;

    transform: translateY(30px);

}

.carousel-item {

    position: relative;

}

.carousel-item img {

    aspect-ratio: 16/7;

    object-fit: cover;

}

.carousel-item.filter::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    filter: contrast(50%);

    background-color: #011c5a2c;

    pointer-events: none;

    z-index: 2;

}

.carousel-item.gradient::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 90%;

    height: 100%;

    filter: none;

    background: linear-gradient(to right, rgb(255, 255, 255), transparent);

    pointer-events: none;

    z-index: 2;

}

.carousel-indicators {

    z-index: 4;

}

.carousel-indicators [data-bs-target] {

    background-color: var(--bs-primary);

}



/* LOGO SLIDER */

.logo-slider img {

    filter: grayscale(100%);

    transition: all 0.3s ease;

    opacity: 0.8;

    width: 80%;

}

.logo-slider img:hover {

    filter: grayscale(0%);

    opacity: 1;

}

.slick-slide img {

    margin: auto;

}



/* CARDS PRODUCTOS */

.card {

    overflow: hidden;

}

.card .card-img {

    transition: all 0.3s ease;

}

.card:hover .card-img {

    transform: scale(1.1);

}

.card-img-overlay::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 50%;

    background: linear-gradient(to top, rgb(0, 0, 0), transparent);

    pointer-events: none;

    z-index: 0;

}

.card-img-overlay h5,

.card-img-overlay p,

.card-img-overlay .btn {

    z-index: 1;

}

.card-img-overlay .btn-hs {

    margin-bottom: -50px;

    transition: all 0.3s ease;

}

.card-img-overlay:hover .btn-hs {

    margin-bottom: 0px;

}



/* CONTAINER */

.container {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}

@media (min-width: 576px) {

    .container {

        max-width: 540px;

    }

}

@media (min-width: 768px) {

    .container {

        max-width: 720px;

    }

}

@media (min-width: 992px) {

    .container {

        max-width: 960px;

    }

}

@media (min-width: 1200px) {

    .container {

        max-width: 1170px;

    }

}



/* FEATURES SECTION */



.features-section .features-item {

    background-color: #f6f6f6;

    border-bottom: 4px solid transparent;

    transition: all 0.3s ease;

}

.features-section .features-item:hover {

    border-bottom-color: 4px solid var(--bs-primary);

}



/* PARALAX */
.parallax-img {
    position: relative;

    min-height: 100vh;

}



.parallax-bg-inner {

    background-size: cover;

    background-attachment: fixed;

    background-position: center;

}

/* FOOTER */
.footer-logo {
    display: block;
    width: min(100%, 220px);
    height: auto;
}

/* SLICK SLIDER CUSTOMIZATION */
.slick-prev,

.slick-next {

    position: absolute;

    top: 0px;

    z-index: 1000;

    width: 40px;

    height: 40px;

}

.slick-prev {

    top: calc(100% + 40px);

    left: 10px;

}

.slick-next {

    top: calc(100% + 40px);

    left: 60px;

}

.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

    background-color: var(--bs-primary);

}



/* ACCORDION */

.accordion-button:not(.collapsed) {

    background-color: var(--bs-primary);

    color: #fff !important;

}

.accordion-button:focus {

    border-color: var(--bs-primary);

    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

}

.accordion-button:not(.collapsed)::after {

    filter: brightness(0) invert(1); /* la pone blanca */

}

.accordion-button:focus {

    outline: 0;

    box-shadow: none;

}



/* BACKGROUND DARK MODE */



.bg-dark-mode::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    inset: 0;

    background:  rgba(0, 0, 0, 0.8);

    pointer-events: none;

    z-index: 1;

}

.bg-dark-mode > * {

    position: relative;

    z-index: 2;

}