/* =======================
   GENERALES
======================= */

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

body{

    font-family:Arial, Helvetica, sans-serif;
}


/* Fuentes */

@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,700;1,700&display=swap');

.hanken-grotesk{
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz@0,14..32;1,14..32&display=swap');

.inter{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,500;1,500&display=swap');

.jetbrains-mono{
  font-family: "JetBrains Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}





/* =======================
 NAVBAR
======================= */

.navbar{

    padding:18px 0;
}

.navbar-brand{

    font-size:28px;
}

.nav-link{

    font-weight:500;
    margin:0 10px;
    position:relative;
}

.nav-link.active{

    color:#d71920!important;
}

.nav-link:hover{

    color:#d71920;
}

/* =======================
 HERO
======================= */

.hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    background:url("../img/impacto.jpeg") center center;

    background-size:cover;

    margin-top:82px;

}

.overlay{

    position:absolute;

    width:100%;
    height:100%;

    background:rgba(0,0,0,.45);

    top:0;
    left:0;
}

.hero .container{

    z-index:2;
}

.subtitulo{

    font-family: Jetbrains Mono;

    color:white;

    letter-spacing:3px;

    font-size:14px;

    font-weight:bold;
}

.hero h1{

    font-family: Hanken Grotesk;

    color:white;

    font-size:72px;

    font-weight:800;

    line-height:1.1;

    margin-top:20px;

    max-width:700px;
}

/* =======================
 BOTONES
======================= */

.btn-danger{

    background:#d71920;
    border:none;
}

.btn-danger:hover{

    background:#b40f15;
}

.btn-outline-light{

    border:2px solid white;
}

.btn-llamanos{
    font-family: Inter;
    background-color: transparent;
    border-radius: 0;
}

.btn-llamanos:hover{
   color: #fff;
}

.btn-ws{
    font-family: Inter;
    background-color: #EB0A1E;
    border-radius: 0;
}

.btn-s-1{
    background-color: #EB0A1E;
    color: #fff;
    border-radius: 0;
    font-family: Inter;
    width: 60%;
}

.btn-s-2{
    border-radius: 0;
    font-family: Inter;
    width: 35%;
}



/* =======================
 BOTONES FLOTANTES
======================= */

.floating-btn{

    position:fixed;

    width:60px;

    height:60px;

    right:25px;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:25px;

    text-decoration:none;

    color:white;

    z-index:9999;
}

.whatsapp{

    background:#25D366;

    bottom:100px;
}

.phone{

    background:#d71920;

    bottom:30px;
}

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

@media(max-width:992px){

.hero{

    text-align:center;
}

.hero h1{

    font-size:50px;
}

}

@media(max-width:768px){

.hero{

    min-height:90vh;
}

.hero h1{

    font-size:38px;
}

.subtitulo{

    font-size:12px;
}

.btn-lg{

    width:100%;
}

}

@media(max-width:576px){

.hero h1{

    font-size:32px;
}

.navbar-brand{

    font-size:22px;
}

}

/*==================================
INGENIERÍA
==================================*/

.engineering{
    background:#fff;
}

.engineering-title{
    font-size:3rem;
    font-weight:700;
    color:#111;
    line-height:1.2;
    margin-bottom:25px;
}

.engineering-text{
    color:#5b5b5b;
    line-height:1.9;
    font-size:1rem;
}

.engineering h3{
    color:#d71920;
    font-weight:700;
    margin-bottom:0;
}

.engineering span{
    color:#555;
    font-size:.9rem;
}

.engineering-img{
    width:100%;
    object-fit:cover;
}

/*==================================
CATÁLOGO
==================================*/

.featured{
    background:#f7f7f7;
}

.section-subtitle{
    color:#d71920;
    font-weight:700;
    letter-spacing:2px;
    font-size:.75rem;
}

.section-title{
    font-size:2.7rem;
    font-weight:700;
    color:#111;
}

.inventory-link{
    color:#d71920;
    text-decoration:none;
    font-weight:600;
}

.inventory-link:hover{
    color:#111;
}

/*==================================
CARD
==================================*/

.vehicle-card{

    background:#fff;

    border:1px solid #ddd;

    transition:.35s;

    height:100%;
}

.vehicle-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.vehicle-image{

    position:relative;

    overflow:hidden;
}

.vehicle-image img{

    width:100%;

    transition:.5s;

    object-fit: cover;
    height: 19rem;
}

.vehicle-card:hover img{

    transform:scale(1.05);
}

.badge-new,
.badge-certified,
.badge-selection{

    position:absolute;

    top:15px;

    left:15px;

    color:#fff;

    padding:6px 12px;

    font-size:.7rem;

    font-weight:700;

    letter-spacing:1px;
}

.badge-new{

    background:#d71920;
}

.badge-certified{

    background:#6c757d;
}

.badge-selection{

    background:#111;
}

.vehicle-body{

    padding:22px;
}

.vehicle-body h4{

    font-weight:700;

    margin-bottom:15px;
}

.vehicle-body p{

    color:#666;

    min-height:60px;
}

.vehicle-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:20px;
}

.vehicle-footer h3{

    font-size:1.8rem;

    font-weight:700;

    margin:0;
}

.btn-details{

    border:1px solid #222;

    color:#111;

    padding:8px 18px;

    text-decoration:none;

    transition:.3s;
}

.btn-details:hover{

    background:#111;

    color:#fff;
}

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

@media(max-width:992px){

.engineering{
    text-align:center;
}

.engineering-title{
    font-size:2.3rem;
}

.vehicle-footer{

    flex-direction:column;

    gap:15px;
}

}

@media(max-width:768px){

.section-title{
    font-size:2rem;
}

.engineering-title{
    font-size:2rem;
}

.inventory-link{
    margin-top:15px;
}

}

/*=========================================
WHY US
=========================================*/

.why-us{

    background:#fff;
}

.why-title{

    font-family: Hanken Grotesk;

    font-size:2.8rem;

    font-weight:700;

    color:#111;
}

/* Cards */

.feature-card{

    background:#fff;

    border:1px solid #f1cfcf;

    padding:35px;

    height:100%;

    transition:.35s;
}

.feature-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.feature-icon{

    font-size:2rem;

    color:#d71920;

    margin-bottom:20px;
}

.feature-card h3{

    font-family: Inter;

    font-size:1.6rem;

    margin-bottom:20px;

    font-weight:600;
}

.feature-card p{

    font-family: Inter;

    color:#666;

    line-height:1.8;
}

.feature-tags{

    font-family: "JetBrains Mono", monospace;

    margin-top:25px;

    display:flex;

    gap:25px;

    flex-wrap:wrap;

    font-size:.9rem;

    color:#222;
}

/* Card Roja */

.feature-red{

    background:#d71920;

    color:#fff;

    border:none;
}

.feature-red .feature-icon,
.feature-red p,
.feature-red h3{

    color:#fff;
}

/*=========================================
CARD CON IMAGEN
=========================================*/

.feature-image-card{

    display:flex;

    height:100%;

    border:1px solid #f1cfcf;

    overflow:hidden;
}

.feature-content{

    flex:1;

    padding:35px;
}

.feature-image{

    width:40%;
}

.feature-image img{

    width:100%;

    height:100%;

    object-fit:cover;
}

/*=========================================
FOOTER
=========================================*/

.footer{

    background:#dfdede;

    padding:70px 0 20px;
}

.footer-logo{
    
    font-family: "Hanken Grotesk";

    font-weight:700;

    color:#111;

    line-height:1.2;
}

.footer-logo span{

    font-family: Inter;

    font-weight:400;

    color:#666;
}

.footer p{

    font-family: Inter;

    color:#666;

    line-height:1.8;
}

.footer h6{

    font-family: "JetBrains Mono";

    color:#d71920;

    font-size:.8rem;

    letter-spacing:2px;

    margin-bottom:20px;
}

.footer ul{

    list-style:none;

    padding:0;
}

.footer li{

    margin-bottom:12px;
}

.footer a{

    font-size: 0.9rem;

    font-family: "JetBrains Mono";

    text-decoration:none;

    color:#444;

    transition:.3s;
}

.footer a:hover{

    color:#d71920;
}

.footer-social{

    display:flex;

    gap:18px;

    margin-top:20px;
}

.footer-social a{

    font-size:1rem;
}

.footer hr{

    margin:50px 0 20px;
}

.copyright{

    font-family: "Inter";

    color:#666;

    font-size:.9rem;
}

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

@media(max-width:992px){

.feature-image-card{

    flex-direction:column;
}

.feature-image{

    width:100%;

    height:280px;
}

.footer{

    text-align:center;
}

.footer-social{

    justify-content:center;
}

}

@media(max-width:768px){

.why-title{

    font-size:2.2rem;
}

.feature-card{

    padding:25px;
}

.feature-card h3{

    font-size:1.4rem;
}

}

.subtitulo2{
    font-family: Inter;
    color:#fff;
    font-size: 1.2rem;
}

.section-title{

    font-size:42px;
    font-weight:700;
    color:#111;
}

.section-description{

    color:#666;
    max-width:700px;
    margin:auto;
}


/*=========================
    FILOSOFÍA
=========================*/

.filosofia{

    background:#f5f5f5;
}

.filosofia-card{

    background:#fff;

    border:1px solid #f1cfcf;

    padding:40px 35px;

    height:100%;

    transition:.3s;
}

.filosofia-card:hover{

    transform:translateY(-5px);

    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.filosofia-card .icon{

    color:#e4001b;

    font-size:22px;

    margin-bottom:25px;
}

.filosofia-card h4{

    font-size:28px;

    font-weight:700;

    margin-bottom:18px;

    color:#111;
}

.filosofia-card p{

    color:#666;

    line-height:1.8;
}

.filosofia-card.active{

    background:#e4001b;

    color:#fff;

    border:none;
}

.filosofia-card.active h4{

    color:#fff;
}

.filosofia-card.active p{

    color:#fff;
}

.filosofia-card.active .icon{

    color:#fff;
}

.filosofia-card.active strong{

    display:block;

    margin-top:35px;

    color:#fff;
}


/*=========================
    IMPACTO
=========================*/

.impacto{

    background:#fff;
}

.impacto-img{

    width:100%;

    border-radius:4px;
}

.impacto h2{

    font-size:48px;

    font-weight:700;

    color:#111;

    margin-bottom:25px;
}

.impacto p{

    color:#666;

    line-height:1.8;

    margin-bottom:30px;
}

.impacto-lista{

    list-style:none;

    padding:0;

    margin:0;
}

.impacto-lista li{

    position:relative;

    padding-left:35px;

    margin-bottom:18px;

    color:#333;
}

.impacto-lista li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    width:20px;

    height:20px;

    border:2px solid #e4001b;

    border-radius:50%;

    color:#e4001b;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:12px;

    font-weight:bold;
}


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

@media(max-width:991px){

    .section-title{

        font-size:34px;
    }

    .impacto h2{

        font-size:36px;
    }

    .filosofia-card{

        padding:30px;
    }

}

/*==========================
        CONTACTO
==========================*/

.contacto{

    background:#f8f8f8;
}

/* Título pequeño */

.contacto-subtitulo{

    display:block;

    color:#d71920;

    font-family:"JetBrains Mono", monospace;

    font-size:12px;

    letter-spacing:3px;

    margin-bottom:10px;
}

/* Título */

.contacto-titulo{

    font-family:"Hanken Grotesk", sans-serif;

    font-size:60px;

    font-weight:700;

    color:#111;

    line-height:1.1;

    margin-bottom:20px;
}

/* descripción */

.contacto-descripcion{

    font-family:"Inter", sans-serif;

    color:#666;

    font-size:18px;

    max-width:650px;

    margin:auto;
}


/*==========================
        FORMULARIO
==========================*/

.contacto-card{

    background:#fff;

    border:1px solid #edd4d4;

    padding:35px;
}

.contacto-card h4{

    font-family:"Hanken Grotesk";

    margin-bottom:35px;

    font-size:28px;
}

.contacto-card label{

    display:block;

    font-family:"JetBrains Mono";

    font-size:11px;

    text-transform:uppercase;

    color:#777;

    margin-bottom:8px;

    letter-spacing:1px;
}

.contacto-card .form-control{

    border-radius:0;

    border:1px solid #edd4d4;

    height:52px;

    font-family:"Inter";
}

.contacto-card textarea.form-control{

    height:auto;

    resize:none;
}

.contacto-btn{

    background:#d71920;

    color:#fff;

    border-radius:0;

    height:52px;

    font-family:"Hanken Grotesk";

    font-size:15px;

    transition:.3s;
}

.contacto-btn:hover{

    background:#111;

    color:#fff;
}


/*==========================
        IMAGEN
==========================*/

.planta{

    overflow:hidden;
}

.planta img{

    display:block;
}

.planta-info{

    position:absolute;

    left:25px;

    bottom:25px;

    background:#fff;

    padding:18px 22px;

    width:320px;

    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.planta-info span{

    display:block;

    color:#d71920;

    font-family:"JetBrains Mono";

    font-size:11px;

    margin-bottom:8px;
}

.planta-info p{

    margin:0;

    font-family:"Inter";

    color:#333;
}


/*==========================
        CARDS
==========================*/

.info-card{

    background:#fff;

    border:1px solid #edd4d4;

    padding:30px;

    height:100%;
}

.info-card i{

    font-size:24px;

    color:#d71920;

    margin-bottom:20px;

    display:block;
}

.info-card h5{

    font-family:"Hanken Grotesk";

    font-size:30px;

    margin-bottom:15px;
}

.info-card p{

    font-family:"Inter";

    color:#666;
}

.info-card a{

    color:#d71920;

    font-family:"Hanken Grotesk";

    text-decoration:none;
}

.info-card a:hover{

    color:#111;
}


/*==========================
        HORARIOS
==========================*/

.horarios{

    background:#fff;

    border:1px solid #edd4d4;

    padding:30px;
}

.horarios h5{

    font-family:"Hanken Grotesk";

    margin-bottom:25px;
}

.horario-item{

    display:flex;

    justify-content:space-between;

    padding:16px 0;

    border-bottom:1px solid #ececec;

    font-family:"Inter";
}

.horario-item:last-child{

    border:none;
}

.cerrado{

    color:#d71920;

    font-family:"JetBrains Mono";
}


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

@media(max-width:992px){

    .contacto-titulo{

        font-size:42px;
    }

    .planta-info{

        position:relative;

        left:auto;

        bottom:auto;

        width:100%;
    }

}

@media(max-width:576px){

    .contacto-card{

        padding:25px;
    }

    .contacto-titulo{

        font-size:34px;
    }

    .info-card{

        padding:25px;
    }

    .horario-item{

        flex-direction:column;

        gap:5px;
    }

}

#respuestaFormulario .alert{

    border-radius:0;

    margin-top:20px;

    font-family:"Inter";

}

.spinner-border{

    width:18px;

    height:18px;

}

.detalle-auto{

    background:#f8f8f8;
}

.galeria{

    background:#fff;
}

.imagen-principal{

     height:550px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#f5f5f5;

    position:relative;

    overflow:hidden;

}

.imagen-principal img{

    width:100%;

    display:block;

    transition:.35s;

    height:100%;

    object-fit:cover;

}

.badge-disponible{

    position:absolute;

    top:15px;

    left:15px;

    background:#d71920;

    color:#fff;

    padding:6px 12px;

    font-family:"JetBrains Mono";

    font-size:11px;

    z-index:20;
}

.galeria-prev,
.galeria-next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:45px;

    height:45px;

    border:none;

    background:rgba(255,255,255,.95);

    cursor:pointer;

    transition:.3s;

    opacity:0;
}

.imagen-principal:hover .galeria-prev,
.imagen-principal:hover .galeria-next{

    opacity:1;
}

.galeria-prev{

    left:15px;
}

.galeria-next{

    right:15px;
}

.galeria-prev:hover,
.galeria-next:hover{

    background:#d71920;

    color:#fff;
}

.miniaturas{

    display:flex;

    gap:12px;

    margin-top:18px;

    flex-direction: row;
    flex-wrap: wrap;
}

.miniatura{

    width:90px;

    height:70px;

    object-fit:cover;

    cursor:pointer;

    border:2px solid transparent;

    transition:.3s;
}

.miniatura:hover{

    border-color:#d71920;
}

.miniatura.activa{

    border-color:#d71920;
}

/* Sidebar */

.vehiculo-sidebar{

    background:#fff;

    border:1px solid #ececec;

    padding:35px;
}

.categoria{

    display:block;

    color:#888;

    font-family:"JetBrains Mono";

    font-size:11px;

    letter-spacing:2px;

    margin-bottom:10px;
}

.vehiculo-sidebar h1{

    font-family:"Hanken Grotesk";

    font-size:44px;

    margin-bottom:15px;
}

.precio{

    color:#d71920;

    font-family:"Hanken Grotesk";

    font-size:34px;

    margin-bottom:30px;
}

.btn-whatsapp,
.btn-cotizar,
.btn-llamada{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    text-decoration:none;

    height:55px;

    margin-bottom:15px;

    font-family:"Hanken Grotesk";

    transition:.3s;
}

.btn-whatsapp{

    background:#28c76f;

    color:#fff;
}

.btn-cotizar{

    background:#d71920;

    color:#fff;
}

.btn-llamada{

    border:1px solid #bbb;

    color:#111;
}

.btn-whatsapp:hover,
.btn-cotizar:hover{

    color:#fff;

    transform:translateY(-2px);
}

.btn-llamada:hover{

    background:#111;

    color:#fff;
}

.garantia{

    display:flex;

    gap:15px;

    margin-top:35px;

    border-top:1px solid #ececec;

    padding-top:25px;
}

.garantia i{

    color:#d71920;

    font-size:24px;
}

.garantia strong{

    font-family:"Hanken Grotesk";
}

.garantia p{

    margin:0;

    font-family:"Inter";

    color:#666;
}

/* ficha */

.ficha-tecnica{

    background:#fff;

    padding:40px;

    border:1px solid #ececec;
}

.ficha-tecnica h3{

    font-family:"Hanken Grotesk";

    margin-bottom:35px;
}

.dato{

    margin-bottom:25px;
}

.dato span{

    display:block;

    color:#777;

    text-transform:uppercase;

    font-size:11px;

    font-family:"JetBrains Mono";

    margin-bottom:10px;
}

.dato strong{

    font-family:"Hanken Grotesk";

    font-size:22px;
}

/* descripción */

.descripcion-auto h3{

    position:relative;

    padding-left:20px;

    font-family:"Hanken Grotesk";

    margin-bottom:30px;
}

.descripcion-auto h3::before{

    content:"";

    position:absolute;

    left:0;

    top:4px;

    width:4px;

    height:28px;

    background:#d71920;
}

.descripcion-auto p{

    font-family:"Inter";

    color:#555;

    line-height:2;
}

@media(max-width:991px){

    .vehiculo-sidebar{

        margin-top:40px;
    }

    .miniaturas{

        overflow-x:auto;
    }

    .miniatura{

        flex-shrink:0;
    }

}

#imagenPrincipal{

    transition:opacity .35s ease;

    opacity:1;

}

.miniatura{

    transition:
        border-color .25s,
        transform .25s,
        opacity .25s;

    opacity:.65;
}

.miniatura:hover{

    transform:translateY(-3px);

    opacity:1;
}

.miniatura.activa{

    opacity:1;

    border:2px solid #d71920;

    transform:translateY(-3px);
}

/*==========================
        AVISO
==========================*/

.aviso-privacidad{

    background:#f8f8f8;
}

/* encabezado */

.aviso-etiqueta{

    display:block;

    font-family:"JetBrains Mono";

    color:#d71920;

    letter-spacing:3px;

    font-size:12px;

    margin-bottom:15px;
}

.aviso-privacidad h1{

    font-family:"Hanken Grotesk";

    font-size:58px;

    margin-bottom:20px;
}

.aviso-privacidad p{

    font-family:"Inter";

    color:#666;
}

/*==========================
        ÍNDICE
==========================*/

.indice{

    position:sticky;

    top:120px;

    background:#fff;

    padding:30px;

    border:1px solid #ececec;
}

.indice h5{

    font-family:"Hanken Grotesk";

    margin-bottom:25px;
}

.indice ul{

    list-style:none;

    padding:0;

    margin:0;
}

.indice li{

    margin-bottom:18px;
}

.indice a{

    text-decoration:none;

    color:#444;

    font-family:"Inter";

    transition:.3s;
}

.indice a:hover{

    color:#d71920;

    padding-left:5px;
}

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

.contenido-aviso{

    background:#fff;

    padding:50px;

    border:1px solid #ececec;
}

.contenido-aviso section{

    margin-bottom:60px;
}

.contenido-aviso section:last-child{

    margin-bottom:0;
}

.contenido-aviso h2{

    position:relative;

    font-family:"Hanken Grotesk";

    font-size:34px;

    padding-left:18px;

    margin-bottom:25px;
}

.contenido-aviso h2::before{

    content:"";

    position:absolute;

    left:0;

    top:5px;

    width:4px;

    height:32px;

    background:#d71920;
}

.contenido-aviso p{

    font-family:"Inter";

    color:#555;

    line-height:2;
}

.contenido-aviso ul{

    margin-top:20px;
}

.contenido-aviso li{

    margin-bottom:12px;

    font-family:"Inter";
}

.contenido-aviso li::marker{

    color:#d71920;
}

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

@media(max-width:991px){

    .indice{

        position:relative;

        top:auto;

        margin-bottom:40px;
    }

    .contenido-aviso{

        padding:30px;
    }

    .aviso-privacidad h1{

        font-size:40px;
    }

}


/*======================================
        TÉRMINOS Y CONDICIONES
======================================*/

.terminos-condiciones{

    background:#f8f8f8;
}

/* encabezado */

.legal-etiqueta{

    display:block;

    font-family:"JetBrains Mono";

    color:#d71920;

    font-size:12px;

    letter-spacing:3px;

    margin-bottom:15px;
}

.terminos-condiciones h1{

    font-family:"Hanken Grotesk";

    font-size:58px;

    margin-bottom:20px;

    color:#111;
}

.terminos-condiciones p{

    font-family:"Inter";

    color:#666;
}

/*=========================
        ÍNDICE
=========================*/

.legal-indice{

    position:sticky;

    top:120px;

    background:#fff;

    border:1px solid #ececec;

    padding:30px;
}

.legal-indice h5{

    font-family:"Hanken Grotesk";

    margin-bottom:25px;
}

.legal-indice ul{

    list-style:none;

    padding:0;

    margin:0;
}

.legal-indice li{

    margin-bottom:16px;
}

.legal-indice a{

    text-decoration:none;

    color:#444;

    font-family:"Inter";

    transition:.3s;
}

.legal-indice a:hover{

    color:#d71920;

    padding-left:5px;
}

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

.legal-contenido{

    background:#fff;

    border:1px solid #ececec;

    padding:50px;
}

.legal-contenido section{

    margin-bottom:60px;
}

.legal-contenido section:last-child{

    margin-bottom:0;
}

.legal-contenido h2{

    position:relative;

    padding-left:18px;

    font-family:"Hanken Grotesk";

    font-size:34px;

    margin-bottom:25px;
}

.legal-contenido h2::before{

    content:"";

    position:absolute;

    left:0;

    top:4px;

    width:4px;

    height:32px;

    background:#d71920;
}

.legal-contenido p{

    font-family:"Inter";

    color:#555;

    line-height:2;
}

.legal-contenido ul{

    margin-top:20px;
}

.legal-contenido li{

    margin-bottom:10px;

    font-family:"Inter";
}

.legal-contenido li::marker{

    color:#d71920;
}

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

@media(max-width:991px){

    .legal-indice{

        position:relative;

        top:auto;

        margin-bottom:40px;
    }

    .legal-contenido{

        padding:30px;
    }

    .terminos-condiciones h1{

        font-size:40px;
    }

}