@font-face{font-family:"Blackiron";src:url(../../assets/fonts/Blackiron.ttf) format("truetype")}@font-face{font-family:"Fortnite";src:url(../../assets/fonts/fortnite.otf) format("opentype")}:root{--color-primary:#bf5a83;--color-bg:#141414fb;--color-bg-light:#222222dd;--color-bg-dark:#333333;--color-text-primary:#ffffffe5;--color-text-white:#ffffff;--color-text-black:#000000;--font-display:"Blackiron", Arial, sans-serif;--font-heading:"Fortnite", Verdana, Arial, Geneva, Tahoma, sans-serif;--font-body:Verdana, Arial, Geneva, Tahoma, sans-serif;--fs-xs:0.6rem;--fs-sm:0.7rem;--fs-md:0.99rem;--fs-lg:1.2rem;--fs-xl:1.5rem;--fs-xxl:2rem;--fs-display-sm:4rem;--fs-display-md:5rem;--fs-contact:4.2rem;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-xxl:5rem;--z-background:-2;--z-video-overlay:0;--z-content:2;--z-dropdown:5;--z-header:10;--z-mobile-menu:15;--z-toggle-btn:20;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-round:50%;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}.site-background-video{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-background);overflow:hidden}.site-background-video video{width:100%;height:100%;object-fit:cover}body{background-color:var(--color-bg);overflow-x:hidden}body::-webkit-scrollbar{width:11px}body::-webkit-scrollbar-track{background:var(--color-bg-dark)}body::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-md)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--color-primary) var(--color-bg-dark)}}section[id]{scroll-margin-top:100px}section:not(#home){width:90%;max-width:1100px;margin-left:auto;margin-right:auto;padding-top:var(--space-xxl);padding-bottom:var(--space-xxl);text-align:center}h2.title-section{display:inline-block;margin-bottom:var(--space-lg);font-family:var(--font-display);font-size:var(--fs-display-sm);color:var(--color-text-white);letter-spacing:3px;text-shadow:2px 2px 4px var(--color-bg),4px 4px 6px var(--color-bg);transition:transform var(--transition-medium),color var(--transition-medium)}header{position:fixed;top:0;width:100%;z-index:var(--z-header);font-family:var(--font-display);transition:background-color var(--transition-fast);nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 3.2rem;transition:all var(--transition-medium);img{max-width:clamp(90px, 8vw, 130px);height:auto;filter:invert(52%) sepia(27%) saturate(1137%) hue-rotate(285deg) brightness(80%) contrast(81%) drop-shadow(2px 2px 2px #00000080)}.nav-ul,.nav-links{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);list-style:none}.nav-ul{gap:1.9rem;margin:0 auto;font-size:var(--fs-xxl);letter-spacing:1px}.nav-ul a,.nav-links a{position:relative;display:flex;text-decoration:none}.nav-ul a{color:var(--color-text-primary);-webkit-text-stroke:1.4px var(--color-primary);text-shadow:2px 2px 4px #000000,4px 4px 6px #00000080}.nav-links a{height:50px;padding-top:17px;font-size:1rem;color:var(--color-primary);text-shadow:1px 1px 3px #000000,2px 2px 4px #00000080}.nav-ul a:hover{transform:scale(1.05)}.nav-links a:hover{transform:scale(1.3)}.nav-ul a.clicked::after{content:"";position:absolute;top:50%;left:-10%;width:115%;height:5px;background:var(--color-primary);border-radius:var(--radius-sm);box-shadow:0 4px 6px #00000097;transform:scaleX(0) rotate(-10deg);transform-origin:center;transition:transform 0.7s ease-in-out;animation:writeLine 0.3s ease-in-out forwards}}}.nav-item-dropdown{position:relative;a{display:flex;align-items:center;justify-content:center;gap:.2rem;i{padding-top:8px;font-size:var(--fs-xl)}}.dropdown-menu{position:absolute;top:100%;left:-60px;z-index:var(--z-dropdown);display:none;margin:0;padding:0;list-style:none;background:var(--color-bg-dark);border-radius:6px;box-shadow:0 4px 6px #0003;animation:slideIn var(--transition-medium);li{padding:.1rem .3rem;a{display:block;width:100%;padding:var(--space-xs) var(--space-sm);color:var(--color-text-white);text-decoration:none;transition:background var(--transition-medium);.a.clicked::after{content:"";animation:writeLine var(--transition-medium) forwards}&:hover{background:var(--color-primary);border-radius:6px}}}}&:hover .dropdown-menu,&:focus-within .dropdown-menu,&.active .dropdown-menu{display:block}}header.scrolled{background:var(--color-bg);border-bottom:.5px solid #ffffff41;img{filter:brightness(100) drop-shadow(2px 2px 4px #000000) drop-shadow(2px 2px 4px #00000080);&:hover{filter:invert(52%) sepia(27%) saturate(1137%) hue-rotate(285deg) brightness(80%) contrast(81%);color:var(--color-primary)}}.nav-ul a{font-size:1.85rem;-webkit-text-stroke:0}.nav-links a{font-size:.92rem;color:var(--color-text-white)}}.menu-toggle-btn{display:none}section#home{position:relative;width:100%;min-height:100dvh;min-height:100vh;overflow:hidden;.background-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover}.call-to-action{position:absolute;bottom:var(--space-lg);left:50%;z-index:var(--z-content);width:90%;font-family:var(--font-heading);text-align:center;transform:translateX(-50%);h1,h2{color:var(--color-text-white);text-transform:uppercase;text-shadow:2px 2px 4px #000000,4px 4px 6px #00000080}h1{font-size:var(--fs-display-md);-webkit-text-stroke:3px var(--color-primary)}h2{font-size:var(--fs-xxl);-webkit-text-stroke:2px var(--color-primary)}a{display:inline-block;position:relative;height:3rem;margin-top:var(--space-sm);padding:12px 55px;overflow:hidden;font-size:var(--fs-xl);color:var(--color-primary);text-decoration:none;background-color:#fff0;border:3.5px solid var(--color-primary);border-radius:var(--radius-sm);animation:pulse 2.5s ease-in-out infinite;transition:all var(--transition-medium);cursor:pointer;&::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;z-index:-1;background-color:var(--color-primary);transition:left var(--transition-slow)}&:hover::before{left:0}&:hover{color:var(--color-text-primary)}}}}section#banda{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:6.7rem;padding-right:6.7rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:url(../../assets/img/fotos/banda-transparente.svg) no-repeat;background-size:80%;background-position:center;opacity:0;transition:opacity 3s ease-in-out,background-position 3s ease-in-out;will-change:opacity,background-position;&.reveal{opacity:1;background-position:120% center;.p-banda{display:flex;flex-direction:column;gap:.6rem;max-width:35ch;font-family:var(--font-body);font-size:var(--fs-md);color:var(--color-text-white);letter-spacing:1px;line-height:1.5;word-spacing:2px;text-align:left;text-shadow:1px 1px 2px #000000cc,2px 2px 3px #0006}}}section#integrantes{.cards{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:var(--space-md);.card{position:relative;flex:1 1 280px;max-width:280px;height:350px;box-sizing:border-box;overflow:hidden;border-radius:var(--radius-lg);box-shadow:0 7px 10px #000c;transition:transform var(--transition-slow),box-shadow var(--transition-slow);will-change:transform;&:hover{transform:scale(1.05) rotateY(-8deg) rotateX(4deg)}.card_image{width:100%;height:100%;object-fit:cover;scale:1.2;transition:opacity 0.25s,scale 0.35s}.card_body{position:absolute;inset:0;display:flex;flex-direction:column;transform:translateZ(20px);transition:opacity 0.25s,translate 0.25s;&::before{content:"";position:absolute;inset:13px;opacity:0;scale:1.25;transition:opacity 0.25s,scale 0.25s}.card_social{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;font-size:1.3rem;opacity:0;li{transition:transform 0.1s;&:hover,:active,:focus{transform:scale(1)}}a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;color:var(--color-primary);text-decoration:none;background-color:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-round);box-shadow:2px 4px 6px #00000080,2px 4px 6px #0000;transition:all var(--transition-medium);&:hover,:active,:focus{color:var(--color-text-white);background:var(--color-primary);box-shadow:0 6px 8px #00000026;transform:scale(1.1)}i{font-size:1rem;line-height:0;transition:transform var(--transition-medium),color var(--transition-medium)}}}}.card_title,.card_subtitle{font-family:var(--font-heading);color:var(--color-text-white);letter-spacing:2px;text-transform:uppercase;-webkit-text-stroke:1.6px var(--color-primary);text-shadow:1px 1px 3px #000000,2px 2px 4px #00000080;opacity:0;transition:opacity 0.25s,translate 0.25s}.card_title{margin-top:14.7rem;font-size:var(--fs-xxl)}.card_subtitle{padding-top:.4rem;font-size:var(--fs-xl)}&:hover,:active,:focus{.card_image{opacity:1;scale:1;filter:blur(1px)}.card_body::before{opacity:1;scale:1}.card_title,.card_subtitle,.card_social{opacity:1;translate:0}}}}}section#discografia{p{font-family:var(--font-body);font-size:var(--fs-lg);color:var(--color-text-white);text-shadow:1px 1px 2px #000000cc,2px 2px 3px #0006}.wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);.card_disco{position:relative;display:flex;justify-content:center;align-items:flex-end;width:280px;height:280px;padding:2.6rem;background:var(--color-text-white);border-radius:var(--radius-lg);box-shadow:0 7px 10px #000c;transition:var(--transition-slow) ease-out;&:hover,:active,:focus{transform:translateY(-10px);&:before{opacity:1}.info{opacity:1;transform:translateY(0)}}&:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:2;background:#0009;border-radius:15px;opacity:0;transition:0.5s}img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:15px}.info{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-text-white);text-align:center;opacity:0;transform:translateY(30px);transition:0.5s;h2{margin:0;font-family:var(--font-heading);font-size:var(--fs-xxl);color:var(--color-primary);letter-spacing:2px;-webkit-text-stroke:1px var(--color-text-white);text-shadow:1px 1px 3px #000000,2px 2px 4px #00000080}p{margin-top:8px;font-family:var(--font-body);font-size:15px;letter-spacing:1px}button{position:relative;width:110px;height:45px;margin-top:1.8rem;padding:0;font-family:var(--font-heading);font-size:1rem;color:var(--color-text-primary);letter-spacing:3px;text-transform:uppercase;background:#fff0;border:3px solid var(--color-text-primary);border-radius:var(--radius-sm);outline:none;overflow:hidden;transition:all var(--transition-medium);cursor:pointer;&::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;z-index:-1;background:var(--color-primary);transition:left var(--transition-medium)}&:hover::before{left:0}&:hover{color:var(--color-text-white);border-color:var(--color-primary)}}}}}}section#galeria{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;.image{position:relative;width:47vw;height:67vh;overflow:hidden;border-radius:var(--radius-lg);box-shadow:5px 7px 10px #000c;img{display:block;position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;&.active{opacity:1}}}}.controls{position:absolute;top:55%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:50vw;button{padding:15px;font-size:var(--fs-xl);color:var(--color-text-white);line-height:0;background:#fff0;border:3px solid var(--color-text-white);border-radius:var(--radius-round);transition:all var(--transition-medium);cursor:pointer;&:hover{transform:scale(1.1)}&:active{background:#ffffffa3;border:3px solid #ffffff42;transform:scale(.95)}}}section#shows{display:flex;flex-direction:column;align-items:center;.card-shows-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-xl);.card-shows{flex:0 0 280px;width:280px;height:370px;border-radius:var(--radius-md);box-shadow:5px 7px 10px #000c;&:hover{transform:translateY(-10px)}.shows-thom-img,.shows-video{position:relative;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}}}}section#contato{width:100%;max-width:none;text-align:initial;display:flex;flex-direction:column;align-items:center;justify-content:center;.container{display:flex;flex-direction:column;.h2-contato{font-family:var(--font-heading);font-size:var(--fs-contact);color:var(--color-bg);letter-spacing:2px;text-align:center;-webkit-text-stroke:.8px var(--color-text-white);text-shadow:3px 3px 3px #00000090}.flex-container-row{display:flex;flex-direction:row;gap:7.8rem;margin-top:var(--space-md);font-family:var(--font-heading);p{font-size:1.8rem;text-align:center;-webkit-text-stroke:.5px var(--color-text-white);text-shadow:2px 4px 6px #0000004d}.icons{display:grid;grid-template-columns:repeat(3,auto);place-content:center;gap:var(--space-sm);list-style:none;li{transition:transform 0.5s ease;&:hover{transform:scale(1.1);line-height:0}}a{display:flex;align-items:center;justify-content:center;width:45px;height:45px;color:var(--color-bg);text-decoration:none;background:var(--color-text-white);border:1px solid var(--color-text-black);border-radius:var(--radius-round);box-shadow:2px 4px 6px #00000080;transition:all var(--transition-fast);i{font-size:1.1rem;line-height:0}&:hover{box-shadow:0 6px 8px #00000026;transform:scale(1.1)}}}.cards-contato{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);.flip-card{position:relative;width:120px;height:120px;perspective:1000px;.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s ease-in-out;&:hover,&:active,&:focus-within{transform:rotateY(180deg)}.front,.back{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;background:var(--color-text-white);border:1px solid var(--color-text-black);border-radius:var(--radius-md);box-shadow:3px 3px 3px #00000090;backface-visibility:hidden}.front{z-index:2;font-size:2.7rem;color:var(--color-bg);line-height:0}.back{z-index:1;display:flex;flex-direction:column;gap:8px;padding:14px;font-size:var(--fs-lg);text-decoration:none;-webkit-text-stroke:.5px var(--color-text-white);transform:rotateY(180deg);a{font-size:1.7rem;line-height:0;text-decoration:none}#zap{color:var(--color-primary)}#kit{color:var(--color-primary)}#back-email{font-size:1rem}}}}}.form-wrapper{display:flex;flex-direction:column;gap:var(--space-sm);.form-card{position:relative;width:100%;font-family:var(--font-body);.form-input,.form-textarea{font-family:var(--font-body);width:130%;padding:25px 10px 10px 15px;font-size:18px;font-weight:400;line-height:30px;color:var(--color-bg);background:var(--color-text-white);border:1px solid var(--color-text-black);border-radius:var(--radius-md);box-shadow:3px 3px 3px #00000090;box-sizing:border-box;outline:none}.form-textarea{display:-webkit-box;overflow:hidden;resize:none;-webkit-box-orient:vertical}.form-input:valid,.form-input:focus,.form-textarea:valid,.form-textarea:focus{border:2px solid var(--color-bg)}.form-label,.form-textarea-label{position:absolute;top:50%;left:17px;margin:0;font-size:18px;font-weight:500;line-height:30px;transform:translateY(-50%);transition:0.3s;pointer-events:none}.form-textarea-label{top:30%;transform:translateY(-70%)}.form-input:focus~.form-label,.form-input:valid~.form-label,.form-textarea:focus~.form-textarea-label,.form-textarea:valid~.form-textarea-label,input.form-input:not(:placeholder-shown)~.form-label{top:35%;font-size:13px;color:#000000b3;transform:translateY(-65%)}.form-textarea:focus~.form-textarea-label,.form-textarea:not(:placeholder-shown)~.form-textarea-label,.form-textarea:valid~.form-textarea-label{top:18%;transform:translateY(-60%)}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active,.form-textarea:-webkit-autofill,.form-textarea:-webkit-autofill:hover,.form-textarea:-webkit-autofill:focus,.form-textarea:-webkit-autofill:active{transition:background-color 9999s ease-in-out 0s}.form-input::-webkit-outer-spin-button,.form-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}}.mail-btn{position:relative;top:35%;left:39%;display:inline-block;width:55%;padding:12px;font-family:var(--font-heading);font-size:var(--fs-xl);color:var(--color-text-black);-webkit-text-stroke:.4px var(--color-text-white);letter-spacing:3px;text-decoration:none;background:var(--color-text-white);border:2px solid var(--color-text-black);border-radius:var(--radius-md);box-shadow:3px 3px 3px #00000090;outline:none;transition:all 1.3s;cursor:pointer;&:before,&:after{content:"";position:absolute;opacity:0;transition:all 0.5s;transform-style:preserve-3d;perspective:400px;transform-origin:50% -50%;transform:rotateX(360deg) rotateY(0) translateX(-50%) translateY(0) scale(.2);backface-visibility:visible}&:before{top:5px;left:50%;height:3rem;background:var(--color-text-white);border-top:2rem solid var(--color-bg-dark);border-right:3rem solid #fff0;border-left:3rem solid #fff0}&:after{top:0;left:50%;border-top:2rem solid var(--color-text-white);border-right:3rem solid #fff0;border-left:3rem solid #fff0}&:hover,:active,:focus{color:#fff0;background:none;border:2px solid #fff0;box-shadow:none;transition:color 0.25s,border 0.25s}&:hover:before,:active:before,:focus:before,&:hover:after,:active:after,:focus:after{opacity:1;transform:rotateX(0) rotateY(-10deg) translateX(-50%) translateY(0) scale(1)}}.fly{color:#fff0;background:none;-webkit-text-stroke:.4px #fff0;border:2px solid #fff0;box-shadow:none;animation:sended 4s 0.8s forwards;&:before,&:after{animation:flyout 0.6s forwards}}}}}}footer{width:100%;padding:2.4rem 0;display:flex;flex-direction:row;align-items:center;justify-content:space-around;font-size:var(--fs-sm);background:var(--color-bg-light);border-top:1px solid var(--color-primary);p{display:flex;align-items:center;gap:.42em;font-family:var(--font-body);color:var(--color-text-primary)}a{font-size:1.12em;font-weight:900;color:var(--color-primary);text-decoration:none;text-shadow:0 0 1px var(--color-primary);&:hover,:active,:focus{text-decoration:underline;text-underline-offset:4px}}}@keyframes writeLine{from{width:0;transform:rotate(0deg)}to{width:115%;transform:rotate(-10deg)}}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes sended{0%{height:2rem;width:3.5rem;border-top:0;border-right:0;border-bottom:10px solid var(--color-text-white);border-left:10px solid var(--color-text-white);opacity:0;transform:rotate(-45deg) translateX(400%) translateY(-600%)}5%{height:2rem;width:3.5rem;border-top:0;border-right:0;border-bottom:10px solid var(--color-text-white);border-left:10px solid var(--color-text-white);opacity:1;transform:rotate(-45deg) translateX(50%) translateY(110%)}78%{height:2rem;width:3.5rem;border-top:0;border-right:0;border-bottom:10px solid var(--color-text-white);border-left:10px solid var(--color-text-white);opacity:1;transform:rotate(-45deg) translateX(50%) translateY(110%)}79%{height:2rem;width:3.5rem;border-top:0;border-right:0;border-bottom:10px solid var(--color-text-white);border-left:10px solid var(--color-text-white);opacity:0;transform:rotate(-45deg) translateX(50%) translateY(110%)}80%{height:auto;width:auto;color:#fff0;border:2px solid #fff0;opacity:0;transform:rotate(0) translateX(50%) translateY(110%)}100%{height:auto;width:auto;color:var(--color-text-white);border:2px solid #ffffff80;opacity:1;transform:rotate(0) translateX(50%) translateY(110%)}}@keyframes flyout{0%{opacity:1;transform:rotateX(0) rotateZ(0) translateX(-50%) translateY(0) scale(1)}33%{opacity:.66;transform:rotateX(0) rotateZ(-5deg) translateX(-100%) translateY(0) scale(1)}100%{opacity:0;transform:rotateX(0) rotateZ(0) translateX(1000%) translateY(0) scale(1)}}.js-reveal-from-bottom{opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out;will-change:opacity,transform}.js-reveal-from-bottom.is-visible{opacity:1;transform:translateY(0)}@media (max-width:1300px){header nav{flex-direction:column;align-items:flex-start;justify-content:center;padding:.9rem var(--space-lg);.nav-ul,.nav-links{display:none}}header.scrolled{.menu-toggle-btn{color:var(--color-text-white)}#menu-toggle:checked+.menu-toggle-btn::before{color:var(--color-text-white)}}.menu-toggle-btn{display:block;position:fixed;top:1.7rem;right:2rem;z-index:var(--z-toggle-btn);font-size:1.7rem;color:var(--color-primary);cursor:pointer}#menu-toggle:checked+.menu-toggle-btn i{display:none}#menu-toggle:checked+.menu-toggle-btn::before{content:"\2715";display:inline-block;position:absolute;top:10px;right:10px;font-size:var(--fs-xl);color:var(--color-primary)}#menu-toggle:checked~.nav-ul{display:flex;flex-direction:column;position:fixed;top:0;right:0;z-index:var(--z-mobile-menu);width:35vw;height:100vh;padding:var(--space-sm);padding-bottom:150px;gap:var(--space-md);background:var(--color-bg);transform:translateX(0);transition:transform var(--transition-medium);a{padding-bottom:10px;font-size:2.2rem}}#menu-toggle:checked~.nav-links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;position:fixed;bottom:0;right:0;z-index:var(--z-mobile-menu);width:35vw;padding:var(--space-sm);gap:var(--space-md);a{margin-bottom:10px;font-size:1.2rem}}#menu-toggle{display:none}.nav-item-dropdown{display:none}#menu-toggle:checked~.nav-ul{display:flex;&::before{content:"";display:block}li{display:block}}}@media (max-width:1150px){section#banda{width:90%;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:1.2rem;padding-right:1.2rem;align-items:center;background:none;&.reveal{.p-banda{line-height:1.3}}}}@media (min-width:410px) and (max-width:800px){#menu-toggle:checked~.nav-ul,#menu-toggle:checked~.nav-links{width:65vw}}@media (min-width:601px) and (max-width:800px){section#galeria{.image{width:85vw;height:60vh;box-shadow:none}}.controls{position:relative;gap:4vw;padding-top:10px}}@media (min-width:401px) and (max-width:700px){section#contato{.container{.flex-container-row{margin-bottom:50px}}}.p-social{text-align:center}}@media (min-width:401px) and (max-width:600px){section#galeria{padding-top:var(--space-xl);padding-bottom:var(--space-xl);.image{width:85vw;height:60vh;box-shadow:none}}.controls{position:relative;gap:4vw;padding-top:10px;button{font-size:1.3rem}}}@media (min-width:401px) and (max-width:600px){section#shows{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}}@media (min-width:300px) and (max-width:600px){section#home{.call-to-action{h1{font-size:3.5rem;-webkit-text-stroke:2.5px var(--color-primary)}h2{font-size:1.3rem;-webkit-text-stroke:1.3px var(--color-primary);padding-top:10px}a{padding:7px 38px;line-height:1.5}}}}@media (max-width:450px){section#discografia{padding-top:var(--space-xxl);padding-bottom:var(--space-xxl);.p-disco{margin:0 1rem 1rem 1rem;font-size:1rem}}}@media (max-width:410px){#menu-toggle:checked~.nav-ul,#menu-toggle:checked~.nav-links{width:100%}}@media (min-width:300px) and (max-width:390px){h2.title-section{font-size:2.8rem}}@media (max-width:400px){section#galeria{padding-top:var(--space-xxl);padding-bottom:var(--space-xxl);.image{width:90vw;height:42vh;box-shadow:none}}.controls{position:relative;gap:7vw;padding-top:10px;button{font-size:1.2rem}}}@media (max-width:400px){section#shows{padding-top:var(--space-xxl);padding-bottom:var(--space-xxl)}}@media (max-width:900px){section#contato{.container{.flex-container-row{flex-direction:column;align-items:center;gap:var(--space-xl)}}}.form-wrapper{width:100%;max-width:450px;margin:0 auto}.form-input,.form-textarea{width:100%!important}.mail-btn{width:100%;max-width:250px;transform:translateX(-28%);top:var(--space-md)}}@media (min-width:300px) and (max-width:359px){footer{width:100%;flex-direction:column;justify-content:center;gap:var(--space-md);font-size:var(--fs-xs)}}@media (min-width:360px) and (max-width:700px){footer{width:100%;flex-direction:column;justify-content:center;gap:1.2rem;font-size:var(--fs-xs)}}