/* ============================================================
   GuiaRelaxPeru.com — style.css
   Diseño oscuro premium
   ============================================================ */

:root {
    --negro:  #080808;
    --oscuro: #111111;
    --card:   #161616;
    --borde:  #252525;
    --rv:     #ff2020;
    --rojo:   #cc0000;
    --dorado: #d4a017;
    --d2:     #f0c040;
    --blanco: #efefef;
    --gris:   #777777;
    --rosa:   #ff2d78;
    --azul:   #2d78ff;
    --verde:  #00cc44;
    --morado: #9b59b6;
}

/* ── RESET ── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; }
body { background: var(--negro); color: var(--blanco); font-family: 'Barlow', sans-serif; overflow-x: hidden; line-height: 1.5; }
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }

/* ── TOPBAR ── */
.topbar { background: #000; border-bottom: 1px solid var(--rojo); padding: 5px 20px; display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: var(--gris); font-family: 'Barlow Condensed', sans-serif; letter-spacing: 1px; flex-wrap: wrap; gap: 4px; }
.topbar-links a { color: var(--gris); margin-left: 14px; transition: color .2s; }
.topbar-links a:hover { color: var(--rv); }

/* ── HEADER ── */
header { background: linear-gradient(180deg, #000 0%, #0d0d0d 100%); border-bottom: 2px solid var(--rojo); padding: 14px 16px 11px; text-align: center; }
.logo-wrap { display: inline-block; max-width: 100%; line-height: 0; }
.logo-wrap img { display: block; width: 100%; max-width: 460px; height: auto; filter: drop-shadow(0 0 14px rgba(204,0,0,.4)); }
.badges { display: flex; justify-content: center; gap: 16px; margin-top: 8px; flex-wrap: wrap; }
.badge { display: flex; align-items: center; gap: 5px; font-family: 'Barlow Condensed', sans-serif; font-size: 12px; letter-spacing: 1.5px; font-weight: 600; text-transform: uppercase; }
.badge.verde .check { color: var(--verde); }
.badge.dorado .check { color: var(--dorado); }

/* ── NAV CATEGORÍAS ── */
.nav-cat { background: var(--oscuro); border-bottom: 1px solid var(--borde); display: flex; justify-content: center; position: sticky; top: 0; z-index: 100; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.nav-cat a { display: flex; align-items: center; gap: 7px; padding: 12px 22px; font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--gris); border-bottom: 3px solid transparent; transition: all .2s; white-space: nowrap; }
.nav-cat a.nk:hover, .nav-cat a.nk.on  { color: #ff8080; border-bottom-color: var(--rv);   background: rgba(255,32,32,.06); }
.nav-cat a.nt:hover, .nav-cat a.nt.on  { color: var(--rosa); border-bottom-color: var(--rosa); background: rgba(255,45,120,.06); }
.nav-cat a.nm:hover, .nav-cat a.nm.on  { color: var(--d2);   border-bottom-color: var(--dorado); background: rgba(212,160,23,.06); }
.nav-cat a.nma:hover,.nav-cat a.nma.on { color: #80aaff;  border-bottom-color: var(--azul); background: rgba(45,120,255,.06); }

/* ── HERO (index) ── */
.hero { background: var(--oscuro); padding: 48px 20px 42px; text-align: center; position: relative; overflow: hidden; }
.hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(204,0,0,.1) 0%, transparent 70%); pointer-events: none; }
.hero-eyebrow { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: var(--rojo); margin-bottom: 12px; }
.hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(44px, 9vw, 84px); line-height: .95; letter-spacing: 3px; margin-bottom: 8px; }
.hero h1 .r { color: var(--rv); } .hero h1 .d { color: var(--dorado); }
.hero-sub { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(14px, 3vw, 21px); letter-spacing: 2px; text-transform: uppercase; color: var(--gris); margin-bottom: 16px; }
.hero-desc { max-width: 620px; margin: 0 auto 28px; font-size: 15px; color: #aaa; line-height: 1.75; }
.hero-desc strong { color: var(--blanco); }
.seo-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-bottom: 28px; }
.seo-pill { background: rgba(255,255,255,.04); border: 1px solid var(--borde); padding: 5px 13px; border-radius: 20px; font-size: 14px; font-family: 'Barlow Condensed', sans-serif; letter-spacing: 1px; color: #d2cece; transition: all .2s; }
.seo-pill:hover { border-color: var(--rojo); color: var(--blanco); }
.ctas { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.btn { display: inline-flex; align-items: center; gap: 7px; padding: 11px 20px; border-radius: 4px; font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; transition: all .22s; }
.btn-k  { background: var(--rojo); color: #fff; border: 2px solid var(--rojo); }
.btn-k:hover  { background: var(--rv); border-color: var(--rv); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(255,32,32,.3); }
.btn-t  { background: transparent; color: var(--rosa);  border: 2px solid var(--rosa); }
.btn-t:hover  { background: rgba(255,45,120,.1); transform: translateY(-2px); }
.btn-m  { background: transparent; color: var(--dorado); border: 2px solid var(--dorado); }
.btn-m:hover  { background: rgba(212,160,23,.1); transform: translateY(-2px); }
.btn-ma { background: transparent; color: #80aaff;   border: 2px solid var(--azul); }
.btn-ma:hover { background: rgba(45,120,255,.1); transform: translateY(-2px); }

/* ── SECCIÓN PÁGINA (hero de sección) ── */
.page-hero { padding: 28px 20px 22px; text-align: center; border-bottom: 1px solid var(--borde); position: relative; overflow: hidden; }
.ph-escorts   { background: linear-gradient(180deg, #150000 0%, var(--oscuro) 100%); }
.ph-trans     { background: linear-gradient(180deg, #150020 0%, var(--oscuro) 100%); }
.ph-masajes   { background: linear-gradient(180deg, #151000 0%, var(--oscuro) 100%); }
.ph-masculinos{ background: linear-gradient(180deg, #001020 0%, var(--oscuro) 100%); }
.page-hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(32px, 6vw, 58px); letter-spacing: 3px; line-height: 1; margin-bottom: 6px; }
.page-hero .ph-sub { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: var(--gris); }

/* Breadcrumb */
.breadcrumb { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; letter-spacing: 1px; color: #c6c6c6; padding: 9px 20px; background: #0c0c0c; border-bottom: 1px solid var(--borde); max-width: 100%; overflow-x: auto; white-space: nowrap; }
.breadcrumb a { color: #c6c6c6; } .breadcrumb a:hover { color: var(--rv); }
.breadcrumb span { color: #2a2a2a; margin: 0 5px; }

/* ── FILTROS ── */
.filtros-wrap { background: #0d0d0d; border-bottom: 1px solid var(--borde); padding: 11px 20px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.filtros { display: flex; gap: 7px; max-width: 1200px; margin: 0 auto; flex-wrap: wrap; }
.fpill { padding: 5px 14px; border-radius: 20px; font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .8px; border: 1px solid var(--borde); color: #979191; background: var(--card); transition: all .18s; white-space: nowrap; cursor: pointer; }
.fpill:hover, .fpill.on { color: var(--blanco); }
.sec-escorts  .fpill:hover, .sec-escorts  .fpill.on { border-color: var(--rv);    background: rgba(255,32,32,.08); }
.sec-trans    .fpill:hover, .sec-trans    .fpill.on { border-color: var(--rosa);  background: rgba(255,45,120,.08); }
.sec-masajes  .fpill:hover, .sec-masajes  .fpill.on { border-color: var(--dorado);background: rgba(212,160,23,.08); }
.sec-masculinos.fpill:hover,.sec-masculinos.fpill.on{ border-color: var(--azul);  background: rgba(45,120,255,.08); }

/* ── ADS GRID ── */
.section-anuncios { padding: 22px 20px 48px; max-width: 1280px; margin: 0 auto; }
.ads-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; font-family: 'Barlow Condensed', sans-serif; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
.ads-count { color: var(--gris); } .ads-count strong { color: var(--blanco); }
.ads-orden { color: #333; font-size: 11px; }
.ads-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); gap: 13px; }

/* ── AD CARD ── */
.ad-card { background: var(--card); border: 1px solid var(--borde); border-radius: 6px; overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s; display: flex; flex-direction: column; position: relative; }
.ad-card:hover { transform: translateY(-4px); }
.ad-escorts:hover    { border-color: rgba(255,32,32,.4);  box-shadow: 0 12px 32px rgba(255,32,32,.12); }
.ad-trans:hover      { border-color: rgba(255,45,120,.4); box-shadow: 0 12px 32px rgba(255,45,120,.12); }
.ad-masajes:hover    { border-color: rgba(212,160,23,.4); box-shadow: 0 12px 32px rgba(212,160,23,.12); }
.ad-masculinos:hover { border-color: rgba(45,120,255,.4); box-shadow: 0 12px 32px rgba(45,120,255,.12); }
.ad-vip  { border-color: var(--dorado) !important; }
.ad-vip:hover { box-shadow: 0 12px 32px rgba(212,160,23,.22) !important; }
.ad-dest { border-color: var(--rv) !important; }
.ad-dest:hover { box-shadow: 0 12px 32px rgba(255,32,32,.22) !important; }


/* Link overlay */
.ad-card-link { position: absolute; inset: 0; z-index: 1; }

/* Badges */
.badge-vip   { position: absolute; top: 9px; left: 9px; background: linear-gradient(135deg, var(--dorado), var(--d2)); color: #000; font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; padding: 2px 8px; border-radius: 2px; text-transform: uppercase; z-index: 2; }
.badge-dest  { position: absolute; top: 9px; left: 9px; background: rgba(204,0,0,.85); color: #fff; font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1px; padding: 2px 8px; border-radius: 2px; z-index: 2; }
.badge-nuevo { position: absolute; top: 9px; right: 9px; background: rgba(0,180,60,.85); color: #fff; font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 1px; padding: 2px 7px; border-radius: 2px; z-index: 2; }
.badge-verif { position: absolute; bottom: 9px; right: 9px; background: rgba(22,163,74,.88); color: #fff; font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 2px; z-index: 2; }
.badge-disp  { position: absolute; bottom: 9px; left: 9px; background: rgba(0,180,60,.75); color: #fff; font-family: 'Barlow Condensed', sans-serif; font-size: 10px; letter-spacing: 1px; padding: 2px 7px; border-radius: 2px; z-index: 2; }

/* Foto */
.ad-foto-wrap { position: relative; aspect-ratio: 3/4; overflow: hidden; background: #0d0d0d; }
.ad-foto-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.ad-card:hover .ad-foto-wrap img { transform: scale(1.05); }
.ad-foto-ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 44px; }

/* Info */
.ad-info { padding: 10px 12px 12px; flex: 1; display: flex; flex-direction: column; }
.ad-nombre { font-family: 'Barlow Condensed', sans-serif; font-size: 19px; font-weight: 700; letter-spacing: .5px; margin-bottom: 3px; }
.ad-loc { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 6px; }
.ad-loc-escorts    { color: var(--rv); }
.ad-loc-trans      { color: var(--rosa); }
.ad-loc-masajes    { color: var(--dorado); }
.ad-loc-masculinos { color: var(--azul); }
.ad-meta { display: flex; gap: 8px; font-size: 11px; color: #555; font-family: 'Barlow Condensed', sans-serif; letter-spacing: .5px; margin-bottom: 7px; flex-wrap: wrap; }
.ad-precio { margin-top: auto; font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 700; color: var(--verde); letter-spacing: 1px; }
.ad-precio.precio-cons { color: var(--dorado); }

/* ── PAGINADOR ── */
.paginador { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; padding: 28px 20px; }
.pag-btn, .pag-num { padding: 7px 14px; border: 1px solid var(--borde); border-radius: 3px; font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1px; color: #666; background: var(--card); transition: all .18s; }
.pag-num.active, .pag-btn:hover, .pag-num:hover { border-color: var(--rv); color: var(--blanco); background: rgba(204,0,0,.08); }

/* ── PERFIL ── */
.perfil-wrap { max-width: 1060px; margin: 0 auto; padding: 24px 20px 56px; display: grid; grid-template-columns: 1fr 320px; gap: 24px; align-items: start; }
.perfil-galeria { }
.perfil-foto-main { width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: 6px; border: 1px solid var(--borde); }
.perfil-foto-ph { width: 100%; aspect-ratio: 3/4; background: #111; border-radius: 6px; border: 1px solid var(--borde); display: flex; align-items: center; justify-content: center; font-size: 80px; }
.perfil-thumbs { display: flex; gap: 7px; margin-top: 9px; flex-wrap: wrap; }
.perfil-thumbs img { width: 78px; height: 78px; object-fit: cover; border-radius: 4px; border: 1px solid var(--borde); cursor: pointer; transition: border-color .2s; }
.perfil-thumbs img:hover { border-color: var(--rv); }
.perfil-seo-txt { margin-top: 16px; padding: 14px; background: var(--card); border: 1px solid var(--borde); border-radius: 6px; }
.perfil-seo-txt h2 { font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 2px; color: var(--gris); margin-bottom: 5px; }
.perfil-seo-txt p { font-size: 13px; color: #444; line-height: 1.7; }

/* Aside perfil */
.perfil-aside { position: sticky; top: 68px; }
.perfil-premium-banner { background: linear-gradient(135deg, rgba(212,160,23,.12), rgba(240,192,64,.06)); border: 1px solid var(--dorado); border-radius: 5px; padding: 10px 14px; font-family: 'Barlow Condensed', sans-serif; font-size: 13px; color: var(--d2); letter-spacing: 1px; margin-bottom: 14px; }
.perfil-nombre { font-family: 'Bebas Neue', sans-serif; font-size: 46px; letter-spacing: 2px; line-height: 1; margin-bottom: 4px; }
.perfil-badge-tipo { display: inline-block; background: rgba(155,89,182,.15); border: 1px solid var(--morado); color: var(--morado); font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2px; padding: 3px 10px; border-radius: 2px; text-transform: uppercase; margin-bottom: 12px; }
.perfil-subtitulo { font-size: 13px; color: var(--gris); margin-bottom: 16px; line-height: 1.6; }
.perfil-tel { font-family: 'Bebas Neue', sans-serif; font-size: 32px; letter-spacing: 3px; color: var(--blanco); margin-bottom: 11px; }
.btns-contacto { display: flex; gap: 9px; margin-bottom: 18px; }
.btn-tel, .btn-wa, .btn-tg { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px; border-radius: 4px; font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; transition: all .2s; }
.btn-tel { background: var(--rojo); color: #fff; } .btn-tel:hover { background: var(--rv); }
.btn-wa  { background: #25D366; color: #fff; } .btn-wa:hover { filter: brightness(1.1); }
.btn-tg  { background: #2ca5e0; color: #fff; } .btn-tg:hover { filter: brightness(1.1); }
.perfil-datos { background: var(--card); border: 1px solid var(--borde); border-radius: 5px; overflow: hidden; margin-bottom: 14px; }
.dato-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 14px; border-bottom: 1px solid #1a1a1a; font-size: 13px; }
.dato-row:last-child { border-bottom: none; }
.dato-label { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: var(--gris); }
.dato-valor { font-weight: 500; color: var(--blanco); }
.dato-valor.precio-v { color: var(--verde); font-family: 'Barlow Condensed'; font-size: 16px; font-weight: 700; }
.dato-valor.precio-c { color: var(--dorado); font-family: 'Barlow Condensed'; font-size: 16px; font-weight: 700; }
.perfil-servicios { margin-bottom: 14px; }
.servicios-tit { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--gris); margin-bottom: 7px; }
.servicios-list { display: flex; flex-wrap: wrap; gap: 5px; }
.serv-tag { background: rgba(255,255,255,.05); border: 1px solid var(--borde); padding: 3px 10px; border-radius: 12px; font-size: 11px; font-family: 'Barlow Condensed', sans-serif; letter-spacing: .5px; color: #aaa; }
.perfil-desc-box { background: var(--card); border: 1px solid var(--borde); border-radius: 5px; padding: 14px; margin-bottom: 14px; }
.perfil-desc-box h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--gris); margin-bottom: 7px; }
.perfil-desc-box p { font-size: 13px; color: #aaa; line-height: 1.8; }
.tarifas-box { background: var(--card); border: 1px solid var(--borde); border-radius: 5px; overflow: hidden; margin-bottom: 14px; }
.tarifa-row { display: flex; justify-content: space-between; padding: 7px 14px; border-bottom: 1px solid #1a1a1a; font-family: 'Barlow Condensed', sans-serif; font-size: 14px; }
.tarifa-row:last-child { border-bottom: none; }
.tarifa-tiem { color: #666; letter-spacing: 1px; }
.tarifa-prec { color: var(--verde); font-weight: 700; }

/* ── SEO TEXT BLOCK ── */
.seo-blk { background: #0a0a0a; border-top: 1px solid #1c1c1c; padding: 42px 20px; }
.seo-in { max-width: 840px; margin: 0 auto; }
.seo-in h2 { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 2px; color: var(--rojo); margin-bottom: 10px; }
.seo-in h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 600; color: var(--dorado); margin: 18px 0 5px; letter-spacing: 1px; text-transform: uppercase; }
.seo-in p { font-size: 14px; color: #979191; line-height: 1.85; margin-bottom: 6px; }
.seo-in a { color: #5a5a5a; } .seo-in a:hover { color: var(--rv); }

/* FAQ */
.faq-blk { max-width: 840px; margin: 24px auto 0; }
.faq-item { border-bottom: 1px solid #1c1c1c; padding: 14px 0; }
.faq-q { font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 700; color: #d2cece; letter-spacing: .5px; margin-bottom: 6px; }
.faq-a { font-size: 13px; color: #444; line-height: 1.7; }

/* ── FOOTER ── */
footer { background: #000; border-top: 2px solid var(--rojo); padding: 28px 20px 20px; }
.foot-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 1100px; margin: 0 auto 24px; }
.foot-col { display: flex; flex-direction: column; gap: 6px; }
.foot-col-title { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #444; margin-bottom: 4px; }
.foot-col a { font-size: 13px; color: #d2cece; transition: color .18s; font-family: 'Barlow Condensed', sans-serif; letter-spacing: .5px; }
.foot-col a:hover { color: var(--rv); }
.foot-bottom { border-top: 1px solid #111; padding-top: 18px; text-align: center; }
.foot-seo-links { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; margin-bottom: 10px; }
.foot-seo-links a { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: #2a2a2a; transition: color .18s; }
.foot-seo-links a:hover { color: var(--rv); }
.foot-legal { font-size: 11px; color: #1e1e1e; }

/* ── PAGINADOR ── */
.paginador { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; padding: 28px 20px; }
.pag-btn, .pag-num { padding: 7px 14px; border: 1px solid var(--borde); border-radius: 3px; font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1px; color: #666; background: var(--card); transition: all .18s; }
.pag-num.active, .pag-btn:hover, .pag-num:hover { border-color: var(--rv); color: var(--blanco); background: rgba(204,0,0,.08); }

/* ── SIN RESULTADOS ── */
.sin-resultados { padding: 40px 20px; text-align: center; color: #444; font-family: 'Barlow Condensed', sans-serif; font-size: 15px; letter-spacing: 1px; }

/* ── ANIMACIONES ── */
@keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.hero > * { animation: fadeUp .5s ease both; }
.hero-eyebrow { animation-delay: .08s; } .hero h1 { animation-delay: .16s; }
.hero-sub { animation-delay: .22s; } .hero-desc { animation-delay: .28s; }
.seo-pills { animation-delay: .33s; } .ctas { animation-delay: .38s; }

/* ── RESPONSIVE ── */
@media (max-width: 1024px) { .foot-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px)  { .perfil-wrap { grid-template-columns: 1fr; } .perfil-aside { position: static; } }
@media (max-width: 640px)  {
    .nav-cat a { padding: 11px 14px; font-size: 12px; }
    .badges { gap: 10px; } .badge { font-size: 11px; }
    .btn { padding: 10px 14px; font-size: 13px; }
    .ads-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px)  {
    .hero { padding: 32px 14px 28px; }
    .foot-grid { grid-template-columns: 1fr; gap: 16px; }
    /*.foot-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }*/
}
@media (max-width: 480px)  { .ads-grid { grid-template-columns: 1fr; } }