@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

body {
    color: #109;
	font-size: 1.5rem;
}

h1, h2, h3, h4, h5, h6 {
    text-align: center;
	color:#039;
}

img {
	padding: 12px;
}

.img-grid {
    padding: 12px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

a {
    color: #7EC8CE;
    text-decoration: none;
}

a:visited {
    color: #F17922;
}

/* Sticky Navigation */
nav {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Contador */
#contador {
    font-size: 2.5rem;
    color: #203F7C; /*7EC8CE*/
    margin-top: 20px;
}

.contador-box span {
    font-weight: bold;
    color: #F17922;
}


/* Footer Styles */
footer {
    background-color: #214E82;
    color: #fff;
	font-size:12px;
    padding: 20px;
}

footer h5 {
    margin-bottom: 10px;
	color: #7EC8CE;
}

footer a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s;
}

footer a:hover {
    color: #F17922;
}