body {
    font-family: 'Open Sans', sans-serif;
}

.comic-font {
    font-family: 'Bangers', cursive;
    letter-spacing: 1px;
}

.comic-border {
    border: 3px solid black;
    box-shadow: 5px 5px 0px black;
}

.hero-gradient {
    background: #facc15;
}

/* Decoración Footer */
.footer-decoration {
    height: 150px;
    /* Más alto para ver bien las figuras */
    width: 100%;
    position: relative;
    margin-bottom: -1px;
    /* Para asegurar contacto */
    z-index: 10;
    pointer-events: none;
}

.footer-skyline {
    background-image: url('footer_skyline.png');
    background-repeat: repeat-x;
    background-size: contain;
    /* Ajustar para ver la fila completa */
    background-position: bottom center;
    width: 100%;
    height: 100%;
}