﻿:root {
    --cm-color-paz: #be1521;
    --cm-color-dark: #000000;
}

.encabezadoLogo {
    padding-top: 29px;
    padding-bottom: 33px;
    text-align: center;
    background: var(--cm-color-paz);
    width: 127px;
    position: absolute;
}

    .encabezadoLogo img {
        width: 100%;
        max-width: 102px;
    }

.bgColorSolido {
    /*    background: #553727;*/
    height: 100vh;
    display: flex;
}

.ContenedorVideoBackground {
    position: relative;
    height: 100vh;
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Asegura que el video se ajuste al contenedor */
    z-index: -1; /* Envía el video detrás del contenido */
}
video{
    max-width: 100%;
}
.divider {
    padding: 0 5px;
}
.bgImagen {
    /*background: url(../Content/images/bg-landing-nueva.jpg);*/
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.img-cont {
    margin-top: -60vh;
    margin-bottom: 40px;
}

    .img-cont img {
        max-width: 500px;
    }

.ContenidoLanding {
    --custom-paz-espacio: 1rem;
    background: #553727;
    padding-bottom: calc(var(--custom-paz-espacio)* 1.6);
}

    .ContenidoLanding .formulario {
        background-color: #F0EDE6;
        border-radius: 20px;
        overflow: hidden;
        position: relative;
        z-index: 100;
    }

.formulario {
    margin-top: -75vh;
    /*margin-top: -50vh;*/
}

.contenedorTituloFormulario {
    --custom-paz-espacio: 1rem;
    padding: calc(var(--custom-paz-espacio)* 2);
    height: auto;
    background: #c1a05d;
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .contenedorTituloFormulario h2 {
        font-size: 2rem;
    }

    .contenedorTituloFormulario p {
        font-size: 1rem;
    }

.btn-enviar {
    background: #575757;
    width: 100%;
}

.footerFormulario {
    --custom-paz-espacio: 1rem;
    background: #c1a05d;
    padding: calc(var(--custom-paz-espacio)* .5);
}

.sticky-img {
    position: relative;
}

.Contenedorfooter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ContenedorLinkFooter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.Contenedorfooter a {
    color: #ffffff;
    text-decoration: none;
}

.contenedorNumero {
    border-left: 1px solid #ffffff;
    padding-left: 2rem;
    padding-right: 1rem;
}

.contenedorLink {
    border-left: 1px solid #ffffff;
    padding-left: 2rem;
    padding-right: 1rem;
}

.bgfooterLanding {
    --custom-espacio-y: 1rem;
    background: var(--cm-color-dark);
    padding-top: calc(var(--custom-espacio-y)* 2);
    padding-bottom: calc(var(--custom-espacio-y)* 3);
}

.contenedorRedesFooter {
    display: flex;
}

.itemRedesFooter {
    margin-right: 1rem;
}

    .itemRedesFooter img {
        max-width: 41px;
    }

.contelogoFooter img {
    max-width: 100px;
}

@media (max-width: 800px) {
    .formulario {
        margin-top: -90px;
    }

    .img-cont img {
        width: 100%;
    }

    .img-cont {
        margin-top: -70vh;
        margin-bottom: 0px;
    }

    .Contenedorfooter {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .ContenedorLinkFooter {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .contenedorNumero {
        border-left: 0px solid #ffffff;
        padding-left: 0rem;
        padding-right: 1rem;
        margin-bottom: 1rem;
        font-size: 1.3rem;
    }

    .contenedorLink {
        border-left: 1px solid #ffffff;
        padding-left: 2rem;
        padding-right: 1rem;
        margin-bottom: 1rem;
        font-size: 1.3rem;
    }

    .contenedorRedesFooter {
        margin-bottom: 1rem;
    }
    .bgImagen {
        background-position-x: -182px !important;
    }
}
