h1{
font-family:Poppins;
font-size:150%;   
margin-bottom:0px;
text-align:center;
}
nav{
display: grid;
place-content: center;  
}
nav ul{
font-family:Parisienne;
font-size:150%;
text-decoration:none;
list-style:none;
display:flex;    
flex-direction:row;
align-items: center;
color:black;
}
nav ul li{
margin-right:20px;  
color:black;
text-decoration:none;
}
nav a {
margin-right:20px;  
color:black;
text-decoration:none;
}
.titulo{
font-family:Poppins;
font-size:150%;
margin: bottom 0px;    
}
.texto{
font-family:open Sans;
font-size:130%;    
margin: bottom 0;
}
.textocookies{
font-family:Libre Bodoni;
font-size:100%;    
margin: bottom 0;
color:black;
}
.tabulacion{
margin-left:15px;    
}
.posicion{
display: flex;
place-content: center;
flex-direction:row;
align-items: center;
}
.posicion2{
display: flex;
place-content: center;
flex-direction:row;
align-items: center;
}
.picture{
border: 2em solid #030303;
animation: color 9s infinite linear;
border-radius: 7px;   
}
.picture2{
border: 2px solid #030303;
border-radius: 7px;   
margin: auto;
max-width: 100%;
}
.picture2:hover{
  transform: scale(1.1);
}    
.espacio{
padding:30px;    
}
.alinear{
margin-right:30px;    
}
#sorpresa {
display: none;
width: 500px;
height: 500px;
border: 2px solid #030303;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999;
}
.estamosaqui{
border:1px dashed black;  
}
@keyframes color {
  0%   { border: 2em solid #000000; }
  20%  { border: 2em solid #0F0F0F; }
  40%  { border: 2em solid #000000; }
  60%  { border: 2em solid #0F0F0F;}
  80%  { border: 2em solid #000000; }
  100% { border: 2em solid #0F0F0F; }
}
.entorno {
position: relative;
display: inline-block;
}
.entorno img {
display: block;
}
.ubicacion {
position: absolute;
top: 0px;
right: 0px;
background-color: white;
color: black;
border-radius: 30%;
font-size: 12px;
font-weight: bold;
}
.botonfoto{
background:black;
color:white;
border-radius:7px; 
}
.botonfoto a{
text-decoration:none;
color:white; 
}
.inputsubmit{
border-radius:10px;
font-family:candara;
font-size:110%;
height:30px;
margin-bottom:10;
color:white;
background-color:rgb(128,128,128);
}
a{
text-decoration:none;
}
.image-container {
    position: relative;
    display: inline-block;
}

.overlay-text {
    position: absolute;
    top: 50;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7); 
    color: #fff; 
    padding: 15px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .overlay-text {
    opacity: 1;
}
object{
overflow:hidden;
}
.derecha{
text-align:right;
display:block;  
}
.tabulacion{
text-indent: 15px; 
}
.realizado{
font-family: Libre Bodoni;
font-size:130%;  
}