.anima{
  max-height: 300px
  position: fixed;
  animation-name: copia;
  animation-duration: 3s;
  animation-iteration-count: initial;
  
}
.letrero{
  animation-name: letre;
  animation-direction: initial;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    border-radius: 10px;
    font-family: "Homer Simpson UI";
}

@keyframes letre{
    
    100%{
     background-color: #9800B4;
     color: white;
     
    }
    
}

@keyframes copia{
     from { margin-top: -75% }
    to { margin-top: 0% }
}
.watsap{

    
    border-radius: 10px;
    }

@keyframes move{
    
    100%{
     background-color: green;
  
    }
    
}

.wat{
	color: green;
	animation-name: mov;
	animation-direction: initial;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes mov{
   
    100%{
     
     color: white;

    }
    
}


.encabe{
   color: black;
   text-align: center;
}
.encabe:hover{
	background-color: black;
	transition: 3s; 
	border-radius: 10px;
}

.colorpagina{
  background-color:#9800B4;
  -webkit-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.75);
box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.75);
}

.colorpagina2{
  background-color:#FF8400;
  -webkit-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.75);
box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.75);
}
@media print {
    .alternativa-1 {
       background-color:#9800B4;
    }
  
}
.titulo{
	text-align: center;
    color: #000000  ;

}

.titulop{
	text-align: center;
    color: #000000  ;

}
.fotocateg {
  transition: transform 0.4s ease; /* Suaviza la transición */
}

.fotocateg:hover {
  transform: scale(1.2); /* Amplía la imagen un 20% */
     
}

p.titulop{
  background-color: #FF8400;
  position: relative;
  bottom: -110px;
  z-index: 4;
  
}



.naranja{
	background-color:#9800B4;
	border-radius: 5px;
}

img.imagen{
width: 310px;
  height: 300px;
  object-fit: cover;

}

.imagen:hover{
   opacity: 0.6;
   background-color:white;
}
.foto{
	margin-bottom: 10px;
}


p.titulo{
  background-color: #9800B4;
  position: relative;
  bottom: -150px;
  z-index: 4;
}

.titulomug{
  background-color: #9800B4;
  position: relative;
  bottom: -100px;
  z-index: 4;
  text-align: center;
  color: white;
}

img[data-title]{
 color:red;
 font-size:30px;
}


.lb-caption{
  font-size: 60px !important;
  
  font-weight: 800 !important;
}