* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: monospace;
    background: #A5A8A9;
    background-repeat: no-repeat;
}

/* Encabezado */

header {
    width: 100%;
}
.encabezado {
    height: 8vh;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(180deg, rgb(0, 0, 0, 0.5), rgb(0, 0, 0,0.2)),url(../Imagenes/Background/reparacion.webp);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    position:fixed;
    top: 0;
}

.encabezado .logo{
    font-size: 30px;
    margin-left: 20px;
    color: #1d1c1c;
    text-shadow: 2px 2px 5px burlywood;
}
.lista {
    display: flex;
    align-items: center;
    gap: 50px;
}

.lista a{
    text-decoration: none;   /*  Para eleminar el color lila l aetiqueta a */
    font-size: 20px;
}
a {
    color: rgba(214, 208, 208, 0.363); 
}
.activo {
    color: white;
}

a:hover {
    color: black;
    font-size: 25px;
}

.encabezado p {
    margin-right: 50px;
    font-size: 20px;
}


.contacto_encabezado p {
    margin-top: 5px;
    font-size: 15px;
    color: #1d1c1c;
    text-shadow: 2px 2px 5px burlywood;
}

/* Primera seccion con contenedor1 */

.contenedor1 {
    margin-top: 8vh;
    width: 100%;
    height: 92vh;
    background-image: linear-gradient(0deg, rgb(0, 0, 0,0.2), rgb(0, 0, 0,0.2)),url(../Imagenes/Background/reparacion.webp) ;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}
.contenedor1 h1 {
    padding-top: 50px;
    padding-left: 50px;
    color: white;
    font-size: 40px;
    text-shadow: 2px 2px 5px burlywood;
}

.contenedor1 h2 {
    color: white;
    padding-left: 90px;
    text-shadow: 2px 2px 5px rgba(222, 184, 135, 0.705);
}

.contenedor1 p {
    margin-top: 300px;
    color: white;
    margin-left: 90px;
    font-size: 2rem;
}



/*====== Slider de Imagenes =====*/

.carousel-inner {
    height: 70vh;
    padding: 10px;   
}

.carousel-item img {
    width: 100%;
    margin: 0 auto;
}


/* Primera seccion con contenedor2 */
.contenedor2 {
    margin-top: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: auto;
}
.contenedor2 img {
    width: 800px;
    height: auto;
    margin-right: 50px;
}
.contenedor2 h2 {
    margin: 0 30px;
    font-size: 2.5em;
    color: rgb(228, 211, 211);
    text-shadow: 2px 2px 5px burlywood;
}
.contenedor2 p {
    max-width: 900px;
    margin: 20px 30px  0px 20px;
    font-size: 2em;
}
/* Primera seccion con contenedor3 */

.contenedor3 {
    width: 100%;
    margin-top: 8vh;
}

.contenedor3 h2 {
    margin-left: 80px;
    font-size: 2.5em;
    margin-bottom: 20px;
    color: rgb(228, 211, 211);
    text-shadow: 2px 2px 5px burlywood;
}
.galeria {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}
.carta p {
    font-size: 2em;
    color: rgba(255, 255, 255, 0.507);
    text-shadow: 2px 2px 5px rgba(109, 80, 163, 0.705);
}
.contenedor3 img {
    padding: 20px;
    height: 500px;
    width: auto;  
}

/* Primera seccion con contenedor4 Ubicacio y direccion*/
.contenedor4 {
    height: 78vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.ubicacion p {
    color: #814c4c;
    font-size: 2.5em;
    text-align: center;
    margin: 0 0 20px 0;
    text-shadow: 2px 2px 5px burlywood;
}

.ubicacion iframe {
    margin-left: 100px;
    width: 600px;
    height: 500px;
    border-radius: 15px;
}

.redes {
    display: flex;
    justify-content: space-around;
}

.redes img{
    width: 75px;
    height: auto;
    margin-left: 30px;
}

.redes a {
    margin-right: 700px;
}

.redes a:hover {
    transform: translate(0.51rem, -0.51rem);
}

.ubi_titulo {
    margin-left: 100px;
    font-size: 40px;
    color: rgba(228, 211, 211, 0.733);
    text-shadow: 2px 2px 5px burlywood;
}

address {
    margin-top: 75px;
    font-size: 4em;
    margin-left: 70px;
    color: #814c4c;
    text-shadow: 2px 2px 5px burlywood;
    margin-right: 100px;
}

/* Pie de pagina */
footer {
    font-size: 1.5em;
    height: auto;
    padding: 50px 0;
    text-align: center;
    color: #1d1c1cd8;
}

.hiden {
    visibility: hidden;
}