/* --- FOOTER SIEMPRE ABAJO (STICKY FOOTER CON FLEXBOX) --- */



/* 1. ESTO afecta al DIV principal que envuelve TODO el sitio */

div#page.site {

display: flex;

flex-direction: column;

min-height: 100vh;

}



/* 2. ESTO afecta al área de CONTENIDO PRINCIPAL (<main>) */

main#content.site-content {

flex-grow: 1;

}



/* --- BOTÓN VOLVER ARRIBA (COLOR NARANJA) --- */



#scrollToTopButton {

position: fixed;

bottom: 40px;

right: 40px;

z-index: 1000;

display: none;

opacity: 0;

transition: opacity 0.4s ease-in-out, background-color 0.3s ease;

padding: 0.8rem 1rem;

font-size: 1.5rem;

line-height: 1;

border-radius: 50%;



/* --- ESTAS LÍNEAS DEFINEN EL COLOR --- */

background-color: #e2784e !important; /* Tu color naranjo */

border: none !important;

color: #ffffff !important; /* Icono/Flecha en blanco */

box-shadow: 0 4px 8px rgba(0,0,0,0.2);

}



/* Estilo hover */

#scrollToTopButton:hover {

background-color: #e06f52 !important; /* Naranjo más claro */

opacity: 0.9 !important;

}



/* Clase para mostrar */

#scrollToTopButton.show {

display: inline-block;

opacity: 1;

}