*{
    font-family: 'Alegreya Sans SC', sans-serif;
}

/*STYLE NAV*/
.letra{
    color:black;
    font-weight: bold;
}

.letra:hover{
    text-shadow: 1px 1px 1px gray;  
}

h1{
    color:black;
    font-weight: bold;
    text-shadow: 1px 1px 1px black; 
}


/*STYLE INDEX*/
.div1{
    text-align: center;
    margin-top: 1%;
    margin-bottom: 1%;
    font-weight: bold;
    color:black;
    text-shadow: 1px 1px 1px gray;   
}

.div1:hover{
    transform: scale(1.05);
    cursor:default;
}



/*STYLE FOOTER*/

footer{
    padding: 1%;
    background-color:#f8f9fa;
    text-align: center;
    font-weight: bold;
    color:black;
}

/*STYLE NOSOTROS.HTML*/
p{
    font-size: 22px;
    text-align: justify;
    color:black;
    font-weight: bold;
}

/*STYLE FOTOS*/
.fotos{
margin-bottom: 10%;
text-align: center;
filter: grayscale(100%);
}
    
.fotos:hover{
opacity:0,1;
box-shadow: 0px 0px 5px 5px rgb(65, 64, 64);
-webkit-box-shadow: 0px 0px 10px 10px rgb(65, 64, 64);
filter: none;
}

h2{
text-align: center;
margin-top: 1%;
margin-bottom: 1%;
font-weight: bold;
text-shadow: 1px 1px 1px black; 
}

h2:hover{
transform: scale(1.05);
cursor:default;
}

span{
    color:black;
    font-weight: bold;
    font-size: 18px;
}

/*STYLE CONTACTO.HTML*/
.contacto{
padding-top: 5%;
padding-bottom: 2.5%;
text-align: left;
font-weight: bold;
border-style: solid;
border-width: thin;
border-color:black;
background-color: #f8f9fa; 
margin-top:2.5%;
margin-bottom:5%;
}

.listaContacto{
list-style: none;
}

.listaContacto li a{
color:black;
}

/*STYLE FORM*/
.formulario1{
display: none;
}

/*STYLE SERVICIOS.HTML*/

/*STYLE EVENTOS*/

section{
    display:flex;
    width: 1300px;
    height: 630px;
    padding-bottom: 5% ;
}

section img {
    width: 0px;
    flex-grow: 1;
    object-fit: cover;
    opacity: .8;
    transition: .5s ease;
}

section img:hover {
    cursor: crosshair;
    width: 300px;
    opacity: 1;
    filter: contrast (120%);
}

h3{
    text-emphasis: filled double-circle #b6b5b3;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
}

/*STYLE PERSONAL.HTML*/

.zoom{
overflow: hidden;
position: relative;
}

.center{
    text-align: center;
}


.rotate-in-ver{
 transition: transform 2s;
}

.rotate-in-ver:hover {
    transform: scale(1.08);
}

.pick {
    opacity: 50%;
  }