:root{
    --redDavivienda: #ed1c27;
    --redDaviviendaDark: #ca2027;
    --colorText: #585858;
    --gray: #333333;
    --black: #000000;
    --white: #ffffff;
    --grayLight: #FAFAFA;
    --grayMedium: #9c9c9c;
    --grayDark: #3E3E3E;
    --grayForBG: #f0f0f0;
    --grayForLightBorders: #D9D9D9;
    --green: #5C8F01;
}

*{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

.fondonew{
    background-image: url("../img/ayRcV-a18a3267-9265-4a2d-8405-5618f28cda77_fondo-index.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.fondonew h1{
    margin-top: 125px;
    font-size: 5rem;
    color: var(--white);
}
.fondonew h1 span{
    -webkit-text-stroke: 2px var(--white);
    color: #f40804;
    border-radius: 2px;
}

.fondonew .pildora{
    background-color: var(--white);
    border-radius: 20px;
}
.fondonew .pildora h2{
    text-align: center;
    letter-spacing: 1px;
    color: var(--redDavivienda);
    font-size: 3rem;
    text-transform: none;
    padding: 3px 0px;
}
.fondonew .title{
    font-size: 0.8rem;
}

.fondo2{
    /*background: linear-gradient(0deg, rgba(236,236,236,1) 0%, rgba(255,255,255,1) 100%);*/
    background-image: url("images/fondo2.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.fondo2 h2{
    text-transform: none;
    font-size: 2.6rem;
    line-height: auto;
    text-align: center;
    font-weight: 500;
    font-style: normal;
}
.fondo2 h3{
    color: var(--white);
    background-color: var(--redDavivienda);
    text-transform: none;
    font-size: 2.6rem;
    text-align: center;
    font-weight: 500;
    font-style: normal;
    box-shadow: none;
    margin: 5px 0px 10px 0px;
    border-radius: 20px;
    padding: 6px 30px;
}
.fondo2 .slide h2{
    text-transform: uppercase;
    font-weight: 600;
}
.pasosCarrusel{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 20px;
}
.pasosCarrusel .img-pasos{
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pasosCarrusel .img-pasos img{
    width: 80%;
}
.pasosCarrusel .text-pasos{
    width: 70%;
    padding: 0px 30px;
}
.slick-prev{
    position: absolute;
    top: var(--swiper-navigation-top-offset, 45%);
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-next{
    position: absolute;
    top: var(--swiper-navigation-top-offset, 45%);
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-next {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}
.slick-prev {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #ed1c27!important;
}
.botonCuenta{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.botonCuenta a{
    color: #ffffff;
    background-color: #ed1c27;
    padding: 15px 30px;
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: 30px;
    text-decoration: none;
}
.botonCuenta a:hover{
    color: #ffffff;
    background-color: #bb171f;
    padding: 15px 30px;
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 30px;
    text-decoration: none;
}

@media (max-width: 768px) {
    .fondonew h1{
        margin-top: 30px;
        font-size: 4rem;
        text-align: center;
    }

    .fondonew .pildora h2{
        font-size: 2.5rem;
    }

    .fondonew{
        background-image: url("../img/ayRcV-a18a3267-9265-4a2d-8405-5618f28cda77_fondo-index.jpg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 90vh;
    }
}


@media (max-width: 576px) {
    .fondonew h1{
        margin-top: 30px;
        font-size: 3rem;
        text-align: center;
    }

    .fondonew .pildora h2{
        font-size: 1.5rem;
    }

    .fondo2 h2{
        font-size: 2.6rem;
        margin-top: 50%;
    }

    .fondo2 h3{
        font-size: 2rem;
    }
}