#animacion {
transition: transform 0.5s; 
box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.500); 
margin: 2rem;
background-image: linear-gradient(to bottom right, rgb(255, 94, 0), orange);
}

#animacion:hover {
transform: scale(1.1); 
}

#animacion2 {
    transition: transform 0.5s; 
    box-shadow: 1.5px 1.5px 1.5px 1.5px rgba(0, 0, 0, 0.500); 
    margin: 3rem;
    background-image: linear-gradient(to bottom right, rgb(255, 94, 0), orange);
    }

    #animacion2:hover {
    transform: scale(1.1); 
    background-image: linear-gradient(to bottom right, rgba(255, 94, 0, 0.750), orange);
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.500); 
    }


header {
    background-image: linear-gradient(to bottom right, rgb(255, 94, 0), orange);
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.500);              
}

footer {
    background-image: linear-gradient(to bottom right, rgb(255, 94, 0), orange);
    box-shadow: 3px 3px 3px 5px rgba(0, 0, 0, 0.500);               
}

#formulario {
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.500);   
    margin: 2.5rem;
    background-image: linear-gradient(to bottom right, rgb(255, 94, 0), orange);
}

#tituloFormulario {
    text-shadow:  1.5px 1.5px 1.5px rgba(0, 0, 0, 0.500);
}


#informe {
    background: #fff;
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.500); 
    padding: 1.5rem;
}

#boton {
    background-image: linear-gradient(to bottom right, brown, black);
    color: white; 
    border: none; 
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
    font-weight: bold;
    font-size: 1rem; 
    text-transform: uppercase;
    border-radius: 0.5rem;
    cursor: pointer; 
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.500); 
  }
  
  #boton:hover {
    background-image: linear-gradient(to bottom right, rgba(165, 42, 42, 0.750), black);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.500); 
  }

  #boton2 {
    background-image: linear-gradient(to bottom right, brown, black);
    color: white; 
    border: none; 
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
    font-weight: bold;
    font-size: 0.5rem; 
    border-radius: 0.5rem;
    cursor: pointer; 
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.500); 
  }
  
  #boton2:hover {
    background-image: linear-gradient(to bottom right, rgba(165, 42, 42, 0.750), black);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.500); 
  }