footer a,footer a:hover{text-decoration:none;font-weight:700}:root{--black:#000000;--gris:#5d5d5d;--lila-claro:#d5b5fe;--lila-oscuro:#33025b;--lila:#ab44d4;--red-light:#ff0000;--red-dark:#720202;--blue-light:#00f6ff;--blue-dark:#0055ff}body.index,body.mail,body.op{height:100vh;color:#f0f8ff;background:radial-gradient(circle,var(--black) 60%,var(--lila-oscuro) 100%);font-family:"Open Sans",sans-serif;margin-inline:20%}body.err401 main,body.err403 main,body.err404 main,body.index main,body.mail main,body.op main{display:flex;flex-direction:column;align-items:center;justify-content:center}body.index header{text-align:center;margin-bottom:20px}body.index header h1{font-size:2.5em}body.index container{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:25px;margin-top:25px;max-width:90%;width:90%;background-color:rgba(240,248,255,.175);border-radius:16px}body.index .esquerra{box-sizing:border-box;padding:20px;margin:30px;width:50%;border-radius:50%;background-color:var(--lila-oscuro)}body.index .foto{background-color:#000;border-radius:50%;box-shadow:0 5px 15px 2px rgba(0,0,0,.2);padding:16px;transition:transform .4s cubic-bezier(.4, 0, .2, 1),box-shadow .4s cubic-bezier(.4, 0, .2, 1)}body.index .foto:hover{transform:scale(1.1);box-shadow:0 0 15px 5px rgba(255,0,0,.7)}body.index .foto img{box-sizing:border-box;width:100%;border-radius:400px}body.index .dreta{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:50%;padding-inline:20px;border-radius:50px}body.index .dreta h1{font-size:2em}body.index .dreta h1::after,body.index .dreta h1::before{content:"✞";font-size:22px;color:#ed3030;display:inline-block;transform:scaleY(-1)}body.index .dreta p{font-size:19px}body.index .dreta ul{align-self:flex-start;text-align:left;padding:0}body.index .dreta ul li{margin:10px}body.index .dreta ul li::marker{color:var(--lila);font-size:1.4em;font-weight:700;content:"⛧"}body.index .dreta ul li a{padding-left:2px;font-size:19px;color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--color-lila-oscuro)}body.index .dreta ul li a:hover{text-decoration:underline overline wavy;text-decoration-thickness:3px;text-underline-offset:3px;text-decoration-color:rgb(237,48,48)}body footer a{color:#ed3030}body.index .botons{text-align:center;margin-top:20px}body.index .botons button{background-color:#ff0000e9;color:#fff;border:none;padding:10px 20px;margin:5px;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .3s}body.index .botons button:hover{background-color:#b30000}body.index .botons button:active{background-color:maroon}.neon-effect{color:#fff;text-shadow:0 0 5px var(--lila),0 0 10px var(--lila),0 0 20px var(--lila),0 0 40px var(--lila-claro),0 0 80px var(--lila-claro),0 0 90px var(--lila-claro);animation:1.5s infinite alternate neonPulse}body.err401,body.err403,body.err404{display:flex;flex-direction:column;font-family:Arial,sans-serif;color:#000;text-align:center;align-items:center;justify-items:center;padding:50px;height:100vh;margin:0;background:repeating-linear-gradient(45deg,var(--lila-oscuro),var(--black) 10%,var(--lila-oscuro) 20%)}body.err403 h1,body.err404 h1{font-size:150px;color:#f0f8ff;animation:2s infinite alternate neonPulseBlue}body.err401 h1,body.op h1{font-size:150px;color:#f0f8ff;animation:2s infinite alternate neonPulseRed}body.err401 p,body.err403 p,body.err404 p{font-size:1.5em;color:#e0e0e0}body.err401 span,body.err403 span,body.err404 span{font-size:3em}body.err401 a.back,body.err403 a.back,body.err404 a.back{margin-top:20px;color:var(--red-light);text-decoration:none;font-weight:700;font-size:40px}body.err401 a:hover,body.err403 a:hover,body.err404 a:hover{text-decoration:underline}footer a{color:var(--red-light);font-size:20px}footer a:hover{color:var(--lila)}.cookie-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;animation:.5s ease-in-out forwards fadeIn}.cookie-consent{background:var(--lila-claro);border:1px solid #ccc;border-radius:8px;padding:2rem;max-width:500px;width:90%;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.2)}.cookie-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cookie-consent p{color:#000;font-size:1rem;margin:0;line-height:1.6}.cookie-consent-form{display:flex;gap:1rem;justify-content:center}.cookie-consent-form input[type=button]{padding:.8rem 1.5rem;color:#fff;background:var(--red-light);border:none;border-radius:4px;font-weight:700;cursor:pointer}.cookie-consent-form input[type=button]:hover{background:var(--red-dark)}.cookie-consent-form input[type=button]#reject{background-color:var(--gris);padding:.8rem 1.5rem;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer}.cookie-consent-form input[type=button]#reject:hover{background-color:var(--black)}@keyframes neonPulse{0%{text-shadow:0 0 5px var(--lila),0 0 10px var(--lila),0 0 20px var(--lila),0 0 40px var(--lila-oscuro),0 0 80px var(--lila-oscuro),0 0 90px var(--lila-oscuro)}100%{text-shadow:0 0 10px var(--lila-claro),0 0 20px var(--lila-claro),0 0 40px var(--lila-claro),0 0 60px var(--lila-claro),0 0 100px var(--lila-claro),0 0 120px var(--lila-claro)}}@keyframes neonPulseRed{0%{text-shadow:0 0 5px var(--red-light),0 0 10px var(--red-light),0 0 20px var(--red-dark),0 0 40px var(--red-dark),0 0 80px var(--red-dark)}100%{text-shadow:0 0 10px var(--red-light),0 0 20px var(--red-light),0 0 40px var(--red-dark),0 0 60px var(--red-dark),0 0 100px var(--red-light),0 0 120px var(--red-light)}}@keyframes neonPulseBlue{0%{text-shadow:0 0 5px var(--blue-light),0 0 10px var(--blue-light),0 0 20px var(--blue-dark),0 0 40px var(--blue-dark),0 0 80px var(--blue-dark)}100%{text-shadow:0 0 10px var(--blue-light),0 0 20px var(--blue-light),0 0 40px var(--blue-dark),0 0 60px var(--blue-dark),0 0 100px var(--blue-light),0 0 120px var(--blue-light)}}@media only screen and (max-width:750px){body.index main{flex-direction:column;justify-content:center;align-items:center;margin:100px 70px;padding-left:16px;padding-right:16px}body.index .esquerra{padding:16px 0 0;width:50%}body.index .dreta{padding-top:16px;width:100%}body.index .dreta ul{align-self:center;margin-left:0;padding:0}}@media only screen and (max-width:650px){body.index main{margin:100px 70px}}@media only screen and (max-width:550px){body.index main{margin:100px 70px}body.index .dreta h1::after,body.index .dreta h1::before{display:block;margin:10px 0;text-align:center}body.index .dreta h1{text-align:center}body.index .dreta p{margin:6px 95px;text-align:center}}