/* Layout refinements for smaller screens. */
html{scroll-padding-top:72px}
body{min-width:320px;overflow-x:clip}
img,video,svg{max-width:100%}
button,a,input,select{-webkit-tap-highlight-color:transparent}
@media(max-width:767px){
 #hero{min-height:0;padding-top:0}
 #hero .hero-content-layout{padding:58px 20px 84px;gap:22px}
 #hero .hero-content-layout>div:first-child{width:100%;max-width:100%}
 #hero .hero-content-layout h1{font-size:clamp(42px,12vw,64px);line-height:.9;overflow-wrap:anywhere}
 #hero .hero-content-layout h1>span:last-child{font-size:clamp(35px,10vw,52px)}
 #hero .hero-content-layout p{max-width:34rem}
 #hero .hero-content-layout a{min-height:48px;padding-inline:18px;font-size:11px;letter-spacing:.12em}
 #hero .hero-content-layout>div:first-child>div:last-child{width:100%;max-width:420px}
 #hero .hero-content-layout>div:first-child>div:last-child>div{padding:12px 6px}
 #loja,#clube{padding-block:60px}
 #loja>div,#clube>div,#contato>div:first-child{padding-inline:20px}
 #loja h2,#clube h2,#eventos h2{font-size:clamp(38px,10vw,54px);line-height:.96;overflow-wrap:anywhere}
 #loja>div>div:first-child{align-items:flex-start}
 #loja>div>div:first-child>div:last-child{max-width:100%;overflow-x:auto;scrollbar-width:none}
 #loja>div>div:first-child>div:last-child::-webkit-scrollbar{display:none}
 .xa-public-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .xa-product-info{min-height:0;padding:12px}
 .xa-product-info h3{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
 .xa-product-info p{min-height:0;font-size:12px;line-height:1.45}
 .xa-price{flex-wrap:wrap;gap:4px 8px}
 .xa-price strong{font-size:19px}
 .xa-select-wrap select,.xa-select-wrap button{min-height:42px;padding:8px;font-size:11px}
 #clube>div{gap:28px}
 #clube>div>div{min-width:0}
 #clube p{font-size:14px;line-height:1.7}
 #eventos{padding:52px 16px}
 .club-gallery h2{font-size:clamp(38px,10vw,52px);line-height:.98}
 .club-gallery-grid,.legacy-events-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .club-gallery img,.club-gallery video{aspect-ratio:16/10}
 #contato{padding-top:48px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
 #contato>div:first-child{gap:30px}
 #contato>div:first-child>div{min-width:0}
 #contato>div:last-of-type{margin-top:32px;padding:16px 20px 0;font-size:9px;line-height:1.7}
 #xxiv-music-player{left:max(10px,env(safe-area-inset-left,0px))!important;right:auto!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;top:auto!important;width:min(188px,calc(100vw - 20px))!important;padding:7px!important}
 #xxiv-music-player.is-minimized .xxiv-music-heading{margin-bottom:0}
 #xxiv-music-player .xxiv-music-controls{gap:4px}
 #xxiv-music-player .xxiv-music-play{min-height:30px;padding-inline:8px;font-size:10px}
 #xxiv-music-player .xxiv-music-volume input{width:64px}
 .whatsapp-icon-frame--floating{width:32px;height:32px}
}
@media(max-width:380px){
 #hero .hero-content-layout{padding-inline:16px}
 #hero .hero-content-layout>div:first-child>div:last-child>div{padding-inline:3px}
 .xa-public-products{gap:9px}
 .xa-product-info{padding:10px}
 .xa-select-wrap{gap:6px}
 #xxiv-music-player{width:min(174px,calc(100vw - 20px))!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Ponteiro do site: seta preta com brilho azul sutil em telas com mouse. */
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  html, body {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='28' viewBox='0 0 24 28'%3E%3Cpath d='M3 2v21l5-5 4 8 3-2-4-7h7z' fill='%2307070a' stroke='%2387d9ff' stroke-opacity='.5' stroke-width='1.35' stroke-linejoin='round'/%3E%3C/svg%3E") 2 2, auto;
  }

  a, button, [role="button"], select, label[for], summary,
  input[type="button"], input[type="submit"], input[type="reset"] {
    cursor: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Ctext x=%271%27 y=%2727%27 font-size=%2725%27 font-family=%27Segoe%20UI%20Emoji%27%3E%F0%9F%A4%9F%F0%9F%8F%BB%3C/text%3E%3C/svg%3E") 3 2, pointer;
  }

  input:not([type="button"]):not([type="submit"]):not([type="reset"]),
  textarea, [contenteditable="true"] {
    cursor: text;
  }
}