*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
   
}
body{
    font-family: raleway,roboto,arial;
}
.animated-section {
    opacity: 0; /* Inicialmente invisible */
    transform: translateY(20px); /* Desplazamiento hacia abajo */
    animation: fadeInUp 0.5s ease forwards; /* Duración y tipo de animación */
  }
  
  @keyframes fadeInUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

#cerrarModal{
    position:absolute;
    top:10px;
    right:10px;
    width:32px;
    height:32px;
    border:none;
    background:#ff5c5c;
    color:white;
    font-size:1.2rem;
    font-weight:bold;
    border-radius:50%;
    cursor:pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    transition: transform 0.2s;      

}