/* v210: Airbnb-style amenities section (home). Overrides home.css / mobile206.css for #amenidades only. */
#amenidades.am210{background:transparent}
#amenidades .am210-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
#amenidades .am210-head .section-title{margin:0}
#amenidades .am210-tabs{display:inline-flex!important;gap:4px!important;padding:4px!important;margin:0!important;border:1px solid #dddddd!important;border-radius:999px!important;background:#fff!important;width:auto!important;grid-template-columns:none!important}
#amenidades .am210-tabs .resort-switch-button{display:inline-flex!important;align-items:center;min-height:40px!important;padding:0 18px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#222!important;box-shadow:none!important;font:600 14px/1 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;width:auto!important;cursor:pointer}
#amenidades .am210-tabs .resort-switch-button span{font:inherit!important;color:inherit!important;text-transform:none!important;letter-spacing:0!important}
#amenidades .am210-tabs .resort-switch-button b{display:none!important}
#amenidades .am210-tabs .resort-switch-button.active{background:#222!important;color:#fff!important}
#amenidades .resort-experience-pane{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#amenidades .am210-gallery{position:relative}
#amenidades .am210-gallery .amenities-combined-mosaic{display:grid!important;grid-template-columns:2fr 1fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:8px!important;height:min(460px,42vw);border-radius:16px;overflow:hidden;margin:0!important;padding:0!important}
#amenidades .am210-gallery .experience-feature{position:relative;min-height:0!important;height:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;overflow:hidden;transform:none!important;grid-column:auto!important;grid-row:auto!important}
#amenidades .am210-gallery .experience-feature:first-child{grid-row:1/3!important}
#amenidades .am210-gallery .experience-feature:nth-child(4):last-child{grid-column:2/4!important}
#amenidades .am210-gallery .experience-feature img{width:100%;height:100%;object-fit:cover;transition:filter .2s}
#amenidades .am210-gallery .experience-feature:hover img{filter:brightness(.88)}
#amenidades .am210-gallery .experience-feature::after{content:'';position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.45));pointer-events:none}
#amenidades .am210-gallery .experience-caption{position:absolute;left:14px;bottom:12px;right:auto;top:auto;z-index:1;padding:0!important;background:none!important;color:#fff;text-align:left}
#amenidades .am210-gallery .experience-caption strong{font:600 15px/1.2 Inter,system-ui,sans-serif!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.4);letter-spacing:0!important;text-transform:none!important}
#amenidades .am210-gallery .experience-caption span{display:none!important}
#amenidades .lyfe-auto-mosaic .experience-caption,#amenidades .lyfe-auto-mosaic .experience-feature::after{display:none!important}
#amenidades .am210-showall{position:absolute!important;right:16px;bottom:16px;z-index:2;display:inline-flex!important;align-items:center;gap:6px;min-height:36px!important;width:auto!important;padding:0 14px!important;border:1px solid #222!important;border-radius:8px!important;background:#fff!important;color:#222!important;font:600 14px/1 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;cursor:pointer}
#amenidades .am210-showall::before{content:'';width:14px;height:14px;background:radial-gradient(circle,#222 1.6px,transparent 1.8px) 0 0/5px 5px}
#amenidades .am210-showall b{display:none}
#amenidades .am210-showall span{font:inherit!important;color:inherit!important;text-transform:none!important;letter-spacing:0!important}
#amenidades .am210-sub{margin:28px 0 12px;font:600 20px/1.3 Inter,system-ui,sans-serif;color:#222}
#amenidades .am210-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 24px}
#amenidades .am210-list li{display:flex;align-items:center;gap:12px;font:400 16px/1.3 Inter,system-ui,sans-serif;color:#222}
#amenidades .am210-list li span{font-size:22px;width:28px;text-align:center}
#amenidades .am210-guide{display:flex;align-items:center;gap:14px;width:100%;margin:28px 0 0;padding:12px 16px 12px 12px;border:1px solid #dddddd;border-radius:14px;background:#fff;text-align:left;cursor:pointer;color:#222}
#amenidades .am210-guide:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)}
#amenidades .am210-guide img{width:64px;height:64px;flex:0 0 64px;border-radius:10px;object-fit:cover}
#amenidades .am210-guide-t{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
#amenidades .am210-guide-t b{font:600 16px/1.25 Inter,system-ui,sans-serif}
#amenidades .am210-guide-t small{font:400 14px/1.3 Inter,system-ui,sans-serif;color:#6a6a6a}
#amenidades .am210-guide-a{font-size:28px;line-height:1;color:#222}
@media(max-width:900px){#amenidades .am210-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 #amenidades .am210-head{align-items:flex-start;flex-direction:column;gap:12px}
 #amenidades .am210-tabs{width:100%!important}
 #amenidades .am210-tabs .resort-switch-button{flex:1 1 50%;justify-content:center}
 #amenidades .am210-gallery .amenities-combined-mosaic{display:flex!important;height:auto;border-radius:0;overflow-x:auto;gap:10px!important;padding:0 0 4px!important}
 #amenidades .am210-gallery .experience-feature{flex:0 0 82%!important;height:240px!important;border-radius:14px!important;grid-column:auto!important;grid-row:auto!important}
 #amenidades .am210-showall{position:static!important;margin-top:12px;width:100%!important;justify-content:center}
 #amenidades .am210-sub{margin-top:24px;font-size:18px}
 #amenidades .am210-list{gap:12px 14px}
 #amenidades .am210-list li{font-size:15px}
}
