@import url("navbar.css");
@import url("hero.css");
@import url("button.css");
@import url("cards.css");
@import url("inventory.css");
@import url("cta.css");
@import url("location.css");
@import url("footer.css");
@import url("responsive.css");
@import url("chatbot.css");


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{

    background:#090909;
    color:#fff;

}

/*==================================================
        HOME - SALVAMENTOS
==================================================*/

.home-feature-section.home-salvamentos{

    position:relative;

    padding:110px 0;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 82% 50%,
            rgba(217,4,41,.10),
            transparent 34%
        ),

        #111;

}


/* Línea decorativa */

.home-feature-section.home-salvamentos::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    right:-280px;

    top:50%;

    transform:translateY(-50%);

    border:1px solid rgba(217,4,41,.12);

    border-radius:50%;

}


.home-feature-section.home-salvamentos::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    right:-190px;

    top:50%;

    transform:translateY(-50%);

    border:1px solid rgba(255,255,255,.035);

    border-radius:50%;

}


/*==================================================
        CONTENIDO
==================================================*/

.home-feature-section.home-salvamentos
.home-feature-copy{

    position:relative;

    z-index:2;

    max-width:600px;

    padding-right:45px;

}


.home-feature-section.home-salvamentos
.home-section-label{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-bottom:18px;

    color:#d90429;

    font-size:11px;

    font-weight:700;

    letter-spacing:3px;

}


.home-feature-section.home-salvamentos
.home-section-label::before{

    content:"";

    width:28px;

    height:2px;

    background:#d90429;

}


/*==================================================
        TÍTULO
==================================================*/

.home-feature-section.home-salvamentos
.home-feature-copy h2{

    margin:0;

    color:#f1f1f1;

    font-size:46px;

    line-height:1.08;

    font-weight:600;

    letter-spacing:-1px;

}


.home-feature-section.home-salvamentos
.home-feature-copy h2 strong{

    display:block;

    margin-top:4px;

    color:#d90429;

    font-weight:700;

}


/*==================================================
        TEXTO
==================================================*/

.home-feature-section.home-salvamentos
.home-feature-copy p{

    max-width:540px;

    margin:22px 0 0;

    color:#999;

    font-size:15px;

    line-height:1.8;

}


/*==================================================
        BOTÓN
==================================================*/

.home-feature-section.home-salvamentos
.home-feature-copy .btn-red{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:30px;

}


.home-feature-section.home-salvamentos
.home-feature-copy .btn-red i{

    transition:.3s;

}


.home-feature-section.home-salvamentos
.home-feature-copy .btn-red:hover i{

    transform:translateX(4px);

}


/*==================================================
        TARJETA VISUAL
==================================================*/

.home-feature-section.home-salvamentos
.home-feature-card{

    position:relative;

    z-index:2;

    min-height:330px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:flex-start;

    padding:45px;

    background:

        linear-gradient(
            145deg,
            #1b1b1b,
            #0d0d0d
        );

    border:1px solid rgba(255,255,255,.07);

    border-radius:22px;

    overflow:hidden;

    box-shadow:

        0 25px 60px rgba(0,0,0,.25);

    transition:

        transform .35s ease,

        border-color .35s ease;

}


.home-feature-section.home-salvamentos
.home-feature-card::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    right:-110px;

    top:-110px;

    border:1px solid rgba(217,4,41,.18);

    border-radius:50%;

}


.home-feature-section.home-salvamentos
.home-feature-card::after{

    content:"";

    position:absolute;

    width:170px;

    height:170px;

    right:-65px;

    top:-65px;

    background:rgba(217,4,41,.045);

    border-radius:50%;

}


.home-feature-section.home-salvamentos
.home-feature-card:hover{

    transform:translateY(-5px);

    border-color:rgba(217,4,41,.3);

}


/*==================================================
        ICONO
==================================================*/

.home-feature-section.home-salvamentos
.feature-icon{

    position:relative;

    z-index:3;

    width:64px;

    height:64px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:28px;

    color:#d90429;

    background:rgba(217,4,41,.10);

    border:1px solid rgba(217,4,41,.16);

    border-radius:16px;

    font-size:25px;

}


/*==================================================
        TEXTO TARJETA
==================================================*/

.home-feature-section.home-salvamentos
.home-feature-card > div:last-child{

    position:relative;

    z-index:3;

    display:flex;

    flex-direction:column;

}


.home-feature-section.home-salvamentos
.home-feature-card strong{

    color:#f1f1f1;

    font-size:25px;

    font-weight:600;

}


.home-feature-section.home-salvamentos
.home-feature-card span{

    max-width:440px;

    margin-top:10px;

    color:#8f8f8f;

    font-size:14px;

    line-height:1.75;

}


/*==================================================
        RESPONSIVE
==================================================*/

@media(max-width:991px){

    .home-feature-section.home-salvamentos{

        padding:85px 0;

    }


    .home-feature-section.home-salvamentos
    .home-feature-copy{

        max-width:700px;

        padding-right:0;

    }


    .home-feature-section.home-salvamentos
    .home-feature-copy h2{

        font-size:40px;

    }


    .home-feature-section.home-salvamentos
    .home-feature-card{

        min-height:280px;

    }

}


@media(max-width:767px){

    .home-feature-section.home-salvamentos{

        padding:70px 0;

    }


    .home-feature-section.home-salvamentos
    .home-feature-copy h2{

        font-size:34px;

    }


    .home-feature-section.home-salvamentos
    .home-feature-copy p{

        font-size:14px;

        line-height:1.7;

    }


    .home-feature-section.home-salvamentos
    .home-feature-card{

        min-height:250px;

        padding:32px;

    }


    .home-feature-section.home-salvamentos
    .home-feature-card strong{

        font-size:21px;

    }


    .home-feature-section.home-salvamentos
    .home-feature-card span{

        font-size:13px;

    }

}


@media(max-width:480px){

    .home-feature-section.home-salvamentos
    .home-feature-copy h2{

        font-size:30px;

    }


    .home-feature-section.home-salvamentos
    .home-feature-card{

        min-height:230px;

        padding:27px;

    }


    .home-feature-section.home-salvamentos
    .feature-icon{

        width:55px;

        height:55px;

        margin-bottom:22px;

        font-size:21px;

    }

}

/*==================================================
        HOME - FINANCIACIÓN
==================================================*/

.home-financing{

    position:relative;

    padding:110px 0;

    overflow:hidden;

    background:#090909;

}


.home-financing::before{

    content:"";

    position:absolute;

    width:620px;

    height:620px;

    left:-360px;

    top:50%;

    transform:translateY(-50%);

    border:1px solid rgba(217,4,41,.08);

    border-radius:50%;

    pointer-events:none;

}


.home-financing .container{

    position:relative;

    z-index:2;

}


.home-financing-box{

    display:grid;

    grid-template-columns:

        minmax(0,1.05fr)

        minmax(360px,.95fr);

    align-items:center;

    gap:80px;

}


/*==================================================
        CONTENIDO
==================================================*/

.home-financing-copy{

    max-width:590px;

}


.home-financing-copy
.home-section-label{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-bottom:18px;

    color:#d90429;

    font-size:11px;

    font-weight:700;

    letter-spacing:3px;

}


.home-financing-copy
.home-section-label::before{

    content:"";

    width:28px;

    height:2px;

    background:#d90429;

}


.home-financing-copy h2{

    margin:0;

    color:#f1f1f1;

    font-size:46px;

    line-height:1.08;

    font-weight:600;

    letter-spacing:-1.2px;

}


.home-financing-copy h2 strong{

    display:block;

    color:#d90429;

    font-weight:700;

}


.home-financing-copy p{

    max-width:530px;

    margin:22px 0 0;

    color:#999;

    font-size:15px;

    line-height:1.8;

}


.home-financing-copy .btn-red{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:28px;

}


/*==================================================
        NÚMEROS
==================================================*/

.home-financing-numbers{

    position:relative;

    min-height:360px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:25px;

    padding:45px;

    background:

        radial-gradient(
            circle at center,
            rgba(217,4,41,.12),
            transparent 58%
        ),

        linear-gradient(
            145deg,
            #1b1b1b,
            #0d0d0d
        );

    border:1px solid rgba(255,255,255,.07);

    border-radius:22px;

    box-shadow:

        0 25px 60px rgba(0,0,0,.3);

    overflow:hidden;

}


.home-financing-numbers::before{

    content:"";

    position:absolute;

    width:360px;

    height:360px;

    border:1px solid rgba(217,4,41,.13);

    border-radius:50%;

    pointer-events:none;

}


.home-financing-numbers::after{

    content:"";

    position:absolute;

    width:230px;

    height:230px;

    border:1px solid rgba(255,255,255,.035);

    border-radius:50%;

    pointer-events:none;

}


/*==================================================
        NÚMERO INDIVIDUAL
==================================================*/

.finance-number{

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

}


.finance-number strong{

    color:#f1f1f1;

    font-size:86px;

    line-height:.9;

    font-weight:700;

    letter-spacing:-4px;

}


.finance-number span{

    margin-top:15px;

    color:#888;

    font-size:10px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}


.finance-plus{

    position:relative;

    z-index:2;

    color:#d90429;

    font-size:38px;

    font-weight:300;

}


/*==================================================
        NOTA
==================================================*/

.finance-note{

    position:absolute;

    left:35px;

    right:35px;

    bottom:24px;

    z-index:3;

    padding-top:17px;

    border-top:1px solid rgba(255,255,255,.07);

    color:#777;

    font-size:10px;

    line-height:1.55;

    text-align:center;

}


/*==================================================
        RESPONSIVE
==================================================*/

@media(max-width:991px){

    .home-financing{

        padding:90px 0;

    }


    .home-financing-box{

        grid-template-columns:1fr;

        gap:45px;

    }


    .home-financing-copy{

        max-width:700px;

    }


    .home-financing-copy h2{

        font-size:40px;

    }


    .home-financing-numbers{

        max-width:700px;

        min-height:320px;

    }

}


@media(max-width:767px){

    .home-financing{

        padding:75px 0;

    }


    .home-financing-box{

        gap:35px;

    }


    .home-financing-copy h2{

        font-size:34px;

    }


    .home-financing-copy p{

        font-size:14px;

        line-height:1.7;

    }


    .home-financing-numbers{

        min-height:280px;

        padding:35px 20px;

        gap:15px;

    }


    .finance-number strong{

        font-size:65px;

    }


    .finance-number span{

        font-size:8px;

        letter-spacing:1px;

    }


    .finance-plus{

        font-size:30px;

    }


    .finance-note{

        left:20px;

        right:20px;

        bottom:18px;

    }

}


@media(max-width:480px){

    .home-financing{

        padding:65px 0;

    }


    .home-financing-copy h2{

        font-size:30px;

    }


    .home-financing-numbers{

        min-height:260px;

        padding:30px 12px;

        gap:10px;

    }


    .finance-number strong{

        font-size:55px;

        letter-spacing:-2px;

    }


    .finance-number span{

        font-size:7px;

    }


    .finance-plus{

        font-size:25px;

    }

}

/*==================================================
        HOME - GOOGLE REVIEWS
==================================================*/

.home-reviews{

    position:relative;

    padding:75px 0;

    overflow:hidden;

    background:#111;

}


.home-reviews::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    left:-240px;

    top:50%;

    transform:translateY(-50%);

    border:1px solid rgba(217,4,41,.08);

    border-radius:50%;

}


.home-reviews .container{

    position:relative;

    z-index:2;

}


.home-review-box{

    max-width:780px;

    margin:0 auto;

    padding:45px 35px;

    text-align:center;

    background:#171717;

    border:1px solid rgba(255,255,255,.07);

    border-radius:20px;

    box-shadow:

        0 20px 50px rgba(0,0,0,.22);

}


/*==================================================
        ESTRELLAS
==================================================*/

.review-stars{

    display:flex;

    justify-content:center;

    gap:5px;

    margin-bottom:17px;

}


.review-stars i{

    color:#f5b800;

    font-size:17px;

}


/*==================================================
        ETIQUETA GOOGLE
==================================================*/

.home-review-box .home-section-label{

    display:block;

    margin-bottom:10px;

    color:#d90429;

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


/*==================================================
        TÍTULO
==================================================*/

.home-review-box h2{

    margin:0;

    color:#f1f1f1;

    font-size:30px;

    line-height:1.2;

    font-weight:600;

    letter-spacing:-.5px;

}


/*==================================================
        DESCRIPCIÓN
==================================================*/

.home-review-box p{

    margin:12px auto 24px;

    color:#999;

    font-size:13px;

    line-height:1.7;

}


/*==================================================
        BOTÓN
==================================================*/

.home-review-box .btn-red{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

}


.home-review-box .btn-red i{

    font-size:14px;

}


/*==================================================
        RESPONSIVE
==================================================*/

@media(max-width:767px){

    .home-reviews{

        padding:60px 0;

    }


    .home-review-box{

        padding:38px 22px;

        border-radius:16px;

    }


    .home-review-box h2{

        font-size:25px;

    }


    .home-review-box p{

        font-size:12px;

    }

}


@media(max-width:480px){

    .home-reviews{

        padding:50px 0;

    }


    .home-review-box{

        padding:32px 18px;

    }


    .home-review-box h2{

        font-size:22px;

    }


    .review-stars i{

        font-size:15px;

    }

}