.experienciasPage{height:100dvh;overflow:hidden}.experienciasPage__map-container{width:100%;height:100dvh;position:relative;overflow:hidden}.experienciasPage__map-bg{position:absolute;inset:0}.experienciasPage__marker{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative;transform:translateY(-50%)}.experienciasPage__marker-icon{color:var(--color-primary);filter:drop-shadow(0 4px 6px #0000004d);font-size:32px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.experienciasPage__floating-search{top:var(--space-margin-mobile);left:var(--space-margin-mobile);right:var(--space-margin-mobile);z-index:20;position:absolute}.experienciasPage__search-bar{padding:var(--space-xs);border-radius:var(--radius-full);box-shadow:var(--shadow-md);margin-bottom:var(--space-xs);align-items:center;display:flex}.experienciasPage__search-icon{color:var(--color-outline);padding:0 var(--space-sm);flex-shrink:0;font-size:22px}.experienciasPage__search-input{font-family:var(--font-body);font-size:var(--fs-body-md);color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1;min-width:0}.experienciasPage__search-input::placeholder{color:var(--color-outline-variant)}.experienciasPage__location-btn{border-radius:var(--radius-full);background-color:var(--color-secondary);width:36px;height:36px;color:var(--color-on-secondary);cursor:pointer;margin-left:var(--space-xs);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.experienciasPage__location-btn:hover{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.experienciasPage__quick-filters{gap:var(--space-xs);padding-left:var(--space-xs);display:flex;overflow-x:auto}.experienciasPage__quick-filter{align-items:center;gap:var(--space-base);padding:var(--space-base) var(--space-sm);border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface-variant);font-family:var(--font-body);font-size:var(--fs-label-md);font-weight:var(--fw-medium);border:1px solid var(--color-outline-variant);white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), color var(--transition-fast);flex-shrink:0;display:flex}.experienciasPage__quick-filter--active{background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-color:#012d1d33}.experienciasPage__quick-filter-icon{font-size:16px}.experienciasPage__fab{right:var(--space-margin-mobile);bottom:calc(72px + 200px + var(--space-md));z-index:20;border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);width:48px;height:48px;color:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #012d1d0d;justify-content:center;align-items:center;display:flex;position:absolute}.experienciasPage__fab:hover{box-shadow:var(--shadow-xl);transform:scale(1.08)}.experienciasPage__carousel{padding:0 var(--space-margin-mobile) var(--space-sm);z-index:20;gap:var(--space-sm);scroll-snap-type:x mandatory;display:flex;position:absolute;bottom:72px;left:0;right:0;overflow-x:auto}.experienciasPage__loading{font-family:var(--font-body);font-size:var(--fs-body-md);color:var(--color-on-surface-variant);background:var(--color-surface-container-lowest);padding:var(--space-md);border-radius:var(--radius-xl)}.experienciasPage__card{background-color:var(--color-surface-container-lowest);border-radius:var(--radius-xl);scroll-snap-align:center;width:90%;height:120px;box-shadow:var(--shadow-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #012d1d1a;flex-direction:row;flex-shrink:0;display:flex;overflow:hidden}.experienciasPage__card--selected{box-shadow:var(--shadow-xl);border-color:#012d1d40}.experienciasPage__card+.experienciasPage__card{opacity:.8;transform-origin:0;transform:scale(.96)}.experienciasPage__card-image-wrap{flex-shrink:0;width:40%;position:relative}.experienciasPage__card-image{object-fit:cover;width:100%;height:100%}.experienciasPage__card-fav{top:var(--space-base);right:var(--space-base);border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-secondary);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform var(--transition-fast);background:#fffc;border:none;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute}.experienciasPage__card-fav:hover{transform:scale(1.1)}.experienciasPage__card-body{padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-sm);flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.experienciasPage__card-title{font-family:var(--font-headline);font-size:16px;font-weight:var(--fw-semibold);color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.experienciasPage__card-subtitle{font-family:var(--font-body);font-size:var(--fs-label-sm);color:var(--color-on-surface-variant)}.experienciasPage__card-rating{align-items:center;gap:2px;display:flex}.experienciasPage__card-star{color:var(--color-secondary);font-size:14px}.experienciasPage__card-rating-value{font-family:var(--font-body);font-size:var(--fs-label-sm);font-weight:var(--fw-bold);color:var(--color-on-surface)}.experienciasPage__card-reviews{font-family:var(--font-body);font-size:var(--fs-label-sm);color:var(--color-outline)}.experienciasPage__card-footer{justify-content:space-between;align-items:center;display:flex}.experienciasPage__card-category{font-family:var(--font-body);font-size:10px;font-weight:var(--fw-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-on-tertiary-fixed-variant);padding:2px var(--space-xs);border-radius:var(--radius-sm);background-color:#92f7c366}.experienciasPage__card-duration{font-family:var(--font-body);font-size:var(--fs-label-sm);font-weight:var(--fw-medium);color:var(--color-primary)}.experienciasPage__pin{cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;padding:0;display:flex;position:relative;transform:translateY(-50%)}.experienciasPage__pin-container{border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);width:44px;height:44px;box-shadow:var(--shadow-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;display:flex}.experienciasPage__pin:hover .experienciasPage__pin-container{box-shadow:var(--shadow-lg);transform:scale(1.1)}.experienciasPage__pin-icon{font-size:24px}.experienciasPage__pin--primary .experienciasPage__pin-container{border-color:var(--color-primary)}.experienciasPage__pin--primary .experienciasPage__pin-icon{color:var(--color-primary)}.experienciasPage__pin--secondary .experienciasPage__pin-container{border-color:var(--color-secondary)}.experienciasPage__pin--secondary .experienciasPage__pin-icon{color:var(--color-secondary)}.experienciasPage__pin--tertiary .experienciasPage__pin-container{border-color:var(--color-on-tertiary-container)}.experienciasPage__pin--tertiary .experienciasPage__pin-icon{color:var(--color-on-tertiary-container)}.experienciasPage__pin-tooltip{background-color:var(--color-inverse-surface);color:var(--color-inverse-on-surface);font-family:var(--font-body);font-size:var(--fs-label-sm);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast);padding:4px 8px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.experienciasPage__pin-tooltip:after{content:"";border-style:solid;border-width:4px;border-color:var(--color-inverse-surface) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.experienciasPage__pin:hover .experienciasPage__pin-tooltip{opacity:1;visibility:visible}.experienciasPage__legend{bottom:calc(72px + 200px + var(--space-md));left:var(--space-margin-mobile);z-index:20;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--fs-label-md);color:var(--color-on-surface);flex-direction:column;display:flex;position:absolute}.experienciasPage__legend-item{align-items:center;gap:var(--space-xs);display:flex}.experienciasPage__legend-color{border-radius:var(--radius-full);width:12px;height:12px}.experienciasPage__legend-color--primary{background-color:var(--color-primary)}.experienciasPage__legend-color--secondary{background-color:var(--color-secondary)}.experienciasPage__legend-color--tertiary{background-color:var(--color-on-tertiary-container)}.experienciasPage__controls{right:var(--space-margin-mobile);z-index:20;gap:var(--space-xs);flex-direction:column;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.experienciasPage__control-btn{border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);width:40px;height:40px;color:var(--color-on-surface-variant);border:1px solid var(--color-outline-variant);box-shadow:var(--shadow-sm);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.experienciasPage__control-btn:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}@media (min-width:1024px){.experienciasPage__map-container{flex-direction:row;height:calc(100dvh - 72px);margin-top:0;display:flex}.experienciasPage__sidebar{background-color:var(--color-surface-container-lowest);z-index:30;width:400px;height:100%;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative}.experienciasPage__map-wrapper{flex:1;height:100%;position:relative}.experienciasPage__map-bg{position:absolute;inset:0}.experienciasPage__floating-search{padding:var(--space-md);background-color:var(--color-surface-container-lowest);border-bottom:1px solid var(--color-outline-variant);z-index:10;position:static}.experienciasPage__quick-filters{padding-left:0;padding-bottom:var(--space-xs)}.experienciasPage__carousel{padding:var(--space-md);gap:var(--space-md);scroll-snap-type:none;flex-direction:column;flex:1;position:static;overflow:hidden auto}.experienciasPage__card{scroll-snap-align:none;flex-shrink:0;width:100%;height:auto;min-height:120px}.experienciasPage__card+.experienciasPage__card{opacity:1;transform:none}.experienciasPage__fab{bottom:var(--space-md);right:var(--space-md)}.experienciasPage__legend{bottom:var(--space-md);left:var(--space-md)}}
