/* _footer.css
   Estilos del footer del sitio.
*/
footer#colophon {
    /* Changed from --oggi-azul-marino to --boston-gris-carbon for the main footer background */
    background-color: var(--boston-gris-carbon);
    /* Changed from --oggi-blanco to --boston-blanco for text color */
    color: var(--boston-blanco);
    padding-top: 2em;
    padding-bottom: 2em;
    margin-top: 2em;
}
footer#colophon ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
footer#colophon li {
    padding-left: 0;
    margin-bottom: 5px;
}
footer#colophon li::before {
    content: none !important;
}
footer#colophon li a {
    display: block;
    /* Changed gradient colors to use Boston's red and dark brown for a coffee-shop feel */
    background: linear-gradient(to right, var(--boston-rojo), var(--boston-marron-oscuro));
    border-radius: 10px;
    padding: 10px 15px;
    /* Changed from --oggi-blanco to --boston-blanco for link text color */
    color: var(--boston-blanco);
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
}
footer#colophon li a:hover {
    /* Changed gradient colors to use Boston's red light and red for hover effect */
    background: linear-gradient(to right, var(--boston-rojo-claro), var(--boston-rojo));
    /* Changed from --oggi-blanco to --boston-blanco for hover text color */
    color: var(--boston-blanco);
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
footer#colophon .widget-title,
footer#colophon h1, footer#colophon h2, footer#colophon h3,
footer#colophon h4, footer#colophon h5, footer#colophon h6 {
    /* Changed from --oggi-blanco to --boston-blanco for widget titles and headings */
    color: var(--boston-blanco);
    margin-bottom: 1em;
}
footer#colophon .site-info {
    /* Changed from --oggi-blanco to --boston-blanco for site info text color */
    color: var(--boston-blanco);
    font-weight: 700;
    text-align: center;
    padding-top: 1.5em;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 1.5em;
}
footer#colophon .site-info a {
    /* Changed from --oggi-blanco to --boston-blanco for site info link color */
    color: var(--boston-blanco);
    font-weight: 700;
    text-decoration: none;
}
footer#colophon .site-info a:hover {
    text-decoration: underline;
}