/* Sitio público — Mercado Concentrador Patagónico */
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.row{display:flex;align-items:center;justify-content:space-between;gap:16px}

.topbar{background:var(--navy);position:sticky;top:0;z-index:20}
.topbar .row{padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:42px;background:#fff;border-radius:8px;padding:5px 8px}
.brand strong{display:block;color:#fff;font-size:15px;line-height:1.1}
.brand small{color:var(--sky-soft);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.menu{display:flex;align-items:center;gap:18px}
.menu a{color:#d7e0f2;font-weight:600;font-size:14px}
.menu a:hover,.menu a.on{color:#fff;text-decoration:none}

/* hero */
.hero{background:
  radial-gradient(70% 80% at 85% 0%,rgba(124,172,221,.30),transparent 55%),
  linear-gradient(160deg,var(--navy-2),var(--navy) 55%,var(--navy-deep));color:#fff;padding:64px 0 72px}
.hero .eyebrow{color:var(--sky-soft);margin-bottom:18px}
.hero h1{color:#fff;font-size:clamp(34px,5vw,56px);font-style:italic;text-transform:uppercase;line-height:.96;letter-spacing:-.01em}
.hero h1 .sky{color:var(--sky);display:block}
.hero p{max-width:54ch;color:#dde5f4;font-size:18px;margin:22px 0 28px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}

section.block{padding:50px 0}
.sec-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px;gap:16px}
.sec-head h2{font-size:26px}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.promo{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.promo .top{padding:16px 18px;display:flex;justify-content:space-between;align-items:start;gap:10px}
.promo .badge{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--mist);color:var(--navy);padding:4px 10px;border-radius:100px;font-weight:700}
.promo .off{font-size:30px;font-weight:800;color:var(--sky-deep);font-style:italic}
.promo .body{padding:0 18px 18px;flex:1}
.promo h3{font-size:18px;margin-bottom:6px}
.promo .meta{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:12px;letter-spacing:.04em;text-transform:uppercase}
.promo.evento{border-top:4px solid var(--sky)}

.foot-cta{background:var(--mist-2);padding:44px 0;text-align:center}
.foot-cta h2{margin-bottom:10px}
.foot-cta p{color:var(--muted);margin-bottom:20px}

.site-foot{background:var(--navy-deep);color:#cdd6ea;padding:42px 0 26px;margin-top:20px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}
.site-foot strong{color:#fff;display:block;margin-bottom:8px}
.site-foot p{font-size:14px;line-height:1.7}
.site-foot a{color:var(--sky-soft)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:26px;padding-top:16px;font-size:12px;color:#8b97b6}

.auth-wrap{max-width:440px;margin:50px auto;padding:0 20px}

/* --- carrusel de portada --- */
.slider{position:relative;width:100%;overflow:hidden;background:var(--navy-deep)}
.slider .slides{position:relative;height:clamp(220px,38vw,440px)}
.slider .slide{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease);display:block;text-decoration:none;
  background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}
.slider .slide.on{opacity:1;z-index:1}
.slider .slide::before{content:"";position:absolute;inset:0;background:rgba(33,34,63,.5);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.slider .slide img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block}
.slider .slide-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:42px 40px 30px;
  background:linear-gradient(to top,rgba(33,34,63,.85),rgba(33,34,63,0));color:#fff}
.slider .slide-cap h2{color:#fff;font-size:clamp(22px,3.4vw,38px);font-style:italic;text-transform:uppercase;line-height:1;margin:0}
.slider .slide-cap p{color:#e3ebf6;font-size:clamp(14px,1.8vw,18px);margin:10px 0 0;max-width:60ch}
a.slide{cursor:pointer}
.slider-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:none;cursor:pointer;
  width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.85);color:var(--navy);
  font-size:26px;line-height:1;display:grid;place-items:center;transition:.15s}
.slider-nav:hover{background:#fff}
.slider-nav.prev{left:16px}.slider-nav.next{right:16px}
.slider-dots{position:absolute;left:0;right:0;bottom:14px;z-index:3;display:flex;gap:8px;justify-content:center}
.slider-dots .dot{width:10px;height:10px;border-radius:50%;border:none;cursor:pointer;background:rgba(255,255,255,.5);transition:.15s}
.slider-dots .dot.on{background:#fff;width:26px;border-radius:6px}
@media(max-width:680px){.slider .slide-cap{padding:24px 20px 28px}}

@media(max-width:680px){.foot-grid{grid-template-columns:1fr}.menu{gap:12px;font-size:13px}.brand small{display:none}}