/* CSS DE LA PÁGINA DE CONTACTO */
/* Tiene algunas clases que ahora se usan en la home, como el libro */

.background {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.quote-request-send { width: 100%;}

.image-1 {
    background-color: #000 !important;
}

.description-container {
    width: 90%;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 2s ease;
}

/* TITLE POSITIONS */

.container-bottom-left {
    justify-content: flex-end;
    align-items: flex-start;
}

.container-center-left {
    justify-content: center;
    align-items: flex-start;
}

.info-container {
    z-index: 1;
}

.info.place {
    margin-bottom: 25px;
}

.info.tlf {
    margin-bottom: 25px;
}

.info-text {
    color: white;
    font-family: Exo2-Thin;
}

.overlay-layer {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: all 2s ease;
    pointer-events: none;
    overflow: hidden;
}

.btn-white {
    color: white;
}

.btn-black {
    color: black;
}

.overlay-tags-bottom {
    color: rgba(255, 255, 255, .4);
    font-family: Exo2-Thin;
    font-size: clamp(0.625rem, calc(0.575rem + 0.25vw), 0.875rem);
    position: absolute;
    bottom: 37px;
    width: 100%;
    text-align: center;
}

.btn-navigate-img-container {
    position: absolute;
    left: 0; right: 0;
    width: 100%;
    display: grid;
    place-items: center;
    pointer-events: all;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.navigate-top {
    top: -10px;
}

.navigate-bottom {
    bottom: -10px;
}

.btn-navigate {
    width: fit-content;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 20px;
    cursor: pointer;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
}

.btn-navigate-white {
    background-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.7);
}

.btn-navigate-white:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.btn-navigate-black {
    color: rgba(0, 0, 0, 0.7);
    background-color: rgba(0, 0, 0, 0.2);
}

.btn-navigate-black:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.8);
}

/*# sourceMappingURL=contact.css-0cdda768ce899c9f9719827e0509ba82ba108529bdc2ad6a1948c166c255f8f3.map */