*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



html{

    scroll-behavior: smooth;

}



body{

    font-family: 'Raleway', sans-serif;

}



.hero{

    background-image: linear-gradient(120deg, rgba(109, 97, 218, 0.185) 0%, rgba(85, 27, 35, 0.103) 100%), url("../img/Av_Car.png");

    width: 100%;

    height: 550px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    position: relative;

    overflow: hidden;

    /* box-shadow: 0 0 3px 0 rgba(4, 11, 77, 0.623);

    transform: scale(1);

    transition: transform 0.6s; */

}

.hero:hover{

    box-shadow: 0 0 6px 0 rgba(249, 246, 246, 0.5);

    transform: scale(1.03);

    cursor: pointer;

}





.textos-hero{

    height: 500px;

    color: #ffffff;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.textos-hero h1{

    font-size: 60px;

}



.textos-hero p{ 

    font-size: 25px;

    margin-bottom: 20px;

}



.textos-hero a{

    display: inline-block;

    text-decoration: none;

    padding: 12px 15px;

    background: #eb0707;

    border-radius: 8px;

    color: #fff;

}

.nombre-sitio {

    margin-top: 5rem;

    text-align: center;

}

.nombre-sitio span {

    color: #eC700a;

}



.svg-hero{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

}



/* Estilos generales */



.contenedor,

.wave-contenedor{

    width: 90%;

    max-width: 1000px;

    overflow: hidden;

    margin: auto;

    padding: 0 0 80px 0;

}

.contenedor{

    padding: 80px 0;

}



.titulo{

    font-weight: 300;

    font-size: 35px;

    text-align: center;

    margin-bottom: 30px;

}



.titulo.left{

    text-align: left;

}



.titulo.right{

    text-align: right;

}



/* Section */



.website{

    display: flex;

    justify-content: space-between;

}



.website img{

    width: 48%;

}



.website .contenedor-textos-main{

    width: 40%;

}



.parrafo{

    text-align: justify;

    margin-bottom: 20px;

}



.cta{

    display: inline-block;

    text-decoration: none;

    background-image: linear-gradient(45deg, #e4451d 0%, #fad0c4 99%, #fad0c4 100%);

    padding: 12px 15px;

    border-radius: 8px;

    color: #fff;

}



/* Info */    



.info{

    background: #2905f5e5;

    color: #ffffff;  

    padding: 3px 0; /* Ajusta el padding para controlar la altura de la sección */  

}

.contenedor {

    text-align: center; /* Centra el contenido, incluida la imagen */

    

}



.info img{

    width: 48%;

    display: inline-block; /* Permite centrar la imagen con text-align */

    box-shadow: 0 0 3px 0 rgba(4, 11, 77, 0.623);

    transform: scale(1);

    transition: transform 0.6s;

}



.info:hover{

    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);

    transform: scale(1.03);

    cursor: pointer;

}





/* Cards */



.content-cards{

    display: flex;

    width: 100%;

    justify-content: space-evenly;

    flex-wrap: wrap;

}



.card{

    width: 30%;

    text-align: center;

    height: 300px;

    box-shadow: 0 0 3px 0 rgba(4, 11, 77, 0.623);

    transform: scale(1);

    transition: transform 0.6s;

}



.card:hover{

    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);

    transform: scale(1.03);

    cursor: pointer;

}



.card i{

    margin: 30px 0 20px 0;

    color: #0d23ec;

    font-size: 50px;

}



.card p{

    font-weight: 300;

    font-size: 25px;

   

}

/***Maps***/

.direc .cta {

    background-color: #0d23ec;

    color: #fff;

    padding: 10px 20px;

    text-decoration: none;

    border-radius: 5px;

    font-size: 18px;

    transition: background-color 0.3s ease;

}



.direc .cta:hover {

    background-color: #071794;

}



/** Cat **/

.site-cat {

    border-top: 1px solid #e1e1e1;

    margin-top: 5rem;

    padding-top: 5rem;

}

.site-cat h3 {

    margin-bottom: .5rem;

    text-align: center;

}

@media (min-width: 768px) { 

    .site-cat h3 {

        text-align: left;

    }

    .grid-cat {

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        gap: 2rem;

    }

}



.grid-cat > div {

    margin-bottom: 2rem;

}

@media (min-width: 768px) { 

    .grid-cat > div {

        margin: 0;

    }

}

.cat-menu a {

    display: block;

    text-align: center;

}

@media (min-width: 768px) { 

    .cat-menu a {

        text-align: center;

    }

}







/* galeria */



.galeria{

    background: #f2f2f2;

}



.galeria-cont{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-evenly;

    overflow: hidden;

}



.galeria-cont>img{

    width: 30%;

    object-fit: cover;

    margin-bottom: 20px;

    display: block;

    box-shadow: 0px 0px 3px 0px rgba(12, 9, 213, 0.493);

    cursor: pointer;

    overflow: hidden;

}

.galeria:hover{

    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);

    transform: scale(1.03);

    cursor: pointer;

}

.ficha-tecnica {

    display: none;

    /* Agrega estilos adicionales según sea necesario */

    padding: 20px;

    background-color: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

    position: absolute;

    z-index: 999;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



/* info2 */



.last-section{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding-bottom: 40px;

}



.last-section img{

    width: 48%;

}



.last-section .contenedor-textos-main{

    width: 50%;

}





/* footer */



footer{

    background: #0c1ae2;

    color: #fff;

}



.form{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.input{

    background: transparent;

    border: 0;

    color: #fff;

    outline: none;

    border: 1px  solid #fff;

    padding: 20px 10px;

}



.input::placeholder{

    color: #fff;

    font-family: 'raleway', 'sans-serif';

}



input[type="text"], 

input[type="email"]{

    display: inline-block;

    width: 49%;

    margin-bottom: 30px;

}



.form textarea{

    width: 100%;

    margin-bottom: 15px;

}



input[type="submit"]{

    width: 120px;

    text-align: center;

    padding: 14px 0;

}



input[type="submit"]:hover{

    cursor: pointer;

    color: rgb(89, 71, 255);

    background: #fff;

}



@media screen and (max-width:800px){

    .textos-hero h1{

        text-align: center;

        font-size: 50px;

    }

    /* estilos generales */

    .titulo{

        font-size: 35px;

    }



    .titulo.left{

        text-align: center;

    }



    .info p{

        text-align: center;

    }



    /* section */

    .website{

        flex-direction: column-reverse;

        justify-content: center;

        align-items: center;

    }



    .website img{

        width: 100%;

    }



    .website .contenedor-textos-main{

        width: 100%;

    }



    /* Cards */



    .card{

        width: 90%;

        margin-bottom: 20px;

    }



    /* galeria */



    .galeria-cont>img{

        width: 35%;

        box-shadow: 0 0 3px 0 rgba(4, 11, 77, 0.623);

        transform: scale(1);

        transition: transform 0.6s;

    }   



    /* last */



    .last-section img{

        width: 98%;

    }



    .last-section .contenedor-textos-main{

        width: 98%;

        margin-bottom: 20px;

    }





}



@media screen and (max-width:400px){

    .titulo,

    .textos-hero h1{

        font-size: 30px;

    }



    .textos-hero p{

        font-size: 20px;

        text-align: center;

    }



    .card{

        height: 380px;

    }



    .website .contenedor-textos-main{

        margin-bottom: 30px;

    }



    .galeria-cont>img{

        width: 97%;

    }

}