:root{
  --bg:#081225; --bg2:#0c172a; --panel:#0f1c33; --ink:#e8f0fb; --muted:#9ab0c7;
  --line:#1f2d45; --brand:#2eaadc; --brand2:#22c55e; --danger:#ef4444; --orange:#f59e0b;
  --glow:0 20px 60px rgba(46,170,220,.18); --shadow:0 12px 32px rgba(0,0,0,.28);
  --transition:.2s ease;
  --topbar-h:64px;              /* se recalcula por JS */
}
*{ box-sizing:border-box; }
html,body{ margin:0; background:linear-gradient(to bottom,var(--bg),var(--bg2)); color:var(--ink); font:500 16px/1.5 'Inter',system-ui,sans-serif; }
a{ color:inherit; text-decoration:none; }
.container{ width:min(1400px,96%); margin:0 auto; padding:0 20px; }

/* Topbar (sticky robusto) */
.topbar{
  position: -webkit-sticky;
  position: sticky;
  top:0;
  z-index:1000;
  background:rgba(8,18,37,.95); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.topbar__in{
  display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0;
  min-height:64px; /* altura estable para el cálculo */
}
.brand{ font-weight:900; font-size:1.4rem; letter-spacing:-.02em; color:#fff; display:flex; align-items:center; gap:.6rem; }
.brand i{ width:12px; height:12px; border-radius:50%; background:linear-gradient(135deg,var(--brand),var(--brand2)); box-shadow:0 0 12px rgba(46,170,220,.5); }
.nav{ display:flex; gap:1.2rem; align-items:center; }
.nav a{ color:#cfd8e3; font-weight:600; padding:.6rem 1rem; border-radius:999px; transition:var(--transition); }
.nav a:hover{ background:rgba(255,255,255,.1); color:#fff; }

.btn{ display:inline-flex; align-items:center; gap:.6rem; padding:.7rem 1.2rem; border-radius:999px; border:1px solid var(--line); background:var(--bg2); color:#fff; font-weight:700; transition:var(--transition); }
.btn:hover{ transform:translateY(-2px); box-shadow:var(--shadow); }
.btn-ghost{ background:transparent; border-color:transparent; }
.btn-primary{ background:linear-gradient(135deg,var(--brand),#0b8cba); border-color:#0a7aa5; }
.btn-success{ background:linear-gradient(135deg,var(--brand2),#199452); border-color:#146c3d; }
.btn-small{ padding:.4rem .8rem; font-size:.9rem; }
.badge-role{ padding:.3rem .7rem; border-radius:999px; background:rgba(199,249,204,.12); border:1px solid #21503a; color:#a7f3d0; font-size:.85rem; font-weight:600; }

/* Hero */
.hero{ padding:40px 0 20px; text-align:center; background:radial-gradient(circle at top left, rgba(46,170,220,.12), transparent 50%); }
.h1{ font-size:clamp(2rem,4vw + 1rem,3.2rem); margin:0 0 .5rem; font-weight:900; letter-spacing:-.03em; }
.h-sub{ color:var(--muted); font-size:1.1rem; margin:0; }

/* Barra de filtros —— STICKY bajo el topbar */
.filters-wrap{
  top: calc(var(--topbar-h) + 8px);
  background:rgba(10,20,40,.95);
  backdrop-filter:blur(12px);
  padding:1rem;
  border:1px solid var(--line);
  border-radius:20px;
  margin:20px auto;
  box-shadow:var(--glow);
}
.filters-wrap.is-stuck{ box-shadow:0 12px 34px rgba(0,0,0,.28); }

.filters{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:.8rem; }
.filters input,.filters select{
  width:100%; padding:.8rem 1rem; border-radius:12px;
  background:#0b182d; border:1px solid #23324a; color:#e7eef8; font:inherit; transition:var(--transition);
}
.filters input:focus,.filters select:focus{ border-color:var(--brand); box-shadow:0 0 8px rgba(46,170,220,.3); }
.filters input::placeholder{ color:#7f94ad; }
.filters .actions{ display:flex; gap:.8rem; justify-content:flex-end; grid-column:-1 / 1; }

/* Resultados */
.results-meta{ display:flex; align-items:center; justify-content:space-between; gap:1rem; color:#b7c6d9; padding:10px 0; font-size:.95rem; }

/* Layout */
.main{ display:grid; grid-template-columns:1fr; gap:20px; padding:10px 0 40px; }
@media(min-width:1040px){ .main{ grid-template-columns:1.6fr 1fr; } }

/* Cards */
.grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; }
.card{ position:relative; background:var(--panel); border:1px solid var(--line); border-radius:20px; overflow:hidden; transition:var(--transition); }
.card:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }
.card a.block{ display:block; }
.media{ position:relative; aspect-ratio:16/10; overflow:hidden; background:#000; }
.media img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.card:hover .media img{ transform:scale(1.06); }
.ribbon{ position:absolute; top:12px; left:12px; background:var(--brand); color:#fff; font-size:.8rem; padding:.3rem .7rem; border-radius:999px; font-weight:600; }
.chipbar{ position:absolute; bottom:12px; left:12px; display:flex; gap:8px; flex-wrap:wrap; }
.chip{ background:rgba(8,16,32,.75); backdrop-filter:blur(6px); color:#e7eef8; border:1px solid #23344a; padding:.25rem .7rem; border-radius:999px; font-size:.85rem; font-weight:500; }
.body{ padding:1.2rem; display:flex; flex-direction:column; gap:.5rem; }
.title{ font-weight:900; font-size:1.1rem; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.meta{ color:var(--muted); font-size:.95rem; }
.facts{ display:flex; gap:.8rem; flex-wrap:wrap; color:#cfe3f8; font-size:.9rem; }
.price{ font-weight:900; font-size:1.2rem; margin-top:.2rem; }
.quota{ color:#93e29f; font-size:.9rem; }
.actions{ display:flex; gap:.6rem; margin-top:.6rem; }

/* Mapa */
.mapCard{ background:var(--panel); border:1px solid var(--line); border-radius:20px; overflow:hidden; box-shadow:var(--glow); }
.mapHead{
  display:flex; align-items:center; justify-content:space-between; gap:.8rem;
  padding:.8rem 1rem; border-bottom:1px solid var(--line); background:rgba(46,170,220,.08);
}
#map{ height:500px; }

/* Paginación */
.pagination{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin:24px 0 12px; }
.page{ padding:.6rem 1rem; border:1px solid var(--line); border-radius:12px; color:#e7eef8; background:var(--panel); transition:var(--transition); }
.page:hover{ background:rgba(255,255,255,.05); }
.page.is-active{ background:var(--brand); border-color:var(--brand); color:#fff; }

/* Secciones */
.section{ padding:40px 0; border-top:1px solid var(--line); }
.infoGrid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; }
.infoCard{ background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:20px; transition:var(--transition); }
.infoCard:hover{ box-shadow:var(--glow); }
.infoCard h3{ margin:0 0 .5rem; font-size:1.2rem; font-weight:900; }
.infoCard p{ color:var(--muted); margin:0; font-size:.95rem; }

/* CRM */
.crm-section{ background:linear-gradient(to bottom, rgba(46,170,220,.08), transparent); padding:60px 0; text-align:center; }
.crm-h2{ font-size:clamp(1.8rem,3vw + 1rem,2.8rem); margin:0 0 1rem; font-weight:900; }
.crm-sub{ color:var(--muted); font-size:1.1rem; max-width:800px; margin:0 auto 2rem; }
.feature-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:24px; }
.feature-card{ background:var(--panel); border:1px solid var(--line); border-radius:20px; padding:24px; text-align:left; transition:var(--transition); }
.feature-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }
.feature-icon{ font-size:2rem; margin-bottom:1rem; }
.feature-title{ font-weight:900; font-size:1.1rem; margin:0 0 .5rem; }
.feature-desc{ color:var(--muted); font-size:.95rem; }
.cta-wrap{ margin-top:40px; }

/* Promo */
.promo-hero{ position:relative; margin:18px 0 8px; background:
  radial-gradient(100% 120% at 0% 0%, rgba(46,170,220,.18), transparent 50%),
  linear-gradient(180deg,#0f1c33,#0c172a); border:1px solid #203246; border-radius:16px; overflow:hidden; box-shadow:var(--glow);
}
.promo-hero__in{ display:grid; grid-template-columns:1.35fr .9fr; gap:10px; padding:16px; }
@media(max-width:900px){ .promo-hero__in{ grid-template-columns:1fr; } }
.promo-copy h2{ margin:.2rem 0 .3rem; font-weight:900; font-size:clamp(1.15rem,2.2vw+1rem,1.7rem); }
.promo-copy p{ margin:.2rem 0; color:#9fb0c6; }
.promo-cta{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.6rem; }
.promo-cta .cta{ padding:.65rem .95rem; border-radius:12px; border:1px solid #0a7aa5; background:linear-gradient(180deg,var(--brand),#0b8cba); color:#fff; text-decoration:none; font-weight:800; }
.promo-cta .ghost{ background:transparent; border-color:#203246; }
.promo-badge{ position:absolute; right:12px; top:12px; background:#22c55e; color:#062312; font-weight:900; border-radius:999px; padding:.35rem .6rem; border:1px solid #14532d; }
.promo-hero__img{ position:relative; min-height:220px; background:radial-gradient(90% 120% at 100% 0%, rgba(34,197,94,.16), transparent 50%); }
.promo-hero__img .tv{ position:absolute; right:6%; bottom:-8px; width:min(380px,46vw); max-width:100%; filter:drop-shadow(0 30px 60px rgba(0,0,0,.5)); opacity:.95; }
.promo-legal-hint{ color:#7fa0bb; font-size:.88rem; margin-top:.35rem; }
.promo-close{ position:absolute; left:12px; top:12px; background:#0c172a; border:1px solid #203246; border-radius:10px; padding:.3rem .5rem; color:#9fb0c6; cursor:pointer; }
.promo-close:hover{ color:#e7eef8; }

/* ====== MODO CLARO ====== */
:root.light{
  --ink:#0f172a; --muted:#475569; --line:#e5e7eb;
}
:root.light .card{ background:#fff; border-color:var(--line); }
:root.light .card .body{ color:var(--ink); }
:root.light .card .title{ color:#0f172a !important; opacity:1; text-shadow:none; }
:root.light .card .meta{ color:#475569 !important; opacity:1; }
:root.light .card .facts{ color:#334155 !important; opacity:1; }
:root.light .card .price{ color:#0f172a !important; opacity:1; }
:root.light .card .quota{ color:#166534 !important; opacity:1; }
:root.light .chip{ background:#eef2f7; border:1px solid #d8e1ea; color:#0f172a; }
:root.light .ribbon{ background:#2563eb; color:#fff; }
:root.light .media{ background:#e9eef6; }
:root.light .media img{ filter:none; mix-blend-mode:normal; }
:root.light .btn-ghost{ color:#0f172a; border-color:#e5e7eb; }
:root.light .mapCard{ background:#fff; border-color:var(--line); }
:root.light .mapHead{ background:#f1f5f9; border-color:var(--line); color:#334155; }
:root.light .pagination .page{ background:#fff; color:#0f172a; border-color:var(--line); }
:root.light .modal__card{ background:#fff; border-color:var(--line); }
:root.light .modal input,
:root.light .modal textarea,
:root.light .modal select{ background:#fff; border-color:#dbe1ea; color:#0f172a; }
:root.light .card .title a{ color:#0f172a !important; }

/* Modo claro de la barra de filtros */
:root.light .filters-wrap{
  background:rgba(255,255,255,.92);
  border-color:var(--line);
  box-shadow:0 12px 28px rgba(2,8,23,.10);
}
:root.light .filters input,
:root.light .filters select{
  background:#ffffff;
  border:1px solid #dbe1ea;
  color:#0f172a;
}
:root.light .filters input::placeholder{ color:#64748b; }
:root.light .filters .actions .btn-ghost{ color:#0f172a; border-color:transparent; }

/* ===== Overlay CTA (imagen + 2 opciones) ===== */
.cta-overlay{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  place-items: center;
  padding: 18px;
  background: rgba(0,0,0,.62);
  backdrop-filter: blur(10px);
}
.cta-overlay.is-open{ display: grid; }

.cta-modal{
  width: min(980px, 96vw);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(0,0,0,.55);
  transform: translateY(8px);
  animation: ctaIn .22s ease forwards;
}
@keyframes ctaIn{ to{ transform: translateY(0); } }

.cta-top{
  position: relative;
  background: #000;
  aspect-ratio: 16 / 9;
  max-height: 520px;
}
.cta-top a{ display:block; width:100%; height:100%; }
.cta-top img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
  filter: saturate(1.05) contrast(1.05);
}

.cta-close{
  position:absolute;
  top: 12px;
  right: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(8,18,37,.78);
  color: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  cursor: pointer;
  font-weight: 900;
}
.cta-close:hover{ filter: brightness(1.08); }

.cta-body{
  padding: 16px;
  display: grid;
  gap: 12px;
}
.cta-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.cta-head h3{
  margin:0;
  font-size: 1.15rem;
  font-weight: 900;
}
.cta-head p{
  margin: 2px 0 0;
  color: var(--muted);
  font-size: .95rem;
}
.cta-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.cta-actions .btn{
  flex: 1 1 240px;
  justify-content: center;
  padding: .9rem 1.1rem;
  border-radius: 14px;
}
.cta-note{
  color: var(--muted);
  font-size: .9rem;
}
@media (max-width: 560px){
  .cta-body{ padding: 14px; }
  .cta-actions .btn{ flex: 1 1 100%; }
} .btn-wa{
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border-color: #14532d;
}
.btn-wa:hover{ filter: brightness(1.06); }
.btn-wa i{ font-style: normal; }
.btn-wa{
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border-color: #14532d;
}
.btn-wa:hover{ filter: brightness(1.06); }

.visit-overlay{
  position: fixed; inset: 0; z-index: 99999;
  display: none; place-items: center;
  padding: 18px;
  background: rgba(0,0,0,.62);
  backdrop-filter: blur(10px);
}
.visit-overlay.is-open{ display:grid; }

.visit-modal{
  width: min(980px, 96vw);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(0,0,0,.55);
  transform: translateY(8px);
  animation: visitIn .22s ease forwards;
}
@keyframes visitIn{ to{ transform: translateY(0); } }

.visit-top{
  position: relative;
  display:grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 0;
  background: #000;
}
@media(max-width:820px){ .visit-top{ grid-template-columns: 1fr; } }

.visit-img{
  position:relative;
  min-height: 240px;
  background:#000;
}
.visit-img img{
  width:100%; height:100%;
  object-fit: cover;
  display:block;
  filter: saturate(1.05) contrast(1.05);
}

.visit-summary{
  padding: 16px;
  background: radial-gradient(120% 140% at 0% 0%, rgba(46,170,220,.18), transparent 60%),
              linear-gradient(180deg,#0f1c33,#0c172a);
  border-left: 1px solid var(--line);
}
@media(max-width:820px){ .visit-summary{ border-left:0; border-top: 1px solid var(--line);} }

.visit-close{
  position:absolute; top: 12px; right: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(8,18,37,.78);
  color:#fff;
  border-radius: 12px;
  padding: 10px 12px;
  cursor:pointer;
  font-weight: 900;
}
.visit-close:hover{ filter: brightness(1.08); }

.visit-badge{
  display:inline-flex; align-items:center; gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(34,197,94,.12);
  border: 1px solid #14532d;
  color: #a7f3d0;
  font-size:.85rem;
  font-weight: 800;
}

.visit-title{
  margin:.6rem 0 .2rem;
  font-weight: 900;
  font-size: 1.15rem;
  line-height: 1.25;
}
.visit-meta{
  color: var(--muted);
  font-size: .95rem;
  margin: 0 0 .6rem;
}
.visit-grid{
  display:flex; flex-wrap:wrap; gap:8px;
  margin: 10px 0 0;
}
.visit-chip{
  padding:.28rem .65rem;
  border-radius: 999px;
  border: 1px solid #23344a;
  background: rgba(8,16,32,.55);
  color: #e7eef8;
  font-size:.85rem;
}

.visit-body{
  padding: 16px;
  display:grid;
  gap: 12px;
}
.visit-form{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media(max-width:720px){ .visit-form{ grid-template-columns:1fr; } }

.visit-form input, .visit-form textarea{
  width:100%;
  padding:.85rem 1rem;
  border-radius: 14px;
  background:#0b182d;
  border:1px solid #23324a;
  color:#e7eef8;
  font: inherit;
  transition: var(--transition);
}
.visit-form input:focus, .visit-form textarea:focus{
  border-color: var(--brand);
  box-shadow: 0 0 8px rgba(46,170,220,.3);
  outline: none;
}
.visit-form textarea{ min-height: 96px; resize: vertical; grid-column: 1 / -1; }

.visit-actions{
  display:flex; gap: 10px; flex-wrap: wrap;
  justify-content:flex-end;
}
.visit-actions .btn{
  border-radius: 14px;
  padding: .9rem 1.1rem;
}
.visit-actions .btn.ghost{
  background: transparent;
  border-color: #203246;
}
.visit-note{
  color: var(--muted);
  font-size: .9rem;
  margin-top: 2px;
}
.tgCard{
  background: linear-gradient(180deg, rgba(46,170,220,.10), rgba(34,197,94,.06));
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  box-shadow: var(--glow);
}

.tgTop{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 14px 12px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
:root.light .tgTop{ border-bottom:1px solid var(--line); }

.tgIcon{
  width:44px;height:44px;
  border-radius:14px;
  display:grid; place-items:center;
  background: radial-gradient(120% 120% at 20% 20%, rgba(46,170,220,.35), rgba(34,197,94,.18));
  border:1px solid rgba(255,255,255,.10);
  font-size:20px;
}
:root.light .tgIcon{ border-color:#dbe1ea; }

.tgTitleWrap{ flex:1; min-width:0; }
.tgTitle{ font-weight:900; letter-spacing:-.01em; line-height:1.1; }
.tgSub{ color:var(--muted); font-size:.92rem; margin-top:2px; }

.tgPill{
  font-size:.78rem;
  font-weight:900;
  padding:.35rem .6rem;
  border-radius:999px;
  background: rgba(34,197,94,.14);
  border:1px solid #14532d;
  color:#a7f3d0;
}
:root.light .tgPill{
  border-color:#86efac;
  color:#166534;
  background: rgba(134,239,172,.22);
}

.tgBody{ padding:12px 14px 14px; }
.tgBullets{ display:grid; gap:8px; margin-bottom:12px; }

.tgB{
  padding:.55rem .7rem;
  border-radius:14px;
  background: rgba(8,16,32,.40);
  border:1px solid rgba(255,255,255,.08);
  font-weight:700;
  font-size:.92rem;
}
:root.light .tgB{ background:#f8fafc; border-color:#e5e7eb; }

.tgActions{ display:flex; gap:10px; flex-wrap:wrap; }

.tgBtn{
  flex:1 1 170px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.85rem 1rem;
  border-radius:14px;
  font-weight:900;
  border:1px solid var(--line);
  background: var(--panel);
  color:var(--ink);
  cursor:pointer;
  transition: var(--transition);
}
.tgBtn:hover{ transform: translateY(-2px); box-shadow: var(--shadow); }

.tgBtnPrimary{
  background: linear-gradient(135deg, #229ED9, #2eaadc);
  border-color: rgba(34,158,217,.45);
  color:#fff;
}
.tgBtnGhost{
  background: transparent;
  border-color: rgba(255,255,255,.12);
}
:root.light .tgBtnGhost{ border-color:#e5e7eb; }

.tgNote{ margin-top:10px; color:#93e29f; font-weight:800; font-size:.92rem; }
/* ✅ Wrapper: alineado a la izquierda, sin ocupar todo */
.tgWrap{
  display:flex;
  justify-content:flex-start;
  margin: 14px 0 10px;
}

/* ✅ Card mini (no se estira) */
.tgCard--mini{
  width: min(420px, 100%);
  max-width: 420px;
}

/* ✅ Que no “empujen” los botones al ancho completo */
.tgCard--mini .tgActions{
  display:grid;
  grid-template-columns: 1fr; /* uno debajo del otro */
  gap:10px;
}

.tgCard--mini .tgBtn{
  flex: unset;         /* anula el flex:1 */
  width: 100%;         /* botón a ancho de la card, no de la página */
}

/* Opcional: si quieres más “cuadradita” aún */
@media(min-width:1040px){
  .tgCard--mini{
    max-width: 380px;  /* prueba 360/380 */
  }
}/* ✅ Telegram NO fijo: se mueve con el scroll */
.tgWrap,
.tgAside{
  position: static !important;
  top: auto !important;
}
/* ✅ Telegram: que NUNCA sea sticky/fixed aunque haya reglas globales */
.tgWrap aside,
aside.tgAside,
.tgAside{
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;
  transform: none !important;/* Sección redes */
.tgSection{
  margin: 18px 0 10px;
}

/* Grid de redes */
.socialGrid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 18px;
  align-items: stretch;
}

/* Cards compactas y uniformes */
.tgCard--mini{
  max-width: 380px;
}

/* En desktop que no se centren */
@media (min-width: 1040px){
  .socialGrid{
    justify-content: flex-start;
  }
}

}

/* ✅ Por si alguna regla aplica fixed al contenedor/card */
.tgWrap,
.tgWrap .tgCard,
.tgWrap .tgCard--mini{
  position: static !important;
}/* Sección redes */
.tgSection{
  margin: 18px 0 10px;
}

/* Grid de redes */
.socialGrid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 18px;
  align-items: stretch;
}

/* Cards compactas y uniformes */
.tgCard--mini{
  max-width: 380px;
}

/* En desktop que no se centren */
@media (min-width: 1040px){
  .socialGrid{
    justify-content: flex-start;
  }
}

/* Sección redes */
.tgSection{
  margin: 18px 0 10px;
}

/* Grid de redes */
.socialGrid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 18px;
  align-items: stretch;
}

/* Cards compactas y uniformes */
.tgCard--mini{
  max-width: 380px;
}

/* En desktop que no se centren */
@media (min-width: 1040px){
  .socialGrid{
    justify-content: flex-start;
  }
}