:root{--ink:#153538;--muted:#60777a;--brand:#12a9a2;--brand2:#dff7f4;--line:#dcebea;--paper:#ffffff;--bg:#f4fbfa;--warm:#fff8e4;--shadow:0 12px 34px rgba(27,84,87,.10)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#fff,var(--bg));color:var(--ink);line-height:1.55}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.top{position:sticky;top:0;z-index:5;background:#ffffffee;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topin{height:72px;display:flex;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:900}.brand img{width:44px;height:44px;border-radius:12px}.brand small{display:block;color:var(--muted);font-weight:650;font-size:12px}.toplinks{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.toplinks a,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:14px;padding:10px 14px;font-weight:850}.toplinks a{color:var(--ink)}.btn{background:var(--brand);color:white}.heroimg{margin:26px auto 0;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.heroimg img{width:100%;display:block}.intro{padding:40px 0 20px}.eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--brand2);color:#087b76;font-size:13px;font-weight:900}.intro h1{font-size:clamp(34px,6vw,64px);line-height:1.02;letter-spacing:-.03em;margin:16px 0}.intro p{font-size:clamp(17px,2.2vw,21px);color:var(--muted);max-width:820px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 38px}.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 24px rgba(27,84,87,.06)}.card h2,.card h3{margin-top:0}.card p{color:var(--muted)}.content{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.content h2{font-size:28px}.content p,.content li{color:#486467}.keywords{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.keywords a{padding:8px 11px;background:#f2f8f7;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-weight:750;text-decoration:none}.cta{margin:30px 0;background:linear-gradient(135deg,var(--brand2),var(--warm));border:1px solid var(--line);border-radius:24px;padding:26px;display:flex;align-items:center;gap:18px}.cta div{flex:1}.cta h2{margin:0 0 4px}.footer{padding:28px 0 46px;color:var(--muted);font-size:13px}.footerlinks{display:flex;gap:12px;flex-wrap:wrap}.footer a{color:inherit}.crumbs{padding-top:22px;font-size:13px;color:var(--muted)}.crumbs a{color:inherit}@media(max-width:760px){.toplinks a:not(.btn){display:none}.grid{grid-template-columns:1fr}.intro{padding-top:28px}.content{padding:20px}.cta{align-items:flex-start;flex-direction:column}.heroimg{border-radius:18px}}


/* V22 NAV 22/08/2026 · navegación real sobre el banner de las landings SEO.
   No cambia títulos, H1, canonical ni metadatos SEO. */
.landing-hero-interactive{position:relative;max-width:960px}
.landing-hero-interactive img{width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;background:#fff}
.hero-hotspot{position:absolute;display:block;background:transparent;border-radius:12px;-webkit-tap-highlight-color:transparent}
.hero-hotspot:focus-visible{outline:3px solid #1677ff;outline-offset:1px}
@media(hover:hover){.hero-hotspot:hover{background:rgba(22,119,255,.055)}}
.hero-hotspot-publish{left:3.05%;top:61.4%;width:15.1%;height:10.1%}
.hero-hotspot-vivienda,.hero-hotspot-coches,.hero-hotspot-motos,.hero-hotspot-electronica,.hero-hotspot-hogar,.hero-hotspot-mas{top:78.6%;height:14.7%}
.hero-hotspot-vivienda{left:6.3%;width:13.6%}
.hero-hotspot-coches{left:19.9%;width:14.3%}
.hero-hotspot-motos{left:34.2%;width:14.7%}
.hero-hotspot-electronica{left:48.9%;width:15.8%}
.hero-hotspot-hogar{left:64.7%;width:14.3%}
.hero-hotspot-mas{left:79%;width:14.7%}
.landing-quicknav{max-width:960px;margin:14px auto 8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.quicknav-card{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:0 6px 18px rgba(27,84,87,.055);min-width:0}
.quicknav-card>span{grid-row:1/3;font-size:21px;line-height:1}
.quicknav-card strong{font-size:14px;line-height:1.15}
.quicknav-card small{font-size:11px;color:var(--muted);line-height:1.15;margin-top:3px}
.quicknav-card.quicknav-vivienda{border-color:#b8e8e3;background:#f5fffd}
.quicknav-card.quicknav-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.quicknav-card.quicknav-primary small{color:#eafffd}
@media(max-width:760px){
  .landing-hero-interactive{max-width:none}
  .hero-hotspot{border-radius:8px}
  .landing-quicknav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
  .quicknav-card{padding:10px 11px;border-radius:14px}
}


/* V28.8 — Landing principal para captar anunciantes, manteniendo /anuncios-gratis/ como URL canónica. */
.landing-note{font-size:14px!important;color:var(--muted)!important;margin-top:16px!important;max-width:760px!important}.publish-benefits .card h3{font-size:18px}.publish-steps{margin:18px 0 0;padding-left:24px;display:grid;gap:13px}.publish-steps li{padding-left:3px}.center-action{margin-top:22px}.publish-categories-section{margin-top:24px}.publish-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:18px}.publish-category-link{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:13px;background:#fff;min-width:0}.publish-category-link:hover{border-color:var(--brand)}.publish-category-link>span{grid-row:1/3;font-size:23px}.publish-category-link strong{font-size:14px;line-height:1.15}.publish-category-link small{font-size:11px;color:var(--muted);margin-top:3px}.keywords span{padding:8px 11px;background:#f2f8f7;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-weight:750}
@media(max-width:760px){.publish-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-category-link{padding:11px}.center-action .btn{width:100%}}
.publish-categories-section + .content{margin-top:24px}