/*HOJA DE ESTILOS SYMPATH*/

/*GENERALES*/
* {
    margin: 0;
}

h1 {
    font-family: 'Crimson Text';
    text-transform: uppercase;
    color: white;
}

h2 {
    font-family: 'Crimson Text';
    text-transform: uppercase;

    padding-bottom: 45px;
    padding-top: 30px;
}

p {
    font-family: 'Crimson Text';
    font-size: 20px;
    padding-bottom: 25px;
}

/*HEADER*/
header {
    background-image: url(../imagenes/bg-header.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@keyframes rotacion {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.logo {

    width: 400px;
    display: inline-block;
    /* Necesario para transformaciones */
    animation: rotacion 1s linear;
    /* La animación dura 3 segundos y es infinita */
}

/*BARRA DE NAVEGACION*/
.fondo-nav {
    background-color: #64A8D5;
    margin: 0;
    border-bottom:solid white;
}

.nav-link {
    padding: 10px 36px !important;
    color: white;
}

nav {
    font-family: 'EB Garamond';
    font-size: small;
    color: white;
}

.nav-logo{ width: 120px;}
.nav-link:hover,
.active .nav-link {
    color: #2076C3;
    font-weight: bolder;
}

.navbar-toggler {
    color: #31A8D7;
}

.navbar-toggler-icon {
    color: aqua;
}

button {
    color: aqua;
}

/*__________________SECCION QUIENES SOMOS____________*/
.quienes {
    background-color: #B7E0F4;
    padding-bottom: 70px;
}

.quienes h2 {
    color: #2076C3;
}

/*__________________SECCION REPARACION DE MAQUINARIA___________*/
.reparacion {
    color: white;
    background-image: linear-gradient(#4086C4, #B7E0F4);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.reparacion img {
    width: 300px;
}

.reparacion p {
    padding-top: 40px;
}

.contenedor-reparacion {
    padding-top: 90px;
    padding-bottom: 150px;
}

/*_________SECCION MANTENIMIENTO*/
.mantenimiento h2 {
    color: #1C5F9C;
}

.mantenimiento img {
    width: 400px;
}

.contenedor-mantenimiento {
    padding-top: 80px;
    padding-bottom: 130px;
}

/*__________________SECCION DIAGNOSTICO___________*/
.diagnostico {
    color: white;
    background-image: url(../imagenes/bg-diagnostico.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    border: none;
}

.contenedor-diagnostico {
    padding-top: 90px;
    padding-bottom: 120px;
}

.diagnostico img {
    width: 300px;
}
/*__________________SECCION SOFWARE___________*/
.sofware{ background-color: #3A81c1; color: white;}

/*__________________CONTACTO__________________*/
.contacto{ background-image: url(../imagenes/bg-contacto.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    }
    .contacto p{  font-style: italic;}
    .contacto img{ width: 40px;}
    .contenedor-contacto{ padding-bottom: 100px;}
    .icono {
        font-family: 'Crimson Text';
        font-size: 22px;
  
        padding-bottom: 40px;
        text-align: center;
    }
/* Contenedor del título y párrafo */
.contacto .row:first-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Contenedor de cada dato de contacto */
.contacto .row:nth-child(2) > div {
    display: flex;
    align-items: center;
    gap: 10px; /* Espaciado entre el icono y el texto */
    margin-bottom: 15px; /* Espaciado entre elementos en pantallas pequeñas */
}
span{ font-family:'Crimson Text' ;
font-size: large;}
    /*___________________---FOOTER___________________-*/
    footer{ background-color: #3A81c1; color: white;}
    footer img{ width: 170px;
    padding-bottom: 35px; padding-top: 20px;}