html{scroll-behavior:smooth}body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (hover:none){.header-nav a:hover{color:inherit}.header-nav a:active{color:#ffb300}}.conciertos-section{background-color:#000;padding:120px 40px;flex-direction:column;justify-content:flex-start;overflow:hidden}.conciertos-section:before{content:"";position:absolute;inset:0;background:url(/fondo_img/blackwall.png) 50%/cover no-repeat;opacity:.15;mix-blend-mode:lighten;pointer-events:none;z-index:0}.conciertos-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:60px}.conciertos-heading{color:white;font-size:4rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-align:center;font-family:Roboto,sans-serif;margin:0}.conciertos-heading:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:white;opacity:.3}.conciertos-content{display:flex;flex-direction:column;gap:2rem}.concierto-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:30px 0;border-top:1px solid rgba(255,255,255,.2);color:white}@media (max-width:768px){.concierto-card{grid-template-columns:1fr;gap:20px;text-align:center;padding:20px 0}.concierto-date{align-items:center}.concierto-day{font-size:2.5rem}.concierto-event,.concierto-month{font-size:1.2rem}.conciertos-heading{font-size:2.5rem;margin-bottom:2rem}}@media (max-width:480px){.concierto-card{gap:15px;padding:15px 0}.concierto-day,.conciertos-heading{font-size:2rem}}.conciertos-content>.concierto-card:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.concierto-date{gap:.5rem;display:flex;flex-direction:column;align-items:flex-start}.concierto-day{font-size:3.5rem;font-weight:900;line-height:1;margin-bottom:5px}.concierto-month{font-size:1.5rem;font-weight:500;text-transform:uppercase;opacity:.9}.concierto-details{display:flex;flex-direction:column;gap:8px}.concierto-event{font-size:1.5rem;font-weight:700;margin:0}.concierto-location{font-size:1.1rem;opacity:.9;margin:0}.biografia-section{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/fondo_img/wallSatxa.webp) 50%/cover no-repeat fixed;min-height:100vh;padding:120px 20px;display:flex;align-items:center;justify-content:center}.biografia-container{max-width:1200px;margin:0 auto;color:white}.biografia-heading{font-size:4rem;font-weight:700;margin-bottom:4rem;text-transform:uppercase;letter-spacing:.1em;text-align:center}.biografia-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:8rem;align-items:center}.biografia-image{position:relative;width:120%;height:auto;margin-left:-10%}.grupo-img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.2);transition:transform .3s ease}.grupo-img:hover{transform:scale(1.02)}.biografia-content{font-size:1.2rem;line-height:1.8;text-align:justify}.biografia-content p{margin-bottom:1.5rem}@media (max-width:1024px){.biografia-layout{grid-template-columns:1fr;gap:3rem}.biografia-image{width:100%;margin-left:0}.biografia-heading{font-size:3.5rem}}@media (max-width:768px){.biografia-section{padding:80px 20px}.biografia-layout{gap:2rem}.biografia-heading{font-size:2.5rem;margin-bottom:2rem}.biografia-content{font-size:1.1rem}}@media (max-width:480px){.biografia-section{padding:60px 15px}.biografia-heading{font-size:2rem}.biografia-content{font-size:1rem;line-height:1.6}}.concierto-location{font-size:1rem;color:rgba(255,255,255,.8)}.concierto-tickets{background:#8B0000;color:white;text-decoration:none;padding:.8rem 2rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.concierto-tickets:hover{background:#A00000;transform:translateY(-2px)}.hero-section{position:relative;width:100vw;height:100vh;overflow:hidden}.video-background{top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;background:#000}.hero-video,.video-background{position:absolute;pointer-events:none}.hero-video{top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%);min-width:177.77vh;min-height:56.25vw;border:none}@media (max-aspect-ratio:16/9){.hero-video{width:177.77vh;height:100vh}}@media (min-aspect-ratio:16/9){.hero-video{width:100vw;height:56.25vw}}.hero-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:2}.header{z-index:3}.contacto-section{position:relative;width:100vw;height:100vh;min-height:600px;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/fondo_img/wall_CONTACTO.jpg) 50%/cover no-repeat fixed;display:flex;align-items:center;justify-content:center;overflow:hidden}.contacto-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);pointer-events:none}.contacto-content{position:relative;z-index:2;width:100%;max-width:600px;padding:2rem}.contacto-content h2{color:white;font-size:2.5rem;text-align:center;margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px}.contacto-form{background:rgba(255,255,255,.1);padding:2rem;border-radius:10px;backdrop-filter:blur(10px)}.form-group{margin-bottom:1.5rem}.form-input,.form-textarea{width:100%;padding:.8rem;background:rgba(255,255,255,.9);border:none;border-radius:5px;color:#333;font-size:1rem}.form-textarea{min-height:150px;resize:vertical}.submit-button{width:100%;padding:1rem;background:#e11d48;color:white;border:none;border-radius:5px;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background-color .3s}.submit-button:hover{background:#be123c}.submit-button:disabled{background:#ccc;cursor:not-allowed}.error-message,.success-message{margin-top:1rem;padding:1rem;border-radius:5px;text-align:center}.success-message{background:rgba(34,197,94,.2);color:#22c55e}.error-message{background:rgba(239,68,68,.2);color:#ef4444}.conciertos-section{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;scroll-margin-top:80px;padding:80px 0}.conciertos-content{background:rgba(0,0,0,.5);padding:2rem 3rem;border-radius:1rem;color:#fff;text-align:center}.conciertos-content h2{font-size:2.5rem;margin-bottom:1.5rem;letter-spacing:2px;text-transform:uppercase}.logo-central{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;padding:0 1rem}.logo-img{height:6rem;width:auto;max-width:80vw}@media (max-width:768px){.logo-img{height:5rem}}@media (max-width:480px){.logo-img{height:4rem}}.header{position:fixed;top:0;left:0;width:100%;align-items:center;z-index:1000;padding:24px 0;pointer-events:none}.header,.header-nav{display:flex;justify-content:center}.header-nav{gap:30px;color:#fff;font-family:Roboto,sans-serif;font-weight:500;font-size:18px;text-transform:uppercase;background:rgba(0,0,0,.2);padding:12px 24px;border-radius:8px;backdrop-filter:blur(8px);pointer-events:all;flex-wrap:wrap}@media (max-width:768px){.header-nav{gap:20px;padding:10px 16px;font-size:16px;width:90%;margin:0 auto}}@media (max-width:480px){.header-nav{gap:15px;padding:8px 12px;font-size:14px}}.header-nav a{color:inherit;text-decoration:none;transition:all .2s ease;position:relative;padding:4px 0}.header-nav a:hover{color:#ffb300}.header-nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffb300;transform:scaleX(0);transition:transform .2s ease}.header-nav a:hover:after{transform:scaleX(1)}.footer{background-color:#000;padding:2rem 0;width:100%}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:white}.social-links{display:flex;gap:2rem;margin-bottom:1rem}.social-link{color:white;transition:all .3s ease}.social-link:hover{color:#ffb300;transform:translateY(-2px)}.contact-info{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.contact-link{display:flex;align-items:center;gap:.5rem;color:white;text-decoration:none;transition:all .3s ease}.contact-link:hover{color:#ffb300}.contact-link svg{flex-shrink:0}@media (max-width:768px){.footer{padding:1.5rem 0}.footer-content{padding:0 1rem}.contact-info,.social-links{gap:1.5rem}}@media (max-width:640px){.contact-info{flex-direction:column;align-items:center;gap:1rem}.social-links{gap:1.2rem}.social-link svg{width:20px;height:20px}}