/* Importación de Fuentes */

/* CircularStd */

@font-face {
    font-family: 'CircularStd-Black';
    src: url('../fonts/CircularSTD/CircularStd-Black.ttf');
}

@font-face {
    font-family: 'CircularStd-BlackItalic';
    src: url('../fonts/CircularSTD/CircularStd-BlackItalic.ttf');
}

@font-face {
    font-family: 'CircularStd-Bold';
    src: url('../fonts/CircularSTD/CircularStd-Bold.ttf');
}

@font-face {
    font-family: 'CircularStd-BoldItalic';
    src: url('../fonts/CircularSTD/CircularStd-BoldItalic.ttf');
}

@font-face {
    font-family: 'CircularStd-Book';
    src: url('../fonts/CircularSTD/CircularStd-Book.ttf');
}

@font-face {
    font-family: 'CircularStd-BookItalic';
    src: url('../fonts/CircularSTD/CircularStd-BookItalic.ttf');
}

@font-face {
    font-family: 'CircularStd-Medium';
    src: url('../fonts/CircularSTD/CircularStd-Medium.ttf');
}

@font-face {
    font-family: 'CircularStd-MediumItalic';
    src: url('../fonts/CircularSTD/CircularStd-MediumItalic.ttf');
}

/* Spectral */

@font-face {
    font-family: 'Spectral-Bold';
    src: url('../fonts/Spectral/Spectral-Bold.ttf');
}

@font-face {
    font-family: 'Spectral-BoldItalic';
    src: url('../fonts/Spectral/Spectral-BoldItalic.ttf');
}

@font-face {
    font-family: 'Spectral-ExtraBold';
    src: url('../fonts/Spectral/Spectral-ExtraBold.ttf');
}

@font-face {
    font-family: 'Spectral-ExtraBoldItalic';
    src: url('../fonts/Spectral/Spectral-ExtraBoldItalic.ttf');
}

@font-face {
    font-family: 'Spectral-Italic';
    src: url('../fonts/Spectral/Spectral-Italic.ttf');
}

@font-face {
    font-family: 'Spectral-Light';
    src: url('../fonts/Spectral/Spectral-Light.ttf');
}

@font-face {
    font-family: 'Spectral-LightItalic';
    src: url('../fonts/Spectral/Spectral-LightItalic.ttf');
}

@font-face {
    font-family: 'Spectral-Medium';
    src: url('../fonts/Spectral/Spectral-Medium.ttf');
}

@font-face {
    font-family: 'Spectral-MediumItalic';
    src: url('../fonts/Spectral/Spectral-MediumItalic.ttf');
}

@font-face {
    font-family: 'Spectral-Regular';
    src: url('../fonts/Spectral/Spectral-Regular.ttf');
}

@font-face {
    font-family: 'Spectral-SemiBold';
    src: url('../fonts/Spectral/Spectral-SemiBold.ttf');
}

@font-face {
    font-family: 'Spectral-SemiBoldItalic';
    src: url('../fonts/Spectral/Spectral-SemiBoldItalic.ttf');
}

body {
    overflow-x: hidden;
}

.carousel-item {
    opacity: 0;
    transition: opacity 0.1s ease-out;
}

.carousel-item.active {
    opacity: 1;
    transition: opacity 0.1s ease-out;
}


.lumier_header a {
    font-family: CircularStd-Book;
    color: #497B59;
    font-size: 0.9rem;
}

.carousel-indicators [data-bs-target] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: transparent; 
    border: solid #fff;
    margin-bottom: 2.8rem;
}

.carousel-indicators .active {
    background-color: #fff; 
}

.icono {
    width: 1.5rem;
}

.lumier_espaciado {
    margin-left: 10rem;
    margin-right: 3rem;
}

.lumier-texto {
    text-align: justify;
    font-family: Spectral-Light;
    font-size: 1.3rem;
    color: gray;
}

.lumier-subtitulo {
    color: gray;
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 3rem;
    font-size: 2.6rem;
    font-family: CircularStd-Bold;
    margin-left: 5rem;
    margin-right: 5rem;
}

.lumier-subtitulo-seccion {
    color: gray;
    font-family: CircularStd-Book;
    margin-top: 1.5rem;
    text-align: center;
    font-size: 1.7rem;
}

.nosotros-container {
    text-align: center;
}
  
.texto-nosotros {
    font-size: 3rem;
    font-weight: bold;
    color: #4A7A58;
    font-family: CircularStd-Bold;
    margin-left: 2rem;
    margin-right: 2rem;
}

.lumier-contenedor-about {
    background-color: #A1D1D5;
}

.lumier-texto-about {
    color: white;
    text-align: justify;
    font-family: Spectral-Light;
    font-size: 1.3rem;
}

.lumier-img-secciones:hover {
    -webkit-box-shadow: 2px 0px 10px 5px rgba(146,212,215,1) !important;
    -moz-box-shadow: 2px 0px 10px 5px rgba(146,212,215,1) !important;
    box-shadow: 2px 0px 10px 5px rgba(146,212,215,1) !important;
    cursor: pointer;
    background-color: #92D4D7;
}

.lumier-img-secciones {
    width: 25rem;
    overflow: hidden;
    border-radius: 0.7rem;
}

.lumier-img-secciones img {
    transition: transform 0.7s ease;
    transform: translateY(0) scale(1);
}

.lumier-img-secciones:hover img {
    transform: translateY(-1.2rem) scale(1.1);
}

.lumier-footer {
    background-color: #868892;
}

.lumier-terms {
    background-color: #D0DFC9;
}

.lumier-text-terms {
    font-family: CircularStd-Bold;
    color: #4A7A58;
}

.lumier-text-contact {
    font-family: CircularStd-Book;
    color: white;
}

.lumier-text-green {
    color: #D0DFC9;
}

.lumier-contact-input {
    width: 18rem;
    border-radius: 0.3rem;
    border: none;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-family: CircularStd-Book;
    color: #4A7A58;
} 

.lumier-btn-send {
    background-color: #D0DFC9;
    color: #868892;
    font-family: CircularStd-Bold;
    border: none;
    border-radius: 0.3rem;
    width: 6rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.lumier-subtitulo-blog {
    background: linear-gradient(90deg, #CFDEC8 0%, #A8BDA8 50%, #CFDEC8 100%);
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
    padding-left: 5rem;
    color: white;
    font-family: CircularStd-Bold;
    font-size: 2.4rem;
    border-bottom-left-radius: 1.5rem;
}

.lumier-subtitulo-blog-el {
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
    padding-left: 5rem;
    color: white;
    font-family: CircularStd-Bold;
    font-size: 2.2rem;
    background: linear-gradient(90deg, #C8C8C8 0%, #97989A 50%, #5A5C60 100%);
    border-bottom-right-radius: 1.5rem;
}

.lumier-text-secciones {
    color: #878DB6;
    font-family: Spectral-Regular;
    text-align: justify;
    margin-left: 3.5rem;
    margin-right: 3.5rem;
    font-size: 1.3rem;
}

.lumier-list {
    margin-top: 1.4rem;
    color: #A5BAA8;
    font-family: CircularStd-Bold;
    font-size: 1.5rem;
    line-height: 3rem;
}

.lumier-blog {
    background-color: #D0DFC9;   
}

.card-lumier {
    width: 10rem;
}

.lumier-carousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.lumier-carousel {
    display: flex;
    gap: 1.8rem;
    transition: transform 0.5s ease-in-out;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.card-lumier {
    width: 17rem;
    opacity: 0.6;
    transform: scale(0.7);
    transition: transform 0.3s, opacity 0.3s;
    text-align: center;
    background-color: transparent;
    font-family: CircularStd-Bold;
    color: #4A7A58;
    border-radius: 1rem;
    font-size: 1.3rem;
    overflow: hidden;
}

.card-lumier.active {
    opacity: 1;
    transform: scale(1);
    font-size: 1.8rem;
    border-radius: 1rem;
    background-color: white;
    -webkit-box-shadow: 2px 0px 10px 5px rgba(146,212,215,1) !important;
    -moz-box-shadow: 2px 0px 10px 5px rgba(146,212,215,1) !important;
    box-shadow: 2px 0px 10px 5px rgba(146,212,215,1) !important;
    cursor: pointer;
}

.card-lumier.active:hover {
    transform: scale(1.05);
    border-color: #A1D1D5;
}

.card-lumier img {
    transition: transform 0.3s;
}

.card-lumier.active:hover img {
    transform: scale(0.95); 
}

.carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #497B59;
    color: white;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    z-index: 1;
    border-radius: 2rem;
    width: 3rem;
}

.prev {
    left: 32.5rem;
}

.next {
    right: 32.9rem;
}

.lumier-text-modal {
    text-align: justify;
    font-family: Spectral-Regular;
    color: gray;
    margin-right: 1rem;
    margin-left: 1rem;
    font-size: 1rem;
}

.lumier-subtitulo-modal {
    font-family: CircularStd-Bold;
    font-size: 1.2rem;
    color: gray;
    margin-left: 0.9rem;
}

.lumier-btn-modal {
    font-family: CircularStd-Book;
    color: #497B59;
}

.lumier-btn-modal:hover {
    cursor: pointer;
    font-weight: bold;
}

.lumier-img-btn-modal:hover {
    cursor: pointer;
}

.lumier-modal-title {
    font-family: CircularStd-Bold;
    font-size: 2.5rem;
    margin-top: -1rem;
    color: #4A7A58;
}

.lumier-text-carousel-modals {
    font-size: 1.5rem;
}

.lumier-text-bold {
    color: #4A7A58;
}

.lumier-social-media-icons {
    width: 4rem;
    transition: transform 0.2s ease;
}

.lumier-social-media-icons:hover {
    transform: translateY(-6px);
}

.lumier-footer-alt {
    background-color: #D0DFC9;
}

.lumier-text-footer {
    color: #4A7A58;
    font-family: CircularStd-Bold;
    font-size: 1.5rem;
}

.lumier-footer-alt-gray {
    background-color: #898B95;
    color: white;
    text-align: center;
    font-family: CircularStd-Book;
}

.lumier-img-modals {
    width: 20rem;
}

.lumier-contact-input-alt {
    font-family: CircularStd-Bold;
    color: #4A7A58;
}

.lumier-text-contact-page {
    font-size: 2.4rem;
    font-family: CircularStd-Bold;
    color:#497B59;
}

.lumier-form-contact {
    font-family: CircularStd-Bold;
    font-size: 1.2rem;
}

.lumier-form-contact input {
    color: #4A7A58;
}

.lumier-form-contact textarea {
    color: #4A7A58;
}

.lumier-form-contact input::placeholder {
    color: #A5B5A5;
    opacity: 1;
}

.lumier-form-contact textarea::placeholder {
    color: #A5B5A5;
    opacity: 1;
}

.lumier-btn-contact {
    background-color: #497B59;
    color: white;
    font-family: CircularStd-Bold;
    padding: 1rem 4rem 1rem 4rem;
    font-size: 1.2rem;
    border-radius: 0.5rem;
}

.lumier-btn-contact:hover {
    background-color: #92D4D7;
}

/* Media Queries */

/* Phone - Carousel Indicators */
@media (max-width: 768px) {
    .carousel-indicators [data-bs-target] {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: transparent; 
        border: solid #fff;
        margin-bottom: 1rem;
    }

    .carousel-indicators .active {
        background-color: #fff; 
    }
}

@media (max-width: 425px) {
    .carousel-indicators [data-bs-target] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: transparent; 
        border: solid #fff;
        margin-bottom: 0rem;
    }

    .carousel-indicators .active {
        background-color: #fff; 
    }
}

/* Cards El Ella */
@media (max-width: 425px) {
    .lumier-card {
        margin-right: 3rem;
    }
}

/* Navbar */
@media (max-width: 768px) {
    .lumier_espaciado {
        margin-left: 0rem;
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
    .icono {
        display: none;
    }
}

/* Contact */
@media (max-width: 768px) {
    .lumier-contact-input {
        width: 10rem;
    }
}

/* Subtitulos */
@media (max-width: 1024px) {
    .lumier-subtitulo-blog {
        padding-left: 2.5rem;
    }
}

/* Blog - Controls Carousel */
@media (max-width: 1024px) {
    .prev {
        left: 20rem;
    }
    
    .next {
        right: 20rem;
    }
}

@media (max-width: 768px) {
    .prev {
        left: 13.5rem;
    }

    .next {
        right: 13.9rem;
    }
} 

@media (max-width: 500px) {
    .prev {
        left: 1.8rem;
    }

    .next {
        right: 1.82em;
    }
}

@media (max-width: 425px) {
    .lumier-texto-about {
        margin-top: -4rem;
    }
}

.botones-cerrar {
    display: none;
}

@media (max-width: 467px) {
    .botones-cerrar {
        display: block;
    }
}