/* Club Al-Ándalus Peal · ajuste responsive y formulario v220 */
body.haa-club-v220{overflow-x:hidden}
body.haa-club-v220 .club-main,
body.haa-club-v220 .club-main>*{max-width:100%;min-width:0;box-sizing:border-box}
body.haa-club-v220 .club-main{overflow:hidden}
body.haa-club-v220 .hero-content,
body.haa-club-v220 .club-steps-wrap,
body.haa-club-v220 .form-section>.container,
body.haa-club-v220 .benefits-section>div{min-width:0}
body.haa-club-v220 .hero-actions a,
body.haa-club-v220 .join-section a{white-space:normal;text-align:center}
body.haa-club-v220 .benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.haa-club-v220 .benefit-item{min-width:0;overflow:hidden}
body.haa-club-v220 .benefit-item p,
body.haa-club-v220 .benefit-item h3{overflow-wrap:anywhere}
body.haa-club-v220 .form-section>.container{
  width:min(1100px,calc(100% - 40px))!important;
  max-width:1100px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:clamp(32px,5vw,76px)!important;
  align-items:start!important;
}
body.haa-club-v220 .club-form-card{
  width:100%;min-width:0;max-width:100%;
  padding:clamp(22px,3vw,38px);
  border:1px solid rgba(122,92,46,.18);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,244,238,.92));
  box-shadow:0 24px 70px rgba(47,42,34,.12);
  overflow:hidden;
}
body.haa-club-v220 .club-form,
body.haa-club-v220 .club-form .form-row,
body.haa-club-v220 .club-form input,
body.haa-club-v220 .club-form select,
body.haa-club-v220 .club-form button{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
body.haa-club-v220 .club-form input,
body.haa-club-v220 .club-form select{font-size:16px!important}
body.haa-club-v220 .form-check-line{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px}
body.haa-club-v220 .form-check-line input[type=checkbox]{width:18px!important;height:18px!important;margin:.15rem 0 0!important}
body.haa-club-v220 .form-check-line span{min-width:0;overflow-wrap:anywhere}
body.haa-club-v220 .form-success{padding:8px 0}
body.haa-club-v220 .form-success .fs-icon{font-size:3rem}
body.haa-club-v220 .form-msg{max-width:100%;overflow-wrap:anywhere}

@media (max-width:980px){
  body.haa-club-v220 .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.haa-club-v220 .form-section>.container{grid-template-columns:minmax(0,1fr)!important;width:min(720px,calc(100% - 32px))!important;gap:32px!important}
  body.haa-club-v220 .form-copy{max-width:680px}
}

@media (max-width:720px){
  body.haa-club-v220 .haa-universal-header-v181__topbar{padding:7px 12px!important;gap:8px!important}
  body.haa-club-v220 .haa-universal-header-v181__place{font-size:.72rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.haa-club-v220 .haa-universal-header-v181__contact{display:none!important}
  body.haa-club-v220 .haa-universal-header-v181__nav{padding:10px 12px!important;gap:8px!important;min-height:68px!important}
  body.haa-club-v220 .haa-universal-header-v181__brand{min-width:0!important;max-width:calc(100% - 116px)!important;gap:8px!important}
  body.haa-club-v220 .haa-universal-header-v181__brand img{width:38px!important;height:auto!important;flex:0 0 auto}
  body.haa-club-v220 .haa-universal-header-v181__brand-lines{min-width:0!important}
  body.haa-club-v220 .haa-universal-header-v181__brand-title{font-size:1rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.haa-club-v220 .haa-universal-header-v181__brand-subtitle{font-size:.62rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.haa-club-v220 .haa-universal-header-v181__actions{gap:6px!important;flex:0 0 auto}
  body.haa-club-v220 .haa-universal-header-v181__book{display:none!important}
  body.haa-club-v220 .haa-universal-header-v181__lang{min-width:38px!important;width:38px!important;height:38px!important;padding:0!important}
  body.haa-club-v220 .haa-universal-header-v181__mobile-menu summary{min-width:44px!important;height:40px!important;padding:0 10px!important}
  body.haa-club-v220 .haa-universal-header-v181__mobile-panel{right:0!important;left:auto!important;width:min(310px,calc(100vw - 24px))!important;max-height:calc(100dvh - 92px)!important;overflow:auto!important}

  body.haa-club-v220 .hero{height:auto!important;min-height:620px!important;align-items:flex-end!important;background-position:center!important}
  body.haa-club-v220 .hero-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0 18px 54px!important}
  body.haa-club-v220 .hero h1{font-size:clamp(2.7rem,14vw,4.1rem)!important;line-height:.92!important;max-width:10ch}
  body.haa-club-v220 .hero-desc{font-size:.98rem;line-height:1.6;max-width:34ch}
  body.haa-club-v220 .hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important}
  body.haa-club-v220 .hero-actions a{width:100%!important;min-height:50px;display:flex!important;align-items:center;justify-content:center;padding:13px 16px!important}

  body.haa-club-v220 .join-section,
  body.haa-club-v220 .benefits-section,
  body.haa-club-v220 .club-steps-section,
  body.haa-club-v220 .form-section{padding:44px 16px!important}
  body.haa-club-v220 .join-section h2,
  body.haa-club-v220 .benefits-section h2,
  body.haa-club-v220 .club-steps-copy h2,
  body.haa-club-v220 .form-copy h2{font-size:clamp(2.15rem,10vw,3rem)!important;line-height:1.02!important}
  body.haa-club-v220 .join-section .btn-primary{width:100%!important;display:flex!important;justify-content:center;align-items:center;min-height:50px}
  body.haa-club-v220 .benefits-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  body.haa-club-v220 .benefit-item{padding:22px 18px!important}
  body.haa-club-v220 .club-steps-wrap{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;width:100%!important}
  body.haa-club-v220 .club-steps-copy{min-width:0}
  body.haa-club-v220 .club-steps-list span{border-radius:18px!important;padding:12px 14px!important;white-space:normal!important;overflow-wrap:anywhere}
  body.haa-club-v220 .club-steps-poster img{border-radius:20px!important}

  body.haa-club-v220 .form-section>.container{width:100%!important;max-width:100%!important;margin:0!important;gap:26px!important}
  body.haa-club-v220 .form-copy,
  body.haa-club-v220 .club-form-card{width:100%!important;max-width:100%!important;min-width:0!important}
  body.haa-club-v220 .club-form-card{padding:20px 16px!important;border-radius:22px!important}
  body.haa-club-v220 .form-perks{gap:9px!important}
  body.haa-club-v220 .form-perks li{align-items:flex-start!important;line-height:1.45}
  body.haa-club-v220 .btn-submit{min-height:52px!important;border-radius:16px!important;white-space:normal!important}
  body.haa-club-v220 .gallery-grid{grid-template-columns:minmax(0,1fr)!important}
  body.haa-club-v220 .gallery-grid .gi,
  body.haa-club-v220 .gallery-grid .gi--tall{min-height:230px!important;grid-column:auto!important;grid-row:auto!important}
  body.haa-club-v220 .ambient-section{height:50vh!important;min-height:320px!important}
  body.haa-club-v220 .note-section{padding:26px 18px!important}
}

@media (max-width:380px){
  body.haa-club-v220 .haa-universal-header-v181__brand-title{font-size:.9rem!important}
  body.haa-club-v220 .haa-universal-header-v181__brand-subtitle{display:none!important}
  body.haa-club-v220 .hero-content{padding-inline:14px!important}
  body.haa-club-v220 .club-form-card{padding-inline:14px!important}
}


/* ==========================================================
   Formulario premium y robusto · v220
========================================================== */
body.haa-club-v220 .form-section{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 12% 16%,rgba(201,168,76,.10),transparent 28rem),
    radial-gradient(circle at 88% 82%,rgba(27,67,50,.07),transparent 30rem),
    linear-gradient(180deg,#fff 0%,#fbf8f2 100%);
}
body.haa-club-v220 .form-section::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.34;
  background-image:linear-gradient(rgba(122,92,46,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(122,92,46,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
}
body.haa-club-v220 .club-form-card{
  position:relative;
  padding:clamp(26px,3.2vw,42px);
  border:1px solid rgba(122,92,46,.18);
  border-radius:30px;
  background:rgba(255,255,255,.94);
  box-shadow:0 30px 80px rgba(35,29,20,.13),0 2px 8px rgba(35,29,20,.05);
  backdrop-filter:blur(12px);
  overflow:hidden;
}
body.haa-club-v220 .club-form-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:5px;
  background:linear-gradient(90deg,#7a5c2e,#d9b85f,#1b4332);
}
body.haa-club-v220 .club-form-header{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:start;margin-bottom:18px}
body.haa-club-v220 .club-form-emblem{
  width:54px;height:54px;border-radius:18px;display:grid;place-items:center;
  color:#fff;font-size:1.35rem;background:linear-gradient(145deg,#1b4332,#0e2d22);
  box-shadow:0 12px 28px rgba(27,67,50,.22),inset 0 0 0 1px rgba(255,255,255,.12);
}
body.haa-club-v220 .club-form-eyebrow{margin:0 0 4px!important;color:#8a682c!important;font-size:.69rem!important;font-weight:700!important;letter-spacing:.16em;text-transform:uppercase}
body.haa-club-v220 .club-form-header h3,
body.haa-club-v220 .form-success h3{margin:0;color:#2f2a22;font-family:var(--font-serif);font-size:clamp(1.65rem,2.5vw,2.15rem);font-weight:600;line-height:1.05}
body.haa-club-v220 .club-form-header p:last-child{margin:.6rem 0 0;color:#6b6258;font-size:.88rem;line-height:1.6}
body.haa-club-v220 .club-form-trust{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0 0 22px;border-bottom:1px solid rgba(122,92,46,.13)}
body.haa-club-v220 .club-form-trust span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid rgba(27,67,50,.14);border-radius:999px;background:#f2f7f3;color:#315443;font-size:.72rem;font-weight:650;white-space:nowrap}
body.haa-club-v220 .club-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
body.haa-club-v220 .club-fields-grid .form-row{margin:0}
body.haa-club-v220 .club-fields-grid .form-row--wide{grid-column:1/-1}
body.haa-club-v220 .form-row label{margin:0 0 7px;color:#554b3e;font-size:.71rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
body.haa-club-v220 .form-row label small{font-size:.68rem;font-weight:500;letter-spacing:0;text-transform:none;color:#8d8275}
body.haa-club-v220 .form-row input,
body.haa-club-v220 .form-row select{
  width:100%;height:54px;padding:0 16px!important;border:1px solid #d8d0c3!important;border-radius:14px!important;
  background-color:#fff!important;color:#27221b!important;font-size:16px!important;line-height:1.2;
  box-shadow:inset 0 1px 1px rgba(47,42,34,.025);transition:border-color .2s,box-shadow .2s,background .2s;
}
body.haa-club-v220 .form-row select{padding-right:42px!important;background-position:right 16px center!important}
body.haa-club-v220 .form-row input::placeholder{color:#aaa195!important;font-size:.88rem!important}
body.haa-club-v220 .form-row input:hover,
body.haa-club-v220 .form-row select:hover{border-color:#bfb29e!important}
body.haa-club-v220 .form-row input:focus,
body.haa-club-v220 .form-row select:focus{outline:none!important;border-color:#b28a38!important;box-shadow:0 0 0 4px rgba(201,168,76,.15)!important;background:#fffefb!important}
body.haa-club-v220 .form-checks{gap:10px;margin:22px 0 18px}
body.haa-club-v220 .form-check-line{
  display:grid!important;grid-template-columns:20px minmax(0,1fr);gap:11px;align-items:start;
  padding:13px 14px;border:1px solid #e3ddd2;border-radius:14px;background:#fbfaf7;color:#62594e;font-size:.79rem;line-height:1.5;cursor:pointer;
  transition:border-color .2s,background .2s,transform .2s;
}
body.haa-club-v220 .form-check-line:hover{border-color:#cdbd9d;background:#fffdf8;transform:translateY(-1px)}
body.haa-club-v220 .form-check-line--required{background:#fffdf7;border-color:#dfd2b8}
body.haa-club-v220 .form-check-line input[type=checkbox]{width:19px!important;height:19px!important;margin:.1rem 0 0!important;accent-color:#7a5c2e}
body.haa-club-v220 .form-check-line a{color:#725522;font-weight:650;text-underline-offset:3px}
body.haa-club-v220 .btn-submit{
  display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:57px;padding:14px 20px;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;
  color:#fff;background:linear-gradient(135deg,#252119 0%,#413728 58%,#6c5228 130%)!important;
  box-shadow:0 16px 32px rgba(47,42,34,.20);font-size:.79rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase;
  transition:transform .2s,box-shadow .2s,filter .2s;
}
body.haa-club-v220 .btn-submit span:last-child{font-size:1.2rem;line-height:1;transition:transform .2s}
body.haa-club-v220 .btn-submit:hover{transform:translateY(-2px);box-shadow:0 20px 38px rgba(47,42,34,.25);filter:brightness(1.06)}
body.haa-club-v220 .btn-submit:hover span:last-child{transform:translateX(3px)}
body.haa-club-v220 .btn-submit:disabled{transform:none;box-shadow:none;filter:none}
body.haa-club-v220 .club-form-privacy{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:14px 0 0;color:#776e63;font-size:.72rem;line-height:1.45;text-align:center}
body.haa-club-v220 .club-form-required{margin:9px 0 0;color:#8a8176;font-size:.66rem;line-height:1.45;text-align:center}
body.haa-club-v220 .club-form-alert{margin:0 0 18px}
body.haa-club-v220 .club-form-alert .form-msg{margin:0;padding:14px 16px;border:0;border-left:4px solid;border-radius:0 13px 13px 0;font-size:.82rem;line-height:1.55}
body.haa-club-v220 .form-msg--error{border-color:#b13c34!important;background:#fff1ef!important;color:#7f2722!important}
body.haa-club-v220 .form-msg--warn{border-color:#c48627!important;background:#fff8e9!important;color:#76501d!important}
body.haa-club-v220 .form-msg--info{border-color:#2b6f8b!important;background:#edf8fc!important;color:#20536a!important}
body.haa-club-v220 .form-msg--ok{border-color:#34805a!important;background:#eef9f2!important;color:#245f40!important}
body.haa-club-v220 .form-success{text-align:center;padding:clamp(20px,4vw,42px) 8px}
body.haa-club-v220 .form-success-mark{width:72px;height:72px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#2d7652,#194a35);font-size:2rem;box-shadow:0 18px 38px rgba(32,105,72,.22)}
body.haa-club-v220 .form-success .form-msg{margin:20px 0 0;border:0;border-radius:14px;text-align:left}
body.haa-club-v220 .club-form-back{display:inline-flex;align-items:center;gap:9px;margin-top:24px;padding:12px 17px;border:1px solid #d8c9aa;border-radius:999px;color:#654c23;font-size:.78rem;font-weight:700;text-decoration:none;background:#fffaf0;transition:transform .2s,background .2s}
body.haa-club-v220 .club-form-back:hover{transform:translateY(-1px);background:#fff4db}

@media (max-width:720px){
  body.haa-club-v220 .club-form-card{padding:24px 18px!important;border-radius:24px!important}
  body.haa-club-v220 .club-form-header{grid-template-columns:46px minmax(0,1fr);gap:13px}
  body.haa-club-v220 .club-form-emblem{width:46px;height:46px;border-radius:15px}
  body.haa-club-v220 .club-form-header h3{font-size:1.7rem}
  body.haa-club-v220 .club-form-trust{gap:6px}
  body.haa-club-v220 .club-form-trust span{font-size:.67rem;padding:5px 8px}
  body.haa-club-v220 .club-fields-grid{grid-template-columns:minmax(0,1fr);gap:15px}
  body.haa-club-v220 .club-fields-grid .form-row--wide{grid-column:auto}
  body.haa-club-v220 .form-row input,body.haa-club-v220 .form-row select{height:52px}
  body.haa-club-v220 .form-check-line{padding:12px;font-size:.77rem}
  body.haa-club-v220 .btn-submit{min-height:55px!important;border-radius:15px!important}
}
@media (max-width:380px){
  body.haa-club-v220 .club-form-card{padding:22px 14px!important}
  body.haa-club-v220 .club-form-header{grid-template-columns:1fr;text-align:center}
  body.haa-club-v220 .club-form-emblem{margin:0 auto}
  body.haa-club-v220 .club-form-trust{justify-content:center}
}