/* v62: controles legibles, formularios y paneles adaptables. */
.country-control{color:#fff;background:#424d5b;border-radius:10px;padding:9px 12px;margin:0;gap:10px;min-width:0}
.country-control span{color:#fff;white-space:nowrap}
.country-control select{min-width:0;color:#222a34;background:#fff}
input[type=checkbox],input[type=radio]{width:auto;flex:none;margin-right:7px;vertical-align:middle}
.private-contact{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}
#termsUpdateNotice{margin-bottom:20px}#termsUpdateNotice p{color:var(--ink)}#termsUpdateNotice a{display:inline-block;margin:10px 12px}
.panel,.formgrid>* ,.market-grid>*,.profile-header>*,nav{min-width:0}
.panel p,.booking p,.profile-header strong{overflow-wrap:anywhere}
input,select,textarea{min-width:0;max-width:100%}
@media(max-width:768px){
 header{padding:12px 16px;gap:10px;flex-wrap:wrap}.brand{font-size:25px}
 main{max-width:100%;padding-left:16px;padding-right:16px}
 .country-control{width:100%;flex-wrap:nowrap}.country-control select{flex:1;max-width:100%;width:0}
 .formgrid,.market-grid,.search{grid-template-columns:minmax(0,1fr)}
 input,select,textarea{font-size:16px}
 .panel{padding:16px}.actions{flex-wrap:wrap}.actions>*{max-width:100%}
 .modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:18px;overscroll-behavior:contain}
 .overlay{padding:12px}#termsForm button,#whatsappForm button{width:100%}
 .profile-header{flex-wrap:wrap}.mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}.panel{padding:12px}nav button{padding:10px}h1{font-size:29px}}