/*BOTONES GENERAL*/
.boton {
    font-family: var(--titulos-dos);
    font-weight: 900;
    background-color: white;
    box-shadow: var(--sombra-btn) var(--naranja);
    border: 3px solid black;
    padding: 2px;
    transition: all 0.5s;
}

.boton:hover {
    translate: 2.5px 2.5px;
    box-shadow: 2px 2px 0 0 black;
}

/*BOTONES HOME*/
.boton img {
    display: block;
    width: 95%;
    height: 95%;
    object-fit: cover;
}

.btnHome{
    width: 2dvw;
    aspect-ratio: 1 / 1;
    margin-right: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* BOTONES GALERIA */
.btnGaleria {
    font-family: var(--titulos-dos);
    font-weight: 900;
    transition: none;
    margin:0 1rem 1rem 0;
    padding: 4px 6px;
    cursor: pointer;
}


/* BOTONES E INPUTS FORMULARIO // CONTACTO */

/* BOTONES flecha */
.botonContacto{
    width: 70px;
    margin: 20px;
    filter: drop-shadow(0px 8px 0px var(--amarillo));
    cursor: pointer;
    transition: all 0.2s;
}

.contactos .botonContacto {
animation: pulso 2s infinite;
}

.botonContacto:hover{
    translate: 0px 2px;
    filter: drop-shadow(0px 4px 0px var(--amarillo));
}


@keyframes pulso {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

/* BOTON submit*/
input[type="submit"] {
    max-width: 30%;
    padding:0.5rem 0 ;
    background-color: var(--amarillo);
    box-shadow: black;
    font-family: var(--titulos-dos);
    font-weight: 900;
    box-shadow: var(--sombra-btn) var(--negro);
    cursor: pointer;
    letter-spacing: 2px;
    transition: all 0.2s ease;
}
input[type="submit"]:hover {
    letter-spacing: 0px;
    
}

input[type="submit"]:active {
    translate: 4px 4px;
    box-shadow: 0px 0px 0 0 black;
    transition: all 0.1s ease;
    border: 2px solid black; 
}