.ig-beach-hero { position:relative; min-height:46vh; display:flex; align-items:center; overflow:hidden; }
.ig-beach-hero__bg { position:absolute; inset:0; }
.ig-beach-hero__bg::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(99,102,241,.3), rgba(6,182,212,.4)); }
.ig-beach-hero__bg video,.ig-beach-hero__bg img { width:100%; height:100%; object-fit:cover; }
.ig-beach-hero__content { position:relative; z-index:2; width:100%; color:#fff; padding:80px 0 60px; }
.ig-beach-hero__title { font-size:clamp(2rem,5vw,3.4rem); font-weight:800; letter-spacing:-.02em; margin:.4em 0 .3em; }
.ig-beach-hero__sub { font-size:clamp(1rem,1.8vw,1.25rem); max-width:680px; opacity:.95; }

.ig-beach-filters { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:24px; }
.ig-beach-filter {
    display:inline-flex; align-items:center; gap:6px;
    padding:9px 16px; border-radius:9999px;
    border:1.5px solid var(--ig-border); background:#fff;
    font-weight:600; font-size:.85rem; cursor:pointer; transition:all .2s;
}
.ig-beach-filter:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(0,0,0,.06); }
.ig-beach-filter.is-active { background:#0891B2; color:#fff; border-color:#0891B2; }
.ig-beach-filter__dot { width:8px; height:8px; border-radius:50%; }

.ig-beach-search {
    max-width:400px; margin:0 auto 24px; display:block;
    padding:12px 18px; border-radius:14px; width:100%;
    border:1.5px solid var(--ig-border); background:#F8FAFC;
    font-size:.95rem; outline:none; transition:border-color .2s;
}
.ig-beach-search:focus { border-color:#0891B2; background:#fff; }

.ig-beach-count { text-align:center; font-size:.85rem; color:var(--ig-text-muted); margin-bottom:20px; font-weight:600; }

.ig-beach-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr)); gap:20px; }
.ig-beach-card {
    background:#fff; border-radius:20px; border:1.5px solid var(--ig-border);
    padding:0; transition:all .25s; position:relative; overflow:hidden;
}
.ig-beach-card__img { aspect-ratio:16/9; overflow:hidden; }
.ig-beach-card__img img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.ig-beach-card:hover .ig-beach-card__img img { transform:scale(1.05); }
.ig-beach-card__head, .ig-beach-card__tags, .ig-beach-card__desc, .ig-beach-card__tip, .ig-beach-card__actions {
    padding-left:24px; padding-right:24px;
}
.ig-beach-card__head { padding-top:18px; }
.ig-beach-card__actions { padding-bottom:20px; }
.ig-beach-card.is-hidden { display:none; }
.ig-beach-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(0,0,0,.08); }
.ig-beach-card__head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; }
.ig-beach-card__name { font-size:1.15rem; font-weight:800; margin:0; }
.ig-beach-card__town { font-size:.82rem; color:var(--ig-text-muted); margin:2px 0 0; }
.ig-beach-card__fondo {
    padding:5px 12px; border-radius:9999px; font-size:.7rem;
    font-weight:800; color:#fff; text-transform:uppercase; letter-spacing:.04em;
    white-space:nowrap; flex:none;
}
.ig-beach-card__tags { display:flex; flex-wrap:wrap; gap:5px; margin:10px 0; }
.ig-beach-card__tag {
    padding:3px 9px; border-radius:9999px; font-size:.7rem;
    font-weight:600; background:var(--ig-bg); color:var(--ig-text);
}
.ig-beach-card__tag--green { background:#ECFDF5; color:#065F46; }
.ig-beach-card__tag--blue { background:#EFF6FF; color:#1E40AF; }
.ig-beach-card__tag--amber { background:#FFFBEB; color:#92400E; }
.ig-beach-card__desc { font-size:.9rem; line-height:1.55; color:var(--ig-text); margin:0 0 10px; }
.ig-beach-card__tip {
    font-size:.82rem; padding:10px 24px; border-radius:0;
    background:linear-gradient(135deg,#F0F9FF,#ECFDF5); color:#0C4A6E;
    border-left:3px solid #0891B2; margin:10px 0;
}
.ig-beach-card__tip::before { content:"\1F4A1 "; }
.ig-beach-card__actions { display:flex; gap:8px; margin-top:12px; }
.ig-beach-card__btn {
    display:inline-flex; align-items:center; gap:5px;
    padding:8px 14px; border-radius:9999px;
    font-size:.78rem; font-weight:700; text-decoration:none;
    border:1.5px solid var(--ig-border); color:var(--ig-text);
    transition:all .2s; cursor:pointer; background:#fff;
}
.ig-beach-card__btn:hover { background:#0891B2; color:#fff; border-color:#0891B2; }
.ig-beach-card__btn svg { width:14px; height:14px; }

.ig-beach-geo-row { display:flex; justify-content:center; margin-bottom:20px; }
.ig-beach-geo-btn {
    display:inline-flex; align-items:center; gap:8px;
    padding:10px 20px; border-radius:9999px;
    background:#fff; border:1.5px solid #0891B2; color:#0891B2;
    font-weight:700; font-size:.88rem; cursor:pointer; transition:all .25s;
}
.ig-beach-geo-btn:hover { background:#0891B2; color:#fff; }

.ig-beach-legend { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-bottom:20px; }
.ig-beach-legend__item { display:flex; align-items:center; gap:5px; font-size:.78rem; color:var(--ig-text-muted); }
.ig-beach-legend__dot { width:12px; height:12px; border-radius:50%; }

@media (max-width:768px) {
    .ig-beach-grid { grid-template-columns:1fr; }
    .ig-beach-filters { gap:6px; }
    .ig-beach-filter { padding:7px 12px; font-size:.78rem; }
}
@media print {
    .ig-beach-hero,.ig-beach-geo-row,.ig-back-to-top,.garda-chat-fab,.ig-footer,header { display:none !important; }
}