/* Grid NacionAds v1.4 — NacionAds.com / Wilbert Toribio */

.gna-wrap { font-family:'Plus Jakarta Sans',sans-serif; }

/* Encabezado */
.gna-header    { text-align:center; margin-bottom:3rem; }
.gna-eyebrow   { font-size:.8125rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#0960ae; margin:0 0 .5rem; }
.gna-heading   { font-size:clamp(1.6rem,3vw,2.25rem); font-weight:800; color:#091d36; line-height:1.2; margin:0 0 .875rem; }
.gna-subhead   { font-size:1rem; color:#4b5563; max-width:560px; margin:0 auto; line-height:1.65; }
.gna-empty     { text-align:center; color:#4b5563; padding:2rem; }

/* Grid */
.gna-grid {
    display: grid;
    gap: 16px;
    --gna-gap: 16px;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: var(--gna-h, 250px);
}
@media (min-width:640px) and (max-width:1023px) {
    .gna-tcols-1 .gna-grid { grid-template-columns:repeat(1,1fr); }
    .gna-tcols-2 .gna-grid { grid-template-columns:repeat(2,1fr); }
    .gna-tcols-3 .gna-grid { grid-template-columns:repeat(3,1fr); }
}
@media (min-width:1024px) {
    .gna-grid.gna-cols-1 { grid-template-columns:repeat(1,1fr); }
    .gna-grid.gna-cols-2 { grid-template-columns:repeat(2,1fr); }
    .gna-grid.gna-cols-3 { grid-template-columns:repeat(3,1fr); }
    .gna-grid.gna-cols-4 { grid-template-columns:repeat(4,1fr); }
}

/* Tarjeta */
.gna-card {
    position:relative; border-radius:12px; overflow:hidden;
    background-size:cover; background-position:center;
    background-color:#0d2640;
    height:var(--gna-h,250px);
    cursor:pointer;
    transition:transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease;
}
.gna-card.gna-card-tall {
    grid-row:span 2;
    height: calc(var(--gna-h,250px) * 2 + var(--gna-gap,16px));
}
.gna-card:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(9,29,54,.25); }

/* Placeholder SVG */
.gna-ph { position:absolute; inset:0; overflow:hidden; }
.gna-ph svg { width:100%; height:100%; display:block; }

/* Overlay */
.gna-ov {
    position:absolute; inset:0; z-index:1;
    background:linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(10,29,57,.65) 100%);
    transition:background .35s ease;
}
.gna-card:hover .gna-ov {
    background:linear-gradient(to bottom,rgba(0,0,0,.05) 0%,rgba(10,29,57,.78) 100%);
}

/* Icono flotante */
.gna-ticon {
    position:absolute; top:14px; right:14px;
    width:36px; height:36px; border-radius:50%;
    background:#0960ae; color:#fff;
    display:flex; align-items:center; justify-content:center;
    text-decoration:none; z-index:3;
    opacity:0; transform:scale(.75);
    transition:opacity .28s ease, transform .28s cubic-bezier(.34,1.56,.64,1);
}
.gna-ticon i, .gna-ticon svg { font-size:13px; width:13px; height:13px; display:block; }
.gna-card:hover .gna-ticon { opacity:1; transform:scale(1); }

/* Cuerpo */
.gna-body {
    position:absolute; inset:0; z-index:2;
    display:flex; flex-direction:column; justify-content:flex-end;
    padding:22px;
}
.gna-city { font-size:.8rem; font-weight:600; color:#0960ae; margin-bottom:3px; display:block; }
.gna-name { font-size:1.15rem; font-weight:700; color:#fff; margin:0 0 12px; line-height:1.35; }

/* Botón */
.gna-btn {
    display:inline-flex; align-items:center; gap:7px;
    background:#fff; color:#091d36;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:.8rem; font-weight:600;
    padding:7px 15px; border-radius:9999px;
    text-decoration:none; border:none; width:fit-content; line-height:1.25;
    opacity:0; transform:translateY(8px);
    transition:opacity .28s ease .04s, transform .28s ease .04s, background-color .2s, color .2s;
}
.gna-btn i, .gna-btn svg { font-size:11px !important; width:11px !important; height:11px !important; flex-shrink:0; }
.gna-card:hover .gna-btn { opacity:1; transform:translateY(0); }
.gna-btn:hover { background:#0960ae; color:#fff; }

/* Móvil */
@media (max-width:639px) {
    .gna-card.gna-card-tall { grid-row:span 1; height:var(--gna-h,250px); }
    .gna-btn, .gna-ticon { opacity:1 !important; transform:none !important; }
}