.container-especial:hover {
    transform: translateY(-5px); /* levanta el botón al pasar el mouse */
    box-shadow: 0 14px 28px rgba(0, 0, 0, .45); /* sombra más intensa en hover */
}

.ir-arriba {
 display:none;
  background-repeat:no-repeat;
  font-size:25px;
  color: #e61e84;
  cursor:pointer;
  position:fixed;
  bottom:110px;
  right:45px;
  z-index:2;
}

.ir-arriba:hover {
  transform: translateY(-3px); /* Levanta un poco el botón */
}


/*Estilos del Botones inicio*/
.boton-personalizado-1 {
/* Layout y Tamaño */
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
/* Ocupa todo el ancho como el anterior */
max-width: 350px;
/* Ajusta según prefieras */
padding: 15px 30px;
/* Colores y Degradado (Amarillo/Oro) */
background: linear-gradient(307deg, #debf27 0%, #ffde13 50%, #debf27 100%);
background-size: 200% auto;
/* Texto */
color: #f9f9f9 !important;
font-family: raleway;
font-weight: bold;
text-decoration: none !important;
/*text-transform: uppercase;(maycuslas)*/
letter-spacing: 1px;
/* Bordes y Sombra */
border: 1px solid #debf27;
border-radius: 50px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
/* Animación */
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
}

.boton-personalizado-2 {
/* Layout y Tamaño */
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
/* Ocupa todo el ancho como el anterior */
max-width: 350px;
/* Ajusta según prefieras */
padding: 15px 30px;
/* Colores y Degradado (Amarillo/Oro) */
background: linear-gradient(307deg, #d31b83 0%, #e61e84 50%, #d31b83 100%);
background-size: 200% auto;
/* Texto */
color: #f9f9f9 !important;
font-family: raleway;
font-weight: bold;
text-decoration: none !important;
/*text-transform: uppercase;(maycuslas)*/
letter-spacing: 1px;
/* Bordes y Sombra */
border: 1px solid #d31b83;
border-radius: 50px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
/* Animación */
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
}



/* EFECTO HOVER (Al pasar el mouse) */
.boton-personalizado-1:hover {
background-position: right center;
/* Desplaza el degradado */
transform: translateY(-4px);
/* Se eleva */
box-shadow: 0 8px 25px rgba(222, 191, 39, 0.4);
/* Brillo amarillo */
border-color: #ffde13;
color: #000000 !important;
}

.boton-personalizado-2:hover {
background-position: right center;
/* Desplaza el degradado */
transform: translateY(-4px);
/* Se eleva */
box-shadow: 0 8px 25px rgba(222, 39, 161, 0.4);
/* Brillo magenta */
border-color: #e61e84;
color: #000000 !important;
}

/* Efecto de clic */
.boton-personalizado-1:active {
transform: translateY(-1px);
}

.boton-personalizado-2:active {
transform: translateY(-1px);
}