/* ═══════════════════════════════════════════
   ANZOL DE OURO — V2  REDESIGN
   Minimal · Editorial · Glassmorphism
   Fonts: DM Serif Display, Space Grotesk
   ═══════════════════════════════════════════ */

/* ── RESET & VARIABLES ─────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
    --bg:#FAFAF8;
    --bg-alt:#F0EFEB;
    --surface:#fff;
    --text:#1A1A1A;
    --text-soft:#6B6B6B;
    --accent:#007BFF;
    --accent-light:#E6F4FF;
    --gold:#007BFF;
    --gold-light:#E6F4FF;
    --danger:#D64545;
    --radius:14px;
    --radius-sm:8px;
    --radius-lg:24px;
    --shadow:0 2px 24px rgba(0,0,0,.06);
    --shadow-lg:0 12px 48px rgba(0,0,0,.1);
    --serif: 'Merriweather', Georgia, serif;
    --sans: 'Inter', 'Helvetica Neue', Arial, system-ui, sans-serif;
    --transition:0.35s cubic-bezier(.4,0,.2,1);
    --nav-h:72px;
}

html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%}
body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;max-width:100vw}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{cursor:pointer;border:none;background:none;font-family:inherit}
input,textarea,select{font-family:inherit}

::selection{background:var(--accent);color:#fff}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--accent);border-radius:99px}

/* ── CURSOR GLOW ───────────────────────── */
.cursor-glow{
    position:fixed;width:320px;height:320px;border-radius:50%;
    background:radial-gradient(circle,rgba(0,123,255,.07) 0%,transparent 70%);
    pointer-events:none;z-index:9999;
    transform:translate(-50%,-50%);
    transition:transform 0.05s linear;
    will-change:transform;
}

/* ── UTILITY ───────────────────────────── */
.container{width:min(1200px,100% - 2.5rem);margin-inline:auto}

/* ── BUTTONS ───────────────────────────── */
.btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:14px 32px;border-radius:100px;font-weight:600;font-size:.9rem;
    transition:var(--transition);letter-spacing:-.01em;
}
.btn--primary{
    background:var(--accent);color:#fff;
    box-shadow:0 4px 20px rgba(0,123,255,.3);
}
.btn--primary:hover{
    background:var(--accent);transform:translateY(-2px);
    box-shadow:0 8px 32px rgba(0,123,255,.35);
}
.btn--ghost{
    border:1.5px solid var(--text);color:var(--text);
}
.btn--ghost:hover{background:var(--text);color:#fff}
.btn--full{width:100%;justify-content:center}
.btn i{font-size:.8rem;transition:transform .3s}
.btn:hover i{transform:translateX(3px)}

/* ── TAG, PILLS, CHIPS ────────────────── */
.tag{
    display:inline-block;padding:6px 18px;border-radius:100px;
    font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    background:var(--accent-light);color:var(--accent);
    margin-bottom:16px;
}

.pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:48px}
.pill{
    padding:10px 24px;border-radius:100px;font-size:.85rem;font-weight:500;
    border:1.5px solid #ddd;color:var(--text-soft);transition:var(--transition);
}
.pill:hover{border-color:var(--accent);color:var(--accent)}
.pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}

.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.chip{
    display:flex;align-items:center;gap:8px;padding:8px 18px;
    border-radius:100px;background:var(--accent-light);color:var(--accent);
    font-size:.85rem;font-weight:500;
}
.chip i{font-size:.75rem}

/* ── NAV ───────────────────────────────── */
.nav{
    position:fixed;top:0;left:0;right:0;z-index:1000;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    background:rgba(250,250,248,.75);
    border-bottom:1px solid transparent;
    transition:var(--transition);
}
.nav.scrolled{
    background:rgba(250,250,248,.95);
    border-bottom-color:rgba(0,0,0,.06);
    box-shadow:0 1px 12px rgba(0,0,0,.04);
}
.nav__inner{
    display:flex;align-items:center;height:var(--nav-h);
    max-width:1200px;margin:0 auto;padding:0 1.25rem;
}
.nav__logo{
    display:flex;align-items:center;gap:8px;
    font-family:var(--serif);font-size:1.3rem;color:var(--text);
    font-weight:400;white-space:nowrap;
}
.nav__logo-icon{color:var(--gold);font-size:1.4rem;display:inline-flex;align-items:center}

/* Logo image inside navbar — keeps logo height proportional to navbar */
.nav__logo-img{
    display:block;
    height:calc(var(--nav-h) + 8px);
    max-height:96px;
    width:auto;
    object-fit:contain;
}

.nav__links{display:flex;gap:6px;margin-left:auto;margin-right:24px}
.nav__link{
    padding:8px 16px;border-radius:100px;font-size:.85rem;font-weight:500;
    color:var(--text-soft);transition:var(--transition);
}
.nav__link:hover{color:var(--accent);background:var(--accent-light)}

.nav__cta{
    padding:10px 24px;border-radius:100px;background:var(--accent);color:#fff;
    font-size:.85rem;font-weight:600;transition:var(--transition);
    display:flex;align-items:center;gap:8px;
}
.nav__cta:hover{background:#0069d9;transform:scale(1.02)}
.nav__cta i{font-size:.7rem;transition:transform .3s}
.nav__cta:hover i{transform:translateX(3px)}

.nav__burger{display:none;width:32px;height:24px;position:relative;flex-direction:column;justify-content:center;gap:6px}
.nav__burger span{display:block;width:100%;height:2px;background:var(--text);border-radius:2px;transition:var(--transition)}
.nav__burger.active span:first-child{transform:rotate(45deg) translate(3px,3px)}
.nav__burger.active span:last-child{transform:rotate(-45deg) translate(3px,-3px)}

/* ── HERO ──────────────────────────────── */
.hero{
    position:relative;min-height:100vh;display:flex;align-items:center;
    overflow:hidden;padding:calc(var(--nav-h) + 40px) 0 60px;
}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__banners{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.hero__banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero__gradient{
    position:absolute;inset:0;
    background-image:
        radial-gradient(ellipse 80% 60% at 20% 80%,rgba(0,123,255,.10) 0%,transparent 50%),
        radial-gradient(ellipse 60% 50% at 80% 20%,rgba(0,123,255,.08) 0%,transparent 50%);
    background-position: 20% 80%, 80% 20%;
    background-size: auto, auto;
    background-repeat: no-repeat, no-repeat;
    background-color: transparent;
}
.hero__grain{
    position:absolute;inset:0;opacity:.35;
    background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
}
.hero__particles{position:absolute;inset:0}
.hero__particles .mini-fish{
    position:absolute;font-size:14px;opacity:.18;
    animation:swim-particle 7s infinite ease-in-out;
    filter:grayscale(.3);
}
@keyframes swim-particle{
    0%,100%{transform:translate(0,0) scaleX(1);opacity:.18}
    25%{transform:translate(20px,-15px) scaleX(1);opacity:.28}
    50%{transform:translate(40px,-5px) scaleX(-1);opacity:.22}
    75%{transform:translate(15px,10px) scaleX(-1);opacity:.28}
}

.hero__content{
    position:relative;z-index:1;
    width:min(780px,100% - 2.5rem);margin-inline:auto;text-align:center;
}
.hero__label{
    display:inline-flex;align-items:center;gap:10px;
    font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
    color:var(--accent);margin-bottom:28px;
}
.hero__label-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse-dot 2s infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}

.hero__title{
    font-family:var(--serif);font-size:clamp(3.5rem,8vw,7.5rem);
    line-height:.92;color:var(--text);
    margin-bottom:28px;letter-spacing:-.03em;
}
.hero__image{
    display:block;
    width:clamp(200px,34vw,520px);
    height:auto;
    margin:0 auto 28px;
    object-fit:contain;
}


.hero__desc{
    font-size:clamp(1rem,1.5vw,1.2rem);color:var(--text-soft);
    max-width:560px;margin:0 auto 40px;line-height:1.7;
}

.hero__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:72px}

/* Hero-specific ghost button: white text and border ("Explorar") */
.hero__actions .btn--ghost{
    border-color:#fff;
    color:#fff;
}
.hero__actions .btn--ghost:hover{
    background:rgba(255,255,255,0.12);
    color:#fff;
}

.hero__metrics{display:flex;gap:48px;justify-content:center;flex-wrap:wrap}
.metric{text-align:center}
.metric__value{
    display:block;font-family:var(--serif);font-size:2.8rem;color:var(--text);
    line-height:1;
}
.metric__label{font-size:.8rem;color:var(--text-soft);font-weight:500;margin-top:4px}

.hero__scroll{
    position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
    display:flex;flex-direction:column;align-items:center;gap:8px;
    z-index:2;
}
.hero__scroll span{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-soft)}
.hero__scroll-line{width:1px;height:40px;background:var(--accent);animation:scroll-line 2s infinite}
@keyframes scroll-line{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ── SECTIONS COMMON ───────────────────── */
.section{padding:110px 0}
.section--alt{background:var(--bg-alt)}
.section__head{text-align:center;margin-bottom:56px}
.section__sub{color:var(--text-soft);max-width:520px;margin:12px auto 0;font-size:1rem}

.heading-2{
    font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);
    line-height:1.1;letter-spacing:-.02em;
}
.heading-2 em{
    font-style:italic;color:var(--accent);
}

/* ── ABOUT / SPLIT ─────────────────────── */
.split{
    display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;
}
.img-frame{
    position:relative;border-radius:var(--radius-lg);overflow:hidden;
    aspect-ratio:4/5;background:var(--bg-alt);
}
.img-placeholder{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    height:100%;color:var(--text-soft);gap:12px;
}
.img-placeholder i{font-size:3rem;opacity:.3}
.img-placeholder p{font-size:.85rem;opacity:.5}
.img-frame__badge{
    position:absolute;bottom:20px;right:20px;
    width:72px;height:72px;border-radius:50%;
    background:var(--accent);color:#fff;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
        box-shadow:0 4px 20px rgba(0,123,255,.4);
}
.img-frame__badge strong{font-size:1.4rem;line-height:1}
.img-frame__badge small{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}

.split__text p{color:var(--text-soft);margin:16px 0;font-size:1rem;line-height:1.7}
.split__text strong{color:var(--text)}

/* ── MARQUEE / SPONSORS SCROLLER ───────────────────────────── */
.marquee{
    overflow:hidden;padding:18px 0;
    background:var(--accent);color:#fff;
}
.marquee__track{
    display:flex;gap:48px;align-items:center;white-space:nowrap;
    animation:marquee 20s linear infinite;
}
.marquee__item{flex:0 0 220px;display:flex;align-items:center;justify-content:center;padding:8px 0}
.marquee__item img{height:120px;width:auto;object-fit:contain;display:block}

/* Marquee — imagens maiores, alinhadas e responsivas */
@media(max-width:1024px){
    .marquee__item{flex:0 0 180px}
    .marquee__item img{height:100px}
}
@media(max-width:480px){
    .marquee__item{flex:0 0 140px}
    .marquee__item img{height:72px}
}

/* keep older dot style if still used elsewhere */
.marquee__dot{font-size:.6rem;opacity:.4;display:flex;align-items:center}

@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── FISH GRID ─────────────────────────── */
.fish-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 280px));
    gap:24px;
    justify-content:center;
}
.fish-card{
    background:var(--surface);border-radius:var(--radius);
    overflow:hidden;border:1px solid rgba(0,0,0,.05);
    transition:var(--transition);
    min-width:0;
}
.fish-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.fish-card__img{
    aspect-ratio:16/10;background:var(--bg-alt);
    display:flex;align-items:center;justify-content:center;
    font-size:3.5rem;position:relative;overflow:hidden;
}
.fish-card__difficulty{
    position:absolute;top:12px;right:12px;padding:5px 14px;border-radius:100px;
    font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
}
.fish-card__difficulty.easy{background:#dcf5e7;color:#1a7a3a}
.fish-card__difficulty.medium{background:#fff3d4;color:#9a7116}
.fish-card__difficulty.hard{background:#ffe0e0;color:#b33030}
.fish-card__body{padding:20px;min-width:0}
.fish-card__name{font-family:var(--serif);font-size:1.3rem;margin-bottom:4px}
.fish-card__sci{font-size:.8rem;color:var(--text-soft);font-style:italic;margin-bottom:12px}
.fish-card__desc{
    font-size:.88rem;
    color:var(--text-soft);
    line-height:1.6;
    margin-bottom:16px;
    white-space:pre-line;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.fish-card__meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-soft)}
.fish-card__meta span{display:flex;align-items:center;gap:6px}
.fish-card__meta i{color:var(--accent);font-size:.7rem}

/* ── BOOKING BAR ───────────────────────── */
.booking-bar{
    display:flex;align-items:flex-end;gap:32px;flex-wrap:wrap;
    justify-content:center;margin-bottom:40px;
    background:var(--surface);padding:24px 32px;border-radius:var(--radius);
    border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow);
}
.booking-bar__field label{
    display:flex;align-items:center;gap:8px;
    font-size:.8rem;font-weight:600;color:var(--text-soft);margin-bottom:8px;
}
.booking-bar__input{
    padding:12px 20px;border:1.5px solid #ddd;border-radius:var(--radius-sm);
    font-size:.95rem;background:var(--bg);outline:none;transition:var(--transition);
}
.booking-bar__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(0,123,255,.1)}
.booking-bar__legend{display:flex;gap:20px;align-items:center}
.legend{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-soft)}
.legend span{width:14px;height:14px;border-radius:4px}
.legend--free span{background:#4CAF50}
.legend--taken span{background:#EF5350}
.legend--selected span{background:var(--gold)}

/* ── MAP ───────────────────────────────── */
.map-wrap{max-width:1200px;margin:0 auto;position:relative;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow-lg);background:var(--surface)}
.map-wrap .lago-container{position:relative;width:100%}
.map-wrap .lago-img{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}
.map-wrap .lago-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}

@media(max-width:1024px){
    .map-wrap{max-width:100%}
}

/* Map SVG fish animation */
.fish-dot{animation:swim 5s ease-in-out infinite}
.fd1{animation-delay:0s}
.fd2{animation-delay:1.2s}
.fd3{animation-delay:2.5s}
.fd4{animation-delay:3.8s}
@keyframes swim{
    0%{transform:translate(0,0)}
    25%{transform:translate(15px,-8px)}
    50%{transform:translate(30px,5px)}
    75%{transform:translate(10px,12px)}
    100%{transform:translate(0,0)}
}

/* quiosque marker — circular minimalist */
.quiosque-marker{cursor:pointer;transform-box:fill-box;transform-origin:center center;transform:scale(2.6)}
.quiosque-marker .marker-bg{
    transition:transform .3s cubic-bezier(.34,1.56,.64,1), fill .25s ease;
    transform-origin:center center;transform-box:fill-box;
}
.quiosque-marker:hover .marker-bg{transform:scale(1.18)}
.quiosque-marker .marker-icon{
    transition:transform .3s cubic-bezier(.34,1.56,.64,1);
    transform-origin:center center;transform-box:fill-box;
}
.quiosque-marker:hover .marker-icon{transform:scale(1.12)}
.quiosque-marker.selected .marker-bg{transform:scale(1.14)}

/* pulse ring for free markers */
.quiosque-marker[data-status='livre'] .marker-pulse{animation:markerPulse 2.4s ease-in-out infinite}
@keyframes markerPulse{
    0%,100%{opacity:.55;r:21}
    50%{opacity:0;r:34}
}

.map-hint{
    text-align:center;margin-top:16px;font-size:.85rem;color:var(--text-soft);
}
.map-hint i{color:var(--accent);margin-right:4px}

/* Fullscreen map button */
.map-fullscreen-btn{position:absolute;top:12px;right:12px;z-index:6;width:44px;height:44px;border-radius:10px;background:#fff;border:1px solid rgba(0,0,0,0.06);box-shadow:0 6px 20px rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center;font-size:1.05rem;color:var(--text);cursor:pointer}
.map-fullscreen-btn:hover{transform:scale(1.03)}

/* Fullscreen map styles */
.map-wrap.fullscreen{position:fixed;inset:0;max-width:none;width:100%;height:100%;margin:0;background:#000;border-radius:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}
.map-wrap.fullscreen .lago-img{border-radius:0}
.map-wrap.fullscreen .lago-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.map-wrap.fullscreen .lago-img{width:100%;height:100%;object-fit:contain;will-change:transform;transform-origin:center center;user-select:none;-webkit-user-drag:none}
.map-wrap.fullscreen .lago-svg{width:100%;height:100%;will-change:transform;transform-origin:center center;user-select:none}
.map-wrap.fullscreen .booking-bar__legend,
.map-wrap.fullscreen .map-hint,
.map-wrap.fullscreen .tip{display:none}
.map-wrap.fullscreen .map-fullscreen-btn{z-index:10000;background:rgba(255,255,255,0.9)}

/* Tooltip */
.tip{
    position:absolute;pointer-events:none;opacity:0;
    background:rgba(20,20,20,.94);backdrop-filter:blur(12px);
    color:#fff;padding:16px 20px;border-radius:12px;
    min-width:200px;transform:translateY(10px) scale(.95);
    transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);
    z-index:100;font-size:.85rem;
    box-shadow:0 8px 32px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.15);
    border:1px solid rgba(255,255,255,.08);
}
.tip.show{opacity:1;transform:translateY(0) scale(1)}
.tip__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}
.tip__head .tooltip-name{font-weight:700}
.tip__head .tooltip-status{display:none}
.tip__body p{display:flex;align-items:center;gap:8px;margin:4px 0}
.tip__body i{opacity:.5;font-size:.75rem}

/* ── OVERLAY & MODAL ───────────────────── */
.overlay{
    position:fixed;inset:0;z-index:2000;
    background:rgba(0,0,0,.5);backdrop-filter:blur(6px);
    display:none;align-items:center;justify-content:center;
    padding:20px;
}
.overlay.active{display:flex}

.modal{
    background:var(--surface);border-radius:var(--radius-lg);
    width:min(560px,100%);max-height:90vh;overflow-y:auto;
    padding:40px;position:relative;
    animation:modal-in .35s cubic-bezier(.4,0,.2,1);
}
@keyframes modal-in{from{opacity:0;transform:scale(.95) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}

.modal__close{
    position:absolute;top:16px;right:16px;width:40px;height:40px;
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:1.1rem;color:var(--text-soft);transition:var(--transition);
    background:var(--bg-alt);
}
.modal__close:hover{background:var(--danger);color:#fff}
.modal__top{margin-bottom:28px}
.modal__top h3{font-family:var(--serif);font-size:1.6rem;margin-bottom:4px}
.modal__top p{color:var(--accent);font-weight:600;font-size:.95rem}

/* ── FORMS ─────────────────────────────── */
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:18px}
.field label{display:block;font-size:.8rem;font-weight:600;color:var(--text-soft);margin-bottom:6px}
.field input,.field textarea,.field select{
    display:block;width:100%;padding:12px 16px;
    border:1.5px solid #E0E0E0;border-radius:var(--radius-sm);
    background:var(--bg);font-size:.9rem;color:var(--text);
    outline:none;transition:var(--transition);
}
.field input:focus,.field textarea:focus,.field select:focus{
    border-color:var(--accent);box-shadow:0 0 0 4px rgba(0,123,255,.1);
}
.field--readonly{opacity:.6;cursor:not-allowed}
.field textarea{resize:vertical}

/* ── GALLERY ───────────────────────────── */
.gallery-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:36px}
.tab-content{display:none}
.tab-content.active{display:block}

.gallery{
    display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
}
.gallery__item{
    position:relative;border-radius:var(--radius);overflow:hidden;
    aspect-ratio:1;background:var(--surface);
    border:1px solid rgba(0,0,0,.05);cursor:pointer;
}
.gallery__item--wide{grid-column:span 2}
.gallery__item .ph{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    height:100%;color:var(--text-soft);gap:8px;
}
.gallery__item .ph i{font-size:2rem;opacity:.25}
.gallery__item .ph p{font-size:.8rem;opacity:.4}
.gallery__hover{
    position:absolute;inset:0;
    background:linear-gradient(to top,rgba(0,123,255,.85),transparent 60%);
    opacity:0;transition:var(--transition);
    display:flex;align-items:flex-end;padding:20px;
}
.gallery__item:hover .gallery__hover{opacity:1}
.gallery__hover span{color:#fff;font-weight:600;font-size:.9rem}

/* Video Grid */
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.vcard{
    border-radius:var(--radius);overflow:hidden;
    border:1px solid rgba(0,0,0,.05);background:var(--surface);
    transition:var(--transition);cursor:pointer;
}
.vcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.vcard__ph{
    aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;
    background:var(--bg-alt);gap:8px;color:var(--text-soft);position:relative;
}
.vcard__ph i{
    width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:1.2rem;
    box-shadow:0 4px 20px rgba(0,123,255,.3);
}
.vcard__ph p{font-size:.85rem;font-weight:600;color:var(--text)}
.vcard__ph small{font-size:.75rem;position:absolute;bottom:10px;right:14px;opacity:.5}

/* ── TESTIMONIALS ──────────────────────── */
.testimonials{
    display:flex;gap:28px;overflow:hidden;
    margin-bottom:32px;
}
.test-card{
    min-width:100%;padding:48px;border-radius:var(--radius-lg);
    background:var(--surface);border:1px solid rgba(0,0,0,.06);
    text-align:center;transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.test-card__stars{color:var(--gold);font-size:1rem;margin-bottom:20px;letter-spacing:3px}
.test-card__text{
    font-family:var(--serif);font-size:1.3rem;line-height:1.65;
    color:var(--text);max-width:600px;margin:0 auto 24px;font-style:italic;
}
.test-card__author{font-weight:700;font-size:.9rem}
.test-card__when{font-size:.8rem;color:var(--text-soft);margin-top:4px}

.carousel-nav{display:flex;align-items:center;justify-content:center;gap:20px}
.carousel-nav__btn{
    width:44px;height:44px;border-radius:50%;
    border:1.5px solid #ddd;display:flex;align-items:center;justify-content:center;
    color:var(--text-soft);transition:var(--transition);font-size:.85rem;
}
.carousel-nav__btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.carousel-nav__dots{display:flex;gap:8px}
.carousel-nav__dots .dot{
    width:8px;height:8px;border-radius:50%;background:#ddd;transition:var(--transition);cursor:pointer;
}
.carousel-nav__dots .dot.active{background:var(--accent);width:24px;border-radius:99px}

/* ── CONTACT ───────────────────────────── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:56px}

.contact-info{display:flex;flex-direction:column;gap:16px}
.contact-card{
    display:flex;align-items:center;gap:16px;padding:20px;
    border-radius:var(--radius);background:var(--surface);
    border:1px solid rgba(0,0,0,.05);transition:var(--transition);
}
.contact-card:hover{box-shadow:var(--shadow);transform:translateX(4px)}
.contact-card > i{
    width:44px;height:44px;border-radius:12px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    background:var(--accent-light);color:var(--accent);font-size:1rem;
}
.contact-card > div{
    display:flex;flex-direction:column;justify-content:center;
    gap:2px;min-height:44px;
}
.contact-card strong{
    display:block;font-size:.9rem;margin:0;
    color:var(--text);
}
.contact-card p{margin:0;font-size:.85rem;color:var(--text-soft);line-height:1.5}

.socials{display:flex;gap:10px;margin-top:8px}
.socials a{
    width:42px;height:42px;border-radius:12px;
    display:flex;align-items:center;justify-content:center;
    background:var(--bg-alt);color:var(--text-soft);font-size:1rem;
    transition:var(--transition);border:1px solid rgba(0,0,0,.04);
}
.socials a:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}

.contact-form-wrap{
    background:var(--surface);padding:36px;border-radius:var(--radius-lg);
    border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow);
}
.contact-form-wrap h3{font-family:var(--serif);font-size:1.4rem;margin-bottom:24px;color:var(--text)}

.map-embed{height:320px}
.map-embed__frame{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:8px;
    box-shadow:0 6px 20px rgba(0,0,0,0.08);
}
.map-embed__iframe{
    width:100%;
    height:100%;
    border:0;
}
.ph--map{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    height:100%;background:var(--bg-alt);color:var(--text-soft);gap:8px;
}
.ph--map i{font-size:2.5rem;opacity:.2}
.ph--map p{font-size:.9rem;opacity:.4}

/* ── FOOTER ────────────────────────────── */
.footer{background:#fff;color:var(--text);padding:72px 0 0}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}
.footer__logo{
    font-family:var(--serif);font-size:1.6rem;color:var(--text);margin-bottom:16px;
}
.footer__logo span{color:var(--gold)}
.footer__col--brand p{font-size:.9rem;color:var(--text-soft);line-height:1.7;margin-bottom:20px}
.footer__socials{display:flex;gap:8px}
.footer__socials a{
    width:38px;height:38px;border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(0,0,0,.04);color:var(--text-soft);
    transition:var(--transition);font-size:.9rem;
}
.footer__socials a:hover{background:var(--accent);color:#fff}

.footer__col h4{
    font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-soft);
    margin-bottom:20px;
}
.footer__col a{
    display:flex;align-items:center;gap:8px;
    font-size:.88rem;color:var(--text-soft);padding:6px 0;transition:var(--transition);
}
.footer__col a:hover{color:var(--accent);transform:translateX(4px)}
.footer__col a i{font-size:.75rem;color:var(--text-soft)}

.footer__bottom{
    border-top:1px solid rgba(0,0,0,.06);
    padding:24px 0;display:flex;justify-content:space-between;
    font-size:.8rem;color:var(--text-soft);
}
.footer__bottom i{color:var(--danger)}

/* ── FLOATING BUTTONS ──────────────────── */
.fab-wa{
    position:fixed;bottom:28px;right:28px;z-index:999;
    width:58px;height:58px;border-radius:50%;
    background:#25D366;color:#fff;font-size:1.7rem;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 24px rgba(37,211,102,.4);
    transition:var(--transition);
}
.fab-wa:hover{transform:scale(1.1);box-shadow:0 8px 32px rgba(37,211,102,.5)}

.fab-top{
    position:fixed;bottom:28px;right:100px;z-index:999;
    width:44px;height:44px;border-radius:50%;
    background:var(--surface);color:var(--text);
    border:1.5px solid #ddd;font-size:.85rem;
    display:flex;align-items:center;justify-content:center;
    opacity:0;pointer-events:none;transition:var(--transition);
    box-shadow:var(--shadow);
}
.fab-top.show{opacity:1;pointer-events:auto}
.fab-top:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* ── TOASTS ────────────────────────────── */
.toasts{
    position:fixed;bottom:32px;left:50%;transform:translateX(-50%);
    z-index:3000;display:flex;flex-direction:column;gap:10px;pointer-events:none;
}
.toast{
    padding:16px 28px;border-radius:var(--radius);
    color:#fff;font-size:.9rem;font-weight:500;
    pointer-events:auto;
    animation:toast-in .4s cubic-bezier(.4,0,.2,1),toast-out .4s 3.6s forwards;
    box-shadow:0 8px 32px rgba(0,0,0,.2);
    display:flex;align-items:center;gap:12px;
}
.toast--success{background:#1B8553}
.toast--error{background:#C03030}
.toast--info{background:#2E5FA1}
.toast i{font-size:1.1rem}
@keyframes toast-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes toast-out{to{opacity:0;transform:translateY(-16px)}}

/* ── ANIMATE ON SCROLL ─────────────────── */
[data-animate]{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}
[data-animate="fade-right"]{transform:translateX(-30px)}
[data-animate="fade-left"]{transform:translateX(30px)}
[data-animate="zoom-in"]{transform:scale(.95)}
[data-animate].visible{opacity:1;transform:none}

/* ── RESPONSIVE ────────────────────────── */
@media(max-width:1024px){
    .split{grid-template-columns:1fr;gap:48px}
    .split__media{order:2}
    .footer__grid{grid-template-columns:1fr 1fr}
    .contact-grid{grid-template-columns:1fr}
    .fish-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media(max-width:768px){
    .fish-grid{grid-template-columns:1fr}
    :root{--nav-h:64px}
    .section{padding:72px 0}
    .section__head{margin-bottom:36px}
    .container{width:min(1200px,100% - 1.5rem)}
    .nav__links,.nav__cta{display:none}
    .nav__burger{display:flex}
    /* Hide desktop auth on mobile — login lives inside the hamburger menu */
    .nav__auth,.nav__user{display:none!important}
    /* Push burger to the far right */
    .nav__burger{margin-left:auto}

    /* Mobile menu */
    .nav__links.open{
        display:flex;flex-direction:column;
        position:absolute;top:var(--nav-h);left:0;right:0;
        background:rgba(250,250,248,.98);backdrop-filter:blur(16px);
        padding:16px 20px;gap:4px;
        border-bottom:1px solid rgba(0,0,0,.06);
        animation:slide-down .3s ease;
    }
    @keyframes slide-down{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
    /* Show the mobile auth block when hamburger menu is open */
    .nav__links.open .nav__links-auth{
        display:block;
        margin-top:8px;padding-top:12px;
        border-top:1px solid rgba(0,0,0,.06);
    }
    
    .hero__metrics{gap:28px}
    .metric__value{font-size:2.2rem}
    .form__row{grid-template-columns:1fr}
    .gallery{grid-template-columns:1fr 1fr}
    .gallery__item--wide{grid-column:span 2}
    .footer__grid{grid-template-columns:1fr}
    .footer__bottom{flex-direction:column;gap:8px;text-align:center}
    .booking-bar{padding:20px;gap:20px}
    .test-card{padding:28px 20px}
    .test-card__text{font-size:1.1rem}
    /* Gallery page 2-col on tablet */
    .galeria-page-grid{grid-template-columns:repeat(2,1fr)}
    /* Fish featured row: show ~1.5 cards */
    .fish-grid--featured .fish-card{flex:0 0 240px}
}
@media(max-width:480px){
    .section{padding:56px 0}
    .container{width:min(1200px,100% - 1.25rem)}
    .hero__title{font-size:clamp(2.8rem,12vw,4rem)}
    .hero__actions{flex-direction:column;align-items:center;width:100%}
    .hero__actions .btn{width:100%;justify-content:center}
    .hero__metrics{gap:20px}
    .hero__image{width:clamp(180px,70vw,320px)}
    .gallery{grid-template-columns:1fr}
    .gallery__item--wide{grid-column:span 1}
    .fab-top{right:auto;left:28px}
    /* Gallery page single column on phone */
    .galeria-page-grid{grid-template-columns:1fr}
    /* Fish featured row: compact cards */
    .fish-grid--featured .fish-card{flex:0 0 200px}
    /* Contact form full width / no overflow */
    .contact-form-wrap{padding:14px!important}
    .contact-form-wrap form{padding:14px!important}
    /* Map iframe fits the screen */
    .map-embed{height:auto}
    .map-embed__frame{padding-bottom:56.25%;height:0}
    .map-embed__iframe{position:absolute;top:0;left:0}
}

/* Instagram embeds grid — horizontal scroll on all sizes */
.instagram-grid{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:flex-start;
    gap:16px;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:6px;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
    scrollbar-color:var(--accent) rgba(0,123,255,.12);
}
.instagram-grid::-webkit-scrollbar{height:6px}
.instagram-grid::-webkit-scrollbar-track{background:rgba(0,123,255,.10);border-radius:99px}
.instagram-grid::-webkit-scrollbar-thumb{background:var(--accent);border-radius:99px}
.instagram-grid .ig-item{
    width:100%;
    max-width:100%;
    flex:0 0 min(86vw, 420px);
    scroll-snap-align:start;
}
.instagram-grid .ig-item blockquote.instagram-media{margin:0!important}

/* Force a uniform card height and make embeds fill the card.
   This prevents some Instagram posts (videos / different aspect ratios)
   from rendering smaller than others. Adjust `--ig-card-h` as needed. */
:root{--ig-card-h:460px}
.instagram-grid .ig-item{
    height:var(--ig-card-h);
    min-height:360px;
    overflow:hidden;
    border-radius:12px;
    background:var(--surface);
    box-shadow:var(--shadow);
}

/* Ensure the Instagram embed and any generated iframe fill the parent */
.instagram-grid .ig-item blockquote.instagram-media,
.instagram-grid .ig-item blockquote.instagram-media > div,
.instagram-grid .ig-item iframe{
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    display:block !important;
}

/* Wider cards on desktop while keeping horizontal scroll */
@media(min-width:1025px){
    .instagram-grid{gap:18px}
    .instagram-grid .ig-item{flex:0 0 33%;max-width:420px}
    .instagram-grid .ig-item blockquote.instagram-media{width:100%}
}

/* Somente o texto da descrição do HERO deve ficar branco */
.hero__desc{
    color:#ffffff;
}

/* ── CHALÉS SECTION ────────────────────── */
.chales-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
    gap:28px;
}

/* Card */
.chale-card{
    background:var(--surface);
    border-radius:var(--radius-lg);
    overflow:hidden;
    border:1px solid rgba(0,0,0,.06);
    box-shadow:var(--shadow);
    transition:var(--transition);
    display:flex;
    flex-direction:column;
    cursor:pointer;
}
.chale-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-lg);
}

/* Gallery / Carousel inside card */
.chale-card__gallery{
    position:relative;
    aspect-ratio:16/10;
    overflow:hidden;
    background:var(--bg-alt);
}
.chale-card__slides{
    display:flex;
    width:100%;height:100%;
    transition:transform .45s cubic-bezier(.4,0,.2,1);
}
.chale-card__img{
    min-width:100%;width:100%;height:100%;
    object-fit:cover;
    opacity:0;
    position:absolute;inset:0;
    transition:opacity .45s ease;
}
.chale-card__img.active{
    opacity:1;
    position:relative;
}

/* Arrows */
.chale-card__arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    z-index:3;
    width:36px;height:36px;border-radius:50%;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(6px);
    border:none;
    display:flex;align-items:center;justify-content:center;
    font-size:.8rem;color:var(--text);
    box-shadow:0 2px 12px rgba(0,0,0,.12);
    cursor:pointer;
    opacity:0;
    transition:opacity .25s,transform .25s;
}
.chale-card:hover .chale-card__arrow{opacity:1}
.chale-card__arrow:hover{transform:translateY(-50%) scale(1.1)}
.chale-card__arrow--left{left:10px}
.chale-card__arrow--right{right:10px}

/* Dots */
.chale-card__dots{
    position:absolute;bottom:10px;left:50%;transform:translateX(-50%);
    display:flex;gap:6px;z-index:3;
}
.chale-card__dot{
    width:7px;height:7px;border-radius:50%;
    background:rgba(255,255,255,.5);
    transition:var(--transition);
    cursor:pointer;
}
.chale-card__dot.active{
    background:#fff;
    width:20px;border-radius:99px;
}

/* Badge (Popular / Premium) */
.chale-card__badge{
    position:absolute;top:14px;left:14px;z-index:3;
    padding:6px 14px;border-radius:100px;
    background:var(--accent);color:#fff;
    font-size:.72rem;font-weight:700;text-transform:uppercase;
    letter-spacing:.06em;
    display:flex;align-items:center;gap:6px;
    box-shadow:0 2px 12px rgba(0,123,255,.3);
}
.chale-card__badge--premium{
    background:linear-gradient(135deg,#6C63FF,#3F3D9E);
    box-shadow:0 2px 12px rgba(108,99,255,.3);
}

/* Body */
.chale-card__body{
    padding:20px 22px 24px;
    display:flex;flex-direction:column;gap:10px;
    flex:1;
}
.chale-card__header{
    display:flex;justify-content:space-between;align-items:center;
}
.chale-card__name{
    font-family:var(--serif);font-size:1.25rem;
    line-height:1.2;
}
.chale-card__rating{
    display:flex;align-items:center;gap:4px;
    font-size:.88rem;font-weight:600;color:var(--text);
}
.chale-card__rating i{color:#f5a623;font-size:.8rem}
.chale-card__rating span{font-weight:400;color:var(--text-soft);font-size:.8rem}

.chale-card__location{
    font-size:.82rem;color:var(--text-soft);
    display:flex;align-items:center;gap:6px;
}
.chale-card__location i{color:var(--accent);font-size:.7rem}

.chale-card__desc{
    font-size:.88rem;color:var(--text-soft);line-height:1.6;
}

/* Amenities */
.chale-card__amenities{
    display:flex;flex-wrap:wrap;gap:8px;
    margin:4px 0 8px;
}
.chale-card__amenities span{
    display:inline-flex;align-items:center;gap:5px;
    padding:5px 12px;border-radius:100px;
    background:var(--accent-light);color:var(--accent);
    font-size:.75rem;font-weight:600;
}
.chale-card__amenities span i{font-size:.7rem}

/* Badge Camping */
.chale-card__badge--camping{
    background:linear-gradient(135deg,#2d8a4e,#1b6e3a);
    box-shadow:0 2px 12px rgba(45,138,78,.3);
}

/* Camping Prices */
.camping-prices{
    display:flex;flex-direction:column;gap:8px;
    margin:8px 0 4px;
    padding:12px 14px;
    background:rgba(45,138,78,.06);
    border-radius:10px;
    border:1px solid rgba(45,138,78,.12);
}
.camping-prices__item{
    display:flex;justify-content:space-between;align-items:center;
}
.camping-prices__label{
    font-size:.85rem;font-weight:600;color:var(--text);
    display:flex;align-items:center;gap:6px;
}
.camping-prices__label i{color:#2d8a4e;font-size:.8rem}
.camping-prices__value{
    font-weight:700;font-size:.95rem;color:#2d8a4e;
}
.camping-prices__value small{
    font-weight:400;font-size:.75rem;color:var(--text-soft);
}

/* Footer / Price */
.chale-card__footer{
    display:flex;justify-content:space-between;align-items:center;
    margin-top:auto;
    padding-top:14px;
    border-top:1px solid rgba(0,0,0,.05);
}
.chale-card__prices{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:150px;
}
.chale-card__price-label{
    font-size:.72rem;
    font-weight:800;
    color:var(--accent);
    text-transform:uppercase;
    letter-spacing:.08em;
}
.chale-card__price-main{
    font-family:var(--serif);
    font-size:1.45rem;
    font-weight:700;
    line-height:1.1;
    color:var(--text);
}
.chale-card__price-unit{
    font-size:.76rem;
    color:var(--text-soft);
}
.chale-card__reserve-btn{
    padding:10px 22px;font-size:.82rem;
}

/* ── CHALÉ RESERVATION MODAL — Summary ── */
.chale-summary{
    background:var(--bg-alt);
    border-radius:var(--radius-sm);
    padding:16px 20px;
    margin-bottom:18px;
}
.chale-summary__row{
    display:flex;justify-content:space-between;
    font-size:.9rem;color:var(--text-soft);
    padding:6px 0;
}
.chale-summary__total{
    border-top:1.5px solid rgba(0,0,0,.08);
    margin-top:6px;padding-top:10px;
    font-weight:700;color:var(--text);font-size:1rem;
}

/* Responsive Chalés */
@media(max-width:768px){
    .chales-grid{grid-template-columns:1fr}
    .chale-card__arrow{opacity:1}
}
@media(max-width:480px){
    .chale-card__body{padding:16px}
    .chale-card__name{font-size:1.1rem}
    .chale-card__price-value{font-size:1.2rem}
}

/* ═══════════════════════════════════════════
   RESTAURANTE / BUFFET — premium redesign
   ═══════════════════════════════════════════ */
.buffet-section{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(120% 80% at 100% 0%, rgba(0,123,255,.05) 0%, transparent 55%),
        radial-gradient(80% 60% at 0% 100%, rgba(255,170,30,.06) 0%, transparent 55%),
        #fff;
}
.buffet-section__bg{
    position:absolute;inset:0;pointer-events:none;z-index:0;
    overflow:hidden;
}
.buffet-section__blob{
    position:absolute;border-radius:50%;
    filter:blur(80px);opacity:.5;
    will-change:transform;
}
.buffet-section__blob--1{
    width:520px;height:520px;
    background:radial-gradient(circle,rgba(0,123,255,.18) 0%,transparent 70%);
    top:-180px;right:-160px;
    animation:buffetFloat 16s ease-in-out infinite;
}
.buffet-section__blob--2{
    width:440px;height:440px;
    background:radial-gradient(circle,rgba(255,170,30,.20) 0%,transparent 70%);
    bottom:-180px;left:-140px;
    animation:buffetFloat 18s ease-in-out infinite reverse;
}
@keyframes buffetFloat{
    0%,100%{transform:translate(0,0) scale(1)}
    50%{transform:translate(28px,-22px) scale(1.06)}
}
.buffet-section .container{position:relative;z-index:1}

.buffet-eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 18px;border-radius:100px;
    background:linear-gradient(135deg, rgba(0,123,255,.10), rgba(0,123,255,.04));
    color:var(--accent);font-size:.78rem;font-weight:700;
    letter-spacing:.12em;text-transform:uppercase;
    border:1px solid rgba(0,123,255,.15);
    margin-bottom:16px;
}
.buffet-eyebrow i{font-size:.85rem}

/* ── HERO IMERSIVO ──────────────────────── */
.buffet-showcase{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:40px;
    align-items:stretch;
    margin-bottom:80px;
}
.buffet-showcase__visual{
    position:relative;
    min-height:560px;
    border-radius:32px;
    overflow:visible;
}
.buffet-showcase__image-wrap{
    position:relative;
    width:100%;height:100%;
    border-radius:32px;overflow:hidden;
    box-shadow:0 30px 80px -20px rgba(0,40,90,.35),
               0 12px 32px rgba(0,0,0,.10);
    isolation:isolate;
}
.buffet-showcase__image{
    width:100%;height:100%;
    object-fit:cover;
    transition:transform 1.2s cubic-bezier(.2,.8,.2,1);
}
.buffet-showcase__visual:hover .buffet-showcase__image{transform:scale(1.06)}
.buffet-showcase__overlay{
    position:absolute;inset:0;
    background:linear-gradient(160deg, rgba(0,0,0,0) 40%, rgba(0,30,60,.55) 100%);
    pointer-events:none;
}

/* Floating cards on top of image */
.buffet-float{
    position:absolute;z-index:3;
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.85);
    backdrop-filter:blur(18px) saturate(1.4);
    -webkit-backdrop-filter:blur(18px) saturate(1.4);
    border:1px solid rgba(255,255,255,.6);
    border-radius:18px;
    padding:14px 18px;
    box-shadow:0 12px 40px -8px rgba(0,30,60,.25);
    animation:buffetFloatY 5s ease-in-out infinite;
}
.buffet-float strong{
    display:block;font-size:.92rem;font-weight:700;
    color:var(--text);line-height:1.1;
}
.buffet-float small{
    display:block;font-size:.74rem;color:var(--text-soft);
    margin-top:2px;font-weight:500;
}
@keyframes buffetFloatY{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-8px)}
}

.buffet-float--live{
    top:24px;left:-16px;
    animation-delay:0s;
}
.buffet-float--live[data-state="closed"]{
    background:rgba(255,235,235,.95);
    border-color:rgba(214,69,69,.2);
}
.buffet-float--live[data-state="closed"] strong{
    color:var(--danger);
}
.buffet-float__pulse{
    --pulse-rgb:34,197,94;
    width:10px;height:10px;border-radius:50%;
    background:rgb(var(--pulse-rgb));
    box-shadow:0 0 0 0 rgba(var(--pulse-rgb),.7);
    animation:buffetPulse 1.6s ease-in-out infinite;
    flex-shrink:0;
}
.buffet-float--live[data-state="closed"] .buffet-float__pulse{
    --pulse-rgb:214,69,69;
}
@keyframes buffetPulse{
    0%{box-shadow:0 0 0 0 rgba(var(--pulse-rgb),.7)}
    70%{box-shadow:0 0 0 12px rgba(var(--pulse-rgb),0)}
    100%{box-shadow:0 0 0 0 rgba(var(--pulse-rgb),0)}
}

.buffet-float--rating{
    top:50%;right:-28px;transform:translateY(-50%);
    animation-delay:.6s;
    flex-direction:column;align-items:flex-start;gap:4px;
    padding:14px 20px;
}
.buffet-float--rating .buffet-float__stars{
    color:#FFB800;font-size:.78rem;letter-spacing:1px;
}
.buffet-float--rating strong{font-size:1.3rem}

.buffet-float--chef{
    bottom:24px;left:24px;
    animation-delay:1.2s;
    background:linear-gradient(135deg, rgba(0,123,255,.95), rgba(0,90,200,.95));
    color:#fff;border-color:rgba(255,255,255,.2);
}
.buffet-float--chef i{
    font-size:1.4rem;color:#FFD27A;
    filter:drop-shadow(0 2px 6px rgba(255,170,30,.5));
}
.buffet-float--chef strong{color:#fff}
.buffet-float--chef small{color:rgba(255,255,255,.78)}

/* ── PAINEL DE PREÇO E COPY ─────────────── */
.buffet-showcase__panel{
    background:#fff;
    border-radius:32px;
    padding:44px 40px;
    box-shadow:0 24px 60px -16px rgba(0,30,60,.18),
               0 1px 0 rgba(0,0,0,.04) inset;
    border:1px solid rgba(0,0,0,.04);
    display:flex;flex-direction:column;
}
.buffet-showcase__tag{
    display:inline-flex;align-items:center;gap:8px;
    align-self:flex-start;
    padding:8px 16px;border-radius:100px;
    background:linear-gradient(135deg, #FFE9C7, #FFD27A);
    color:#7A4500;
    font-size:.78rem;font-weight:700;letter-spacing:.04em;
    margin-bottom:18px;
}
.buffet-showcase__title{
    font-family:var(--serif);
    font-size:clamp(1.8rem, 3.2vw, 2.4rem);
    font-weight:700;line-height:1.15;
    color:var(--text);
    margin-bottom:16px;
    letter-spacing:-.02em;
}
.buffet-showcase__title em{
    font-style:italic;color:var(--accent);
    background:linear-gradient(120deg, var(--accent), #5AAFFF);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
}
.buffet-showcase__lead{
    font-size:1.02rem;color:var(--text-soft);line-height:1.65;
    margin-bottom:22px;
}

.buffet-perks{
    list-style:none;padding:0;margin:0 0 28px;
    display:grid;gap:10px;
}
.buffet-perks li{
    display:flex;align-items:center;gap:10px;
    font-size:.95rem;color:var(--text);
    font-weight:500;
}
.buffet-perks i{
    color:var(--accent);font-size:1rem;flex-shrink:0;
}

.buffet-pricing{
    display:flex;align-items:center;justify-content:space-between;
    gap:24px;flex-wrap:wrap;
    padding:24px;border-radius:22px;
    background:linear-gradient(135deg, rgba(0,123,255,.06), rgba(0,123,255,.02));
    border:1px dashed rgba(0,123,255,.25);
    margin-bottom:20px;
}
.buffet-pricing__from{
    display:block;font-size:.78rem;color:var(--text-soft);
    text-transform:uppercase;letter-spacing:.12em;font-weight:600;
    margin-bottom:4px;
}
.buffet-pricing__value{
    display:flex;align-items:baseline;gap:4px;
    line-height:1;
    color:var(--accent);
}
.buffet-pricing__currency{
    font-size:1.2rem;font-weight:700;
}
.buffet-pricing__amount{
    font-family:var(--serif);
    font-size:clamp(2.8rem, 5vw, 3.6rem);
    font-weight:800;
    background:linear-gradient(135deg, var(--accent), #4DA8FF);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
}
.buffet-pricing__cents{
    font-size:1.1rem;font-weight:700;
}
.buffet-pricing__unit{
    display:block;font-size:.85rem;color:var(--text-soft);
    margin-top:6px;font-weight:500;
}
.buffet-pricing__cta{
    display:flex;flex-direction:column;align-items:flex-end;gap:10px;
}
.btn--xl{
    padding:18px 36px;font-size:1rem;
    box-shadow:0 12px 30px rgba(0,123,255,.35);
}
.btn--xl:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(0,123,255,.45);
}
.buffet-pricing__whats{
    display:inline-flex;align-items:center;gap:8px;
    font-size:.85rem;font-weight:600;
    color:#25D366;transition:opacity .25s;
}
.buffet-pricing__whats:hover{opacity:.75}
.buffet-pricing__whats i{font-size:1rem}

.buffet-trust{
    display:flex;flex-wrap:wrap;gap:8px 20px;
    padding-top:8px;
}
.buffet-trust__item{
    display:inline-flex;align-items:center;gap:8px;
    font-size:.82rem;color:var(--text-soft);font-weight:500;
}
.buffet-trust__item i{color:var(--accent);font-size:.85rem}

/* ── DIFERENCIAIS ───────────────────────── */
.buffet-highlights{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:64px;
}
.buffet-highlight{
    background:#fff;
    border:1px solid rgba(0,0,0,.05);
    border-radius:22px;
    padding:28px 24px;
    transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
    position:relative;overflow:hidden;
}
.buffet-highlight::before{
    content:'';position:absolute;inset:0;
    background:linear-gradient(135deg, rgba(0,123,255,.08), transparent 60%);
    opacity:0;transition:opacity .35s;
}
.buffet-highlight:hover{
    transform:translateY(-6px);
    box-shadow:0 22px 48px -16px rgba(0,40,90,.18);
}
.buffet-highlight:hover::before{opacity:1}
.buffet-highlight > *{position:relative;z-index:1}
.buffet-highlight__icon{
    width:52px;height:52px;border-radius:16px;
    background:linear-gradient(135deg, var(--accent), #4DA8FF);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:1.3rem;margin-bottom:18px;
    box-shadow:0 10px 24px -6px rgba(0,123,255,.45);
}
.buffet-highlight h4{
    font-family:var(--serif);font-size:1.05rem;
    font-weight:700;margin-bottom:8px;color:var(--text);
}
.buffet-highlight p{
    font-size:.88rem;color:var(--text-soft);line-height:1.55;
}

/* ── BENTO GALLERY ──────────────────────── */
.buffet-bento{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:320px;
    gap:16px;
    margin-bottom:64px;
}
.buffet-bento__item{
    position:relative;
    border-radius:24px;
    overflow:hidden;
    cursor:pointer;
    box-shadow:0 8px 28px -8px rgba(0,30,60,.18);
    transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s;
}
.buffet-bento__item--lg{
    grid-row:span 1;
}
.buffet-bento__item img{
    width:100%;height:100%;
    object-fit:cover;
    transition:transform .8s cubic-bezier(.2,.8,.2,1);
}
.buffet-bento__item::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,.78) 100%);
    pointer-events:none;
}
.buffet-bento__item:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 48px -12px rgba(0,30,60,.32);
}
.buffet-bento__item:hover img{transform:scale(1.08)}
.buffet-bento__caption{
    position:absolute;left:20px;right:20px;bottom:18px;
    z-index:2;color:#fff;
    transform:translateY(8px);
    transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.buffet-bento__item:hover .buffet-bento__caption{transform:translateY(0)}
.buffet-bento__tag{
    display:inline-block;
    font-size:.7rem;font-weight:700;letter-spacing:.12em;
    text-transform:uppercase;
    padding:4px 12px;border-radius:100px;
    background:rgba(255,255,255,.18);
    backdrop-filter:blur(8px);
    margin-bottom:8px;
}
.buffet-bento__caption h5{
    font-family:var(--serif);font-size:1.1rem;
    font-weight:700;letter-spacing:-.01em;
}

/* ── DEPOIMENTOS ────────────────────────── */
.buffet-quote-slider{
    margin:0 auto;
}
.buffet-quote-track{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(320px, 760px);
    gap:24px;
    overflow-x:auto;
    padding:8px 4px 18px;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scrollbar-color:var(--accent) rgba(0,123,255,.12);
    cursor:grab;
}
.buffet-quote-track:active,
.buffet-quote-track.is-dragging{
    cursor:grabbing;
}
.buffet-quote-track.is-dragging{
    scroll-snap-type:none;
}
.buffet-quote-track.is-dragging .buffet-quote{
    user-select:none;
}
.buffet-quote-track::-webkit-scrollbar{
    height:8px;
}
.buffet-quote-track::-webkit-scrollbar-track{
    background:rgba(0,123,255,.10);
    border-radius:99px;
}
.buffet-quote-track::-webkit-scrollbar-thumb{
    background:var(--accent);
    border-radius:99px;
}
.buffet-quote{
    position:relative;
    min-height:100%;
    background:#fff;
    border-radius:28px;
    padding:44px 48px;
    text-align:center;
    box-shadow:0 18px 48px -16px rgba(0,30,60,.18);
    border:1px solid rgba(0,0,0,.04);
    scroll-snap-align:center;
    scroll-snap-stop:always;
    user-select:none;
}
.buffet-quote__mark{
    position:absolute;top:24px;left:32px;
    font-size:2.6rem;color:var(--accent);opacity:.18;
}
.buffet-quote p{
    font-family:var(--serif);font-style:italic;
    font-size:1.18rem;line-height:1.55;color:var(--text);
    margin-bottom:24px;letter-spacing:-.005em;
}
.buffet-quote__author{
    display:inline-flex;align-items:center;gap:14px;
    text-align:left;
}
.buffet-quote__avatar{
    width:46px;height:46px;border-radius:50%;
    background:linear-gradient(135deg, var(--accent), #4DA8FF);
    color:#fff;font-weight:700;font-size:1.1rem;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 20px -4px rgba(0,123,255,.45);
}
.buffet-quote__author strong{
    display:block;font-size:.95rem;color:var(--text);
}
.buffet-quote__author span{
    display:block;font-size:.78rem;color:var(--text-soft);
    margin-top:2px;
}
.buffet-quote__author span i{color:#FFB800;font-size:.7rem;margin-right:1px}

/* ── RESPONSIVE ─────────────────────────── */
@media(max-width:1100px){
    .buffet-showcase{grid-template-columns:1fr;gap:32px}
    .buffet-showcase__visual{min-height:480px}
    .buffet-float--rating{right:-12px}
    .buffet-float--live{left:-8px}
    .buffet-highlights{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
    .buffet-showcase__visual{min-height:380px;border-radius:24px}
    .buffet-showcase__image-wrap{border-radius:24px}
    .buffet-showcase__panel{padding:32px 24px;border-radius:24px}
    .buffet-float{padding:10px 14px;gap:8px;border-radius:14px}
    .buffet-float strong{font-size:.82rem}
    .buffet-float small{font-size:.68rem}
    .buffet-float--live{top:14px;left:14px}
    .buffet-float--rating{top:auto;bottom:80px;right:14px;transform:none}
    .buffet-float--rating strong{font-size:1.05rem}
    .buffet-float--chef{bottom:14px;left:14px}
    .buffet-float--chef i{font-size:1.1rem}

    .buffet-pricing{padding:20px;gap:18px}
    .buffet-pricing__cta{align-items:stretch;width:100%}
    .btn--xl{padding:14px 28px;justify-content:center}
    .buffet-pricing__whats{justify-content:center}

    .buffet-bento{
        grid-template-columns:1fr 1fr;
        grid-template-rows:220px 220px;
    }
    .buffet-bento__item--lg{grid-column:span 2;grid-row:span 1}

    .buffet-quote-track{
        grid-auto-columns:minmax(280px, 88vw);
        gap:16px;
        padding:6px 2px 16px;
    }
    .buffet-quote{padding:36px 24px;border-radius:22px}
    .buffet-quote__mark{font-size:2rem;top:18px;left:20px}
    .buffet-quote p{font-size:1.02rem}
}
@media(max-width:480px){
    .buffet-section__blob--1{width:300px;height:300px}
    .buffet-section__blob--2{width:280px;height:280px}
    .buffet-showcase__visual{min-height:320px}
    .buffet-showcase__panel{padding:28px 20px}
    .buffet-pricing{padding:18px}
    .buffet-highlights{grid-template-columns:1fr;gap:14px}
    .buffet-highlight{padding:22px 20px}
    .buffet-bento{
        grid-template-columns:1fr;
        grid-template-rows:repeat(3, 200px);
    }
    .buffet-bento__item--lg{grid-column:span 1}
    .buffet-trust{gap:8px 14px}
    .buffet-trust__item{font-size:.78rem}
    .buffet-quote-track{grid-auto-columns:92vw}
    .buffet-quote{padding:32px 20px}
}
@media(prefers-reduced-motion: reduce){
    .buffet-section__blob,
    .buffet-float{animation:none}
}

/* ── GALERIA DE FOTOS ──────────────────── */
.foto-filters{
    display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:48px;
}

.foto-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    grid-auto-flow:dense;
}
.foto-item{
    position:relative;
    border-radius:var(--radius);
    overflow:hidden;
    background:var(--bg-alt);
    cursor:pointer;
    aspect-ratio:1;
}
.foto-item--wide{
    grid-column:span 2;
    aspect-ratio:2/1;
}
.foto-item img{
    width:100%;height:100%;
    object-fit:cover;
    transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.foto-item:hover img{
    transform:scale(1.08);
}

/* Overlay */
.foto-item__overlay{
    position:absolute;inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%);
    display:flex;align-items:flex-end;justify-content:space-between;
    padding:16px;
    opacity:0;
    transition:opacity .35s ease;
}
.foto-item:hover .foto-item__overlay{
    opacity:1;
}
.foto-item__cat{
    color:#fff;font-size:.78rem;font-weight:600;
    display:flex;align-items:center;gap:6px;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(6px);
    padding:6px 14px;border-radius:100px;
}
.foto-item__zoom{
    color:#fff;font-size:1rem;
    width:36px;height:36px;border-radius:50%;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(6px);
    display:flex;align-items:center;justify-content:center;
    transition:transform .25s;
}
.foto-item__zoom:hover{
    transform:scale(1.15);
}

/* Hide / show animation for filter */
.foto-item.hidden{
    display:none;
}
.foto-item.show{
    animation:fotoReveal .45s cubic-bezier(.4,0,.2,1) both;
}
@keyframes fotoReveal{
    from{opacity:0;transform:scale(.92)}
    to{opacity:1;transform:scale(1)}
}

/* Lightbox */
.lightbox{
    position:fixed;inset:0;z-index:3000;
    background:rgba(0,0,0,.92);
    backdrop-filter:blur(12px);
    display:none;align-items:center;justify-content:center;
    flex-direction:column;
}
.lightbox.active{
    display:flex;
    animation:lbIn .3s ease;
}
@keyframes lbIn{from{opacity:0}to{opacity:1}}

.lightbox__close{
    position:absolute;top:20px;right:20px;z-index:10;
    width:48px;height:48px;border-radius:50%;
    background:rgba(255,255,255,.1);color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:1.2rem;border:none;cursor:pointer;
    transition:background .25s;
}
.lightbox__close:hover{background:rgba(255,255,255,.25)}

.lightbox__arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    z-index:10;
    width:52px;height:52px;border-radius:50%;
    background:rgba(255,255,255,.1);color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:1.1rem;border:none;cursor:pointer;
    transition:background .25s,transform .25s;
}
.lightbox__arrow:hover{background:rgba(255,255,255,.25)}
.lightbox__arrow--left{left:20px}
.lightbox__arrow--right{right:20px}

.lightbox__content{
    max-width:90vw;max-height:80vh;
    display:flex;flex-direction:column;align-items:center;
}
.lightbox__content img{
    max-width:90vw;max-height:75vh;
    object-fit:contain;
    border-radius:var(--radius-sm);
    box-shadow:0 12px 48px rgba(0,0,0,.4);
    animation:lbImgIn .35s ease;
}
@keyframes lbImgIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}

.lightbox__caption{
    color:rgba(255,255,255,.7);
    font-size:.9rem;margin-top:14px;
    text-align:center;
}
.lightbox__counter{
    position:absolute;bottom:24px;left:50%;transform:translateX(-50%);
    color:rgba(255,255,255,.5);font-size:.82rem;font-weight:600;
}

/* Responsive foto grid */
@media(max-width:1024px){
    .foto-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
    .foto-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .foto-item--wide{grid-column:span 2}
    .foto-item__overlay{opacity:1}
    .lightbox__arrow{width:42px;height:42px;font-size:.9rem}
}

/* ── MOBILE ITEM SELECTOR ─────────────────── */
.mobile-selector{
    display:none;
    margin-top:24px;
    border-radius:var(--radius);
    background:var(--surface);
    box-shadow:0 4px 28px rgba(0,0,0,.09);
    border:1px solid rgba(0,0,0,.07);
    overflow:hidden;
}
@media(max-width:768px){
    .mobile-selector{ display:block; }
}
.ms-header{
    padding:16px 16px 13px;
    background:linear-gradient(135deg,rgba(0,123,255,.06) 0%,transparent 70%);
    border-bottom:1px solid rgba(0,0,0,.07);
}
.ms-header__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:12px;
}
.ms-header__title{
    display:flex;
    align-items:center;
    gap:9px;
    font-weight:700;
    font-size:.93rem;
    color:var(--text);
}
.ms-header__title i{
    width:32px;height:32px;
    border-radius:9px;
    background:var(--accent);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:.78rem;
    flex-shrink:0;
}
.ms-header__count{
    background:var(--accent);
    color:#fff;
    font-size:.7rem;
    font-weight:700;
    padding:3px 10px;
    border-radius:99px;
}
.ms-filters{
    display:flex;
    gap:6px;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.ms-filters::-webkit-scrollbar{ display:none; }
.ms-filter-btn{
    flex-shrink:0;
    padding:6px 14px;
    border-radius:99px;
    font-size:.78rem;
    font-weight:600;
    border:1.5px solid rgba(0,0,0,.12);
    color:var(--text-soft);
    background:transparent;
    transition:all .2s;
    white-space:nowrap;
    cursor:pointer;
}
.ms-filter-btn.active,
.ms-filter-btn:hover{
    background:var(--accent);
    color:#fff;
    border-color:var(--accent);
    box-shadow:0 2px 10px rgba(0,123,255,.25);
}
.ms-grid{
    padding:14px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    max-height:380px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}
.ms-grid::-webkit-scrollbar{ width:4px; }
.ms-grid::-webkit-scrollbar-thumb{
    background:rgba(0,123,255,.22);
    border-radius:99px;
}
.ms-loading,.ms-empty{
    grid-column:1 / -1;
    text-align:center;
    padding:30px 16px;
    color:var(--text-soft);
    font-size:.87rem;
}
.ms-empty i{
    font-size:2rem;
    opacity:.32;
    display:block;
    margin-bottom:10px;
}
.ms-card{
    position:relative;
    border-radius:12px;
    padding:13px 11px 11px;
    background:var(--bg);
    border:2px solid transparent;
    cursor:pointer;
    transition:all .22s cubic-bezier(.4,0,.2,1);
    animation:msIn .35s ease both;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent;
    user-select:none;
}
@keyframes msIn{
    from{ opacity:0; transform:translateY(10px) scale(.96); }
    to  { opacity:1; transform:translateY(0) scale(1); }
}
.ms-card:hover,.ms-card:active{
    border-color:rgba(0,123,255,.3);
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgba(0,123,255,.11);
}
.ms-card--selected{
    border-color:var(--accent)!important;
    background:#EAF2FF!important;
    box-shadow:0 4px 20px rgba(0,123,255,.22)!important;
    transform:translateY(-2px)!important;
}
.ms-card--taken{
    opacity:.55;
    cursor:not-allowed;
    pointer-events:none;
}
.ms-card__dot{
    position:absolute;top:10px;right:10px;
    width:9px;height:9px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 2px rgba(34,197,94,.2);
    transition:background .22s,box-shadow .22s;
}
.ms-card--taken .ms-card__dot{
    background:#ef4444;
    box-shadow:0 0 0 2px rgba(239,68,68,.2);
}
.ms-card--selected .ms-card__dot{
    background:var(--accent);
    box-shadow:0 0 0 2px rgba(0,123,255,.25);
}
.ms-card__check{
    position:absolute;top:8px;right:8px;
    width:22px;height:22px;
    border-radius:50%;
    background:var(--accent);
    color:#fff;
    font-size:.62rem;
    display:flex;align-items:center;justify-content:center;
    opacity:0;
    transform:scale(0);
    transition:all .25s cubic-bezier(.34,1.56,.64,1);
}
.ms-card--selected .ms-card__check{ opacity:1; transform:scale(1); }
.ms-card__icon{
    width:38px;height:38px;
    border-radius:10px;
    background:rgba(0,123,255,.09);
    color:var(--accent);
    display:flex;align-items:center;justify-content:center;
    font-size:1rem;
    margin-bottom:9px;
    transition:background .22s,color .22s;
}
.ms-card--selected .ms-card__icon{
    background:var(--accent);
    color:#fff;
}
.ms-card__name{
    font-weight:700;
    font-size:.87rem;
    color:var(--text);
    margin-bottom:7px;
    padding-right:14px;
    line-height:1.2;
}
.ms-card__info{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.ms-card__row{
    display:flex;
    align-items:center;
    gap:5px;
    font-size:.73rem;
    color:var(--text-soft);
    line-height:1.3;
}
.ms-card__row i{
    font-size:.67rem;
    width:13px;
    color:var(--accent);
    flex-shrink:0;
}
.ms-card__badge{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:3px 8px;
    border-radius:99px;
    font-size:.68rem;
    font-weight:700;
    margin-top:8px;
}
.ms-card__badge--livre{
    background:rgba(34,197,94,.12);
    color:#15803d;
}
.ms-card__badge--taken{
    background:rgba(239,68,68,.1);
    color:#dc2626;
}
.ms-card__badge--selected{
    background:rgba(0,123,255,.12);
    color:var(--accent);
}
@media(max-width:480px){
    .foto-grid{grid-template-columns:1fr 1fr;gap:8px}
    .foto-item--wide{grid-column:span 2}
    .foto-item{border-radius:var(--radius-sm)}
}

/* ── FISH GRID: FEATURED SINGLE ROW ───── */
.fish-grid--featured{
    display:flex;flex-wrap:nowrap;overflow-x:auto;
    gap:24px;padding-bottom:14px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-alt);
}
.fish-grid--featured::-webkit-scrollbar{height:4px}
.fish-grid--featured::-webkit-scrollbar-track{background:var(--bg-alt);border-radius:99px}
.fish-grid--featured::-webkit-scrollbar-thumb{background:var(--accent);border-radius:99px}
.fish-grid--featured .fish-card{flex:0 0 280px;min-width:0}

/* ── MOBILE NAV AUTH BLOCK ─────────────── */
/* Hidden on desktop — only shown inside the open hamburger menu on mobile */
.nav__links-auth{display:none}
.nav__links-user{display:flex;flex-direction:column;gap:8px;padding:4px 0}
.nav__links-user-name{
    font-weight:600;font-size:.9rem;color:var(--text);
    display:flex;align-items:center;gap:8px;
}
.nav__links-user-name i{color:var(--accent)}
.nav__links-user-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn--sm{padding:8px 18px;font-size:.82rem}

/* ── GALERIA PAGE GRID & CARDS ─────────── */
.galeria-page-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:24px;
}

.galeria-card{
    background:var(--surface);border-radius:var(--radius);
    overflow:hidden;border:1px solid rgba(0,0,0,.05);
    box-shadow:var(--shadow);transition:var(--transition);cursor:pointer;
}
.galeria-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}

.galeria-card__img{
    position:relative;aspect-ratio:4/3;
    overflow:hidden;background:var(--bg-alt);
}
.galeria-card__img img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.galeria-card:hover .galeria-card__img img{transform:scale(1.06)}

.galeria-card__overlay{
    position:absolute;inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 55%);
    display:flex;align-items:flex-end;justify-content:space-between;
    padding:14px 16px;opacity:0;transition:opacity .35s ease;
}
.galeria-card:hover .galeria-card__overlay{opacity:1}

.galeria-card__cat{
    color:#fff;font-size:.75rem;font-weight:600;
    background:rgba(255,255,255,.15);backdrop-filter:blur(6px);
    padding:5px 12px;border-radius:100px;
    display:flex;align-items:center;gap:5px;
}
.galeria-card__zoom{
    color:#fff;width:34px;height:34px;border-radius:50%;
    background:rgba(255,255,255,.15);backdrop-filter:blur(6px);
    display:flex;align-items:center;justify-content:center;
    font-size:.9rem;transition:transform .25s;
}
.galeria-card__zoom:hover{transform:scale(1.15)}

.galeria-card__body{padding:16px 18px}
.galeria-card__title{
    font-family:var(--serif);font-size:1.05rem;
    margin-bottom:6px;line-height:1.35;color:var(--text);
}
.galeria-card__desc{
    font-size:.85rem;color:var(--text-soft);line-height:1.6;
    display:-webkit-box;-webkit-line-clamp:2;
    -webkit-box-orient:vertical;overflow:hidden;
}

/* ── PRODUCT SHOWCASE ──────────────────── */
.product-showcase{
    display:grid;
    grid-template-columns:80px minmax(0, 1fr) minmax(0, 1fr);
    gap:24px;
    align-items:start;
    background:var(--surface);
    border-radius:var(--radius-lg);
    padding:32px;
    box-shadow:var(--shadow);
    width:100%;
    max-width:100%;
    overflow:hidden;
}
.product-showcase > *{min-width:0}

/* Thumbnails */
.product__thumbs{
    display:flex;
    flex-direction:column;
    gap:10px;
    max-height:500px;
    overflow-y:auto;
    min-width:0;
}
.product__thumb{
    width:72px;height:72px;
    border-radius:var(--radius-sm);
    overflow:hidden;
    border:2px solid transparent;
    transition:var(--transition);
    flex-shrink:0;
    cursor:pointer;
    opacity:.6;
}
.product__thumb:hover{opacity:.85}
.product__thumb.active{
    border-color:var(--accent);
    opacity:1;
}
.product__thumb img{
    width:100%;height:100%;object-fit:cover;
}

/* Main image */
.product__main-img{
    position:relative;
    border-radius:var(--radius);
    overflow:hidden;
    background:var(--bg-alt);
    aspect-ratio:1/1;
    width:100%;
    max-width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.product__main-img img{
    width:100%;height:100%;
    max-width:100%;
    object-fit:contain;
    display:block;
    transition:opacity .3s ease;
}
.product__counter{
    position:absolute;top:14px;right:14px;
    background:rgba(0,0,0,.55);color:#fff;
    font-size:.75rem;font-weight:600;
    padding:4px 12px;border-radius:100px;
    z-index:2;
}

/* Details */
.product__details{
    padding:8px 0 8px 16px;
}
.product__title{
    font-family:var(--sans);
    font-size:1.25rem;
    font-weight:700;
    letter-spacing:.02em;
    line-height:1.3;
    margin-bottom:20px;
    color:var(--text);
}

.product__pricing{
    display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
    margin-bottom:6px;
}
.product__old-price{
    font-size:.95rem;color:var(--text-soft);
    text-decoration:line-through;
}
.product__price{
    font-size:2rem;font-weight:700;color:var(--text);
    letter-spacing:-.02em;
}
.product__discount{
    font-size:.8rem;font-weight:700;
    color:#4CAF50;
    background:#E8F5E9;
    padding:3px 10px;border-radius:100px;
}
.product__economy{
    font-size:.88rem;color:#4CAF50;font-weight:500;
    margin-bottom:6px;
    display:flex;align-items:center;gap:6px;
}
.product__economy i{font-size:.75rem}
.product__installment{
    font-size:.88rem;color:var(--text-soft);
    margin-bottom:24px;
}

/* Size selector */
.product__size{margin-bottom:20px}
.product__size-label{
    display:block;font-size:.88rem;font-weight:600;
    margin-bottom:10px;color:var(--text);
}
.product__size-options{display:flex;gap:8px}
.product__size-btn{
    width:44px;height:44px;
    border-radius:var(--radius-sm);
    border:1.5px solid #ddd;
    font-size:.85rem;font-weight:600;
    color:var(--text-soft);
    transition:var(--transition);
    display:flex;align-items:center;justify-content:center;
}
.product__size-btn:hover{
    border-color:var(--accent);color:var(--accent);
}
.product__size-btn.active{
    border-color:var(--accent);
    background:var(--accent);
    color:#fff;
}

/* Quantity */
.product__qty{
    display:flex;align-items:center;gap:0;
    margin-bottom:20px;
    border:1.5px solid #ddd;border-radius:var(--radius-sm);
    width:fit-content;overflow:hidden;
}
.product__qty-btn{
    width:44px;height:44px;
    display:flex;align-items:center;justify-content:center;
    font-size:.85rem;color:var(--text);
    transition:var(--transition);
}
.product__qty-btn:hover{background:var(--bg-alt)}
.product__qty-value{
    width:48px;text-align:center;
    font-size:1rem;font-weight:600;
    border-left:1.5px solid #ddd;
    border-right:1.5px solid #ddd;
    line-height:44px;
}

/* Buy button */
.product__buy-btn{
    margin-bottom:20px;
    font-size:1rem;
    padding:16px 32px;
}

.product__description{
    font-size:.9rem;color:var(--text-soft);
    line-height:1.7;margin-bottom:16px;
}
.product__divider{
    border:none;border-top:1px solid #eee;
    margin-bottom:14px;
}
.product__more-link{
    font-size:.88rem;font-weight:600;
    color:var(--accent);
    display:inline-flex;align-items:center;gap:6px;
    transition:var(--transition);
}
.product__more-link:hover{gap:10px}
.product__more-link i{font-size:.7rem;transition:transform .3s}
.product__more-link:hover i{transform:translateX(3px)}

/* Product responsive */
@media(max-width:1024px){
    .product-showcase{
        grid-template-columns:70px minmax(0, 1fr);
        grid-template-rows:auto auto;
        gap:20px;
        padding:24px;
    }
    .product__main-img{
        aspect-ratio:auto;
        height:clamp(320px, 50vw, 440px);
    }
    .product__details{
        grid-column:1 / -1;
        padding:16px 0 0;
    }
}
@media(max-width:600px){
    .product-showcase{
        grid-template-columns:minmax(0, 1fr);
        grid-template-rows:auto auto auto;
        padding:16px;
        gap:14px;
        border-radius:var(--radius);
    }
    .product__thumbs{
        flex-direction:row;
        overflow-x:auto;
        overflow-y:hidden;
        max-height:none;
        width:100%;
        padding-bottom:4px;
        order:2;
        scrollbar-width:thin;
    }
    .product__thumbs::-webkit-scrollbar{height:4px}
    .product__thumbs::-webkit-scrollbar-thumb{background:var(--accent);border-radius:99px}
    .product__thumb{width:56px;height:56px}
    .product__main-img{
        order:1;
        aspect-ratio:1/1;
        height:auto;
        max-height:75vw;
    }
    .product__details{
        order:3;
        grid-column:1;
        padding:0;
    }
    .product__title{font-size:1.05rem;margin-bottom:14px}
    .product__price{font-size:1.5rem}
    .product__pricing{gap:8px}
    .product__buy-btn{font-size:.95rem;padding:14px 22px}
    .product__qty{margin-bottom:16px}
    .product__installment{margin-bottom:18px}
}
@media(max-width:380px){
    .product-showcase{padding:14px;gap:12px}
    .product__thumb{width:48px;height:48px}
    .product__price{font-size:1.35rem}
    .product__title{font-size:1rem}
}