a{text-decoration: none;color: white;}
/* Header */
header {background-image: url('../img/fondoedit.png'); background-size:contain; background-repeat: repeat; text-align: center; padding: 50px 0;}
.header-content {display: flex; flex-direction: column; align-items: center;}
.header-content h1 {font-size: 80px; font-weight: 800; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); color: aliceblue;}
.header-content p {margin-top: 3px; font-size: 16px; font-style: italic; font-weight: bold; color: azure}
.buttons {margin-top: 20px;}
.blue-button {background-color: #1D5A93;font-size: 16px;color: white;padding: 8px 10px;padding-right: 20px;border: none;border-radius: 5px;margin-right: 10px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.blue-button:hover {border: #63caec solid 3px;cursor: pointer;opacity: 90%;color: #1D5A93;}
.blue-button img {width: 20px;height: 20px;margin-right: 8px;vertical-align: middle;transition: transform 0.8s;}
.blue-button:hover img {transform: translateX(60px);}

/* Navigation */
nav {background-color: #041720;color: white;position: sticky;top: 0;}
.nav-content {display: flex;align-items: center;justify-content: space-between;padding: 10px;}
.nav-content img{width: 35%;}
.nav-content ul {display: flex;list-style: none;}
.nav-content ul li {margin-right: 10px;}
.nav-content ul li.highlighted1 a {padding: 10px 10px;border-radius: 5px;}
.nav-content ul li.highlighted1 a:hover {background-color: #1e3d4def;opacity: 80%;}
.nav-content ul li.highlighted2 a {border: 1px solid #03BFFD;padding: 10px 10px;border-radius: 2px;}
.nav-content ul li.highlighted2 a:hover{background-color: #6EC1E4;transition: 0.6s;}

/* Footer */
footer {background-color: #041720;color: white;padding-bottom: 10px;padding-top: 20px;}
.footer-content a{color: white;}
.footer-content {display: flex;justify-content:center;align-items: center;}
.footer-content img{border-radius: 120px;width: 8%;margin-bottom: 15px;}

/*Protección legal*/
.copyright{text-align: center;top: 10px;}
#cookie-banner {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #908b8b71;padding: 10px;text-align: center;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
#cookie-banner a{text-decoration: underline;}
#cookie-banner button {margin: 5px;}

/*RESPONSIVE*/
@media screen and (max-width: 768px) {
    .header-content h1 {font-size: 60px;}
    .header-content p {font-size: 14px;}
    .nav-content img {width: 50%;}
    .blue-button {font-size: 14px;padding: 6px 8px;margin-right: 5px;}
    .nav-content ul li.highlighted1 a {padding: 8px;}
    .nav-content ul li.highlighted2 a {padding: 8px;}
}

@media screen and (max-width: 480px) {
    .header-content h1 {font-size: 40px;}
    .header-content p {font-size: 12px;}
    .nav-content img {width: 30%;}
    .nav-content img {width: 30%;}
    .nav-content ul li {margin-right: 5px;}
    .nav-content ul li.highlighted1 a {padding: 6px;}
    .nav-content ul li.highlighted2 a {padding: 6px;}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .header-content h1 {font-size: 60px;}
    .header-content p {font-size: 14px;}
    .blue-button {font-size: 14px;padding: 6px 8px;margin-right: 8px;}
    .blue-button img {width: 18px;height: 18px;margin-right: 5px;}
    nav .nav-content img {width: 30%;}
    .nav-content ul li.highlighted1 a {padding: 8px 8px;}
    .nav-content ul li.highlighted2 a {padding: 8px 8px;}
    footer .footer-content img {width: 10%;}
    #cookie-banner {padding: 8px;}
    #cookie-banner button {margin: 3px;}
}