html,body{max-width:100%;overflow-x:hidden}
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,label,.faq p{-webkit-user-select:text;user-select:text}
img{max-width:100%;-webkit-user-drag:none;user-drag:none;pointer-events:none}
.brand{width:178px;height:44px;display:flex;align-items:center}.brand img{width:100%;height:auto}.wordmark{width:min(730px,62vw);margin:22px 0 30px}.wordmark img{width:100%;height:auto;filter:drop-shadow(0 12px 36px rgba(0,0,0,.45))}.manifest-brand{width:min(620px,75vw)}.manifest-brand img,.footer-brand img{width:100%;height:auto}.footer-brand{width:min(1120px,90vw)}
.nav-contact{display:none}
.button,.header-cta,.round-link,.submit{touch-action:manipulation}

@media (max-width:1100px) and (min-width:801px){
  .site-header{padding-inline:3vw}.site-header nav{gap:18px}.header-cta{padding-inline:13px}
  .hero{padding-inline:5vw}.hero-copy{width:72vw}.wordmark{font-size:7vw}
  .section{padding:105px 5vw}.problem-grid{gap:6vw}.what{grid-template-columns:36% 1fr;gap:5vw}
  .club-frame{min-height:660px}.club-title h2,.impossible-word{font-size:8.5vw}
  .about{grid-template-columns:42% 1fr;gap:5vw}.about-image{height:620px}
  .signup{grid-template-columns:.9fr 1.1fr;gap:6vw}.faq{gap:5vw}
}

@media (max-width:800px){
  .site-header{position:absolute}.site-header .brand,.site-header .menu{position:relative;z-index:2}.site-header nav{display:flex;position:fixed;inset:0;z-index:1;background:rgba(9,10,12,.98);backdrop-filter:blur(16px);flex-direction:column;justify-content:center;align-items:center;gap:28px;font:600 1.65rem Manrope;opacity:0;visibility:hidden;transform:translateY(-14px);transition:opacity .25s,transform .25s,visibility .25s}
  .site-header.nav-open nav{opacity:1;visibility:visible;transform:none}.site-header.nav-open .menu{position:fixed;right:20px;top:17px;z-index:2}.site-header.nav-open .menu span:first-child{transform:translateY(3.5px) rotate(45deg)}.site-header.nav-open .menu span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .menu span{transition:transform .25s}.nav-contact{display:block!important;color:var(--amber)!important;font-size:.9rem!important;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(234,170,80,.55);padding:15px 20px}
  .hero{min-height:max(780px,100svh);padding-top:110px;padding-bottom:48px}.hero-copy{padding-bottom:0}.wordmark{width:min(100%,520px);margin:12px 0 24px}.hero h1{max-width:100%;line-height:1.02}.actions{margin-top:28px}
  .problem .display{overflow-wrap:anywhere}.statement span{font-size:clamp(2.4rem,14vw,4.2rem)}
  .club-frame{min-height:640px}.club-title{margin-top:78px}.impossible-word{white-space:normal;overflow-wrap:anywhere}.club-bottom{margin-top:48px}
  .about-image{height:min(135vw,590px)}.signup form{gap:24px}.submit{min-height:68px}
  summary{gap:18px;line-height:1.35}.footer-bottom nav{line-height:1.8}
}

@media (max-width:420px){
  .site-header{padding-inline:16px}.brand{font-size:1rem}.hero{padding-inline:18px}.wordmark{font-size:12.8vw}.hero h1{font-size:clamp(2rem,10.5vw,2.75rem)}
  .section{padding:78px 18px}.club{padding-inline:10px}.club-frame{padding-inline:16px}.club-top span:last-child{display:none}
  .club-title h2,.impossible-word{font-size:12.4vw}.word-concept{font-size:.58rem!important;letter-spacing:.1em}
  .audience-list article{grid-template-columns:32px 1fr 20px;gap:7px}.about-image span{left:22px;bottom:24px}
  .signup-intro h2{font-size:13vw}.footer-brand{font-size:15vw}
}

@media print{body:before{content:"Contenido protegido — POSIBILIS";display:block!important;padding:3rem;font:700 20pt Manrope;color:#111}body>*{display:none!important}}
