/*
Theme Name: Bolsas Publicitarias Valencia Blog
Theme URI: https://bolsaspublicitariasvalencia.com/
Author: Grupo Servimark S.L.
Description: Tema ligero para el blog de Bolsas Publicitarias Valencia.
Version: 1.0.0
Text Domain: bpv-blog
*/
:root{--black:#111;--yellow:#f0c400;--gray:#666;--light:#f7f7f7;--border:#e6e6e6;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--black);line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}.container{width:min(var(--max),92%);margin:0 auto}
.topbar{background:var(--black);color:#fff;border-bottom:3px solid var(--yellow);position:sticky;top:0;z-index:30}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0;min-height:102px}.brand img{height:76px;width:auto;max-width:100%;object-fit:contain}.navlinks{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:flex-end}.navlinks ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}.navlinks a{font-size:15px;font-weight:700}.navlinks a:hover{color:var(--yellow)}.nav-cta{background:var(--yellow);color:#111!important;padding:12px 18px;border-radius:999px}.scroll-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#303030;overflow:hidden}.scroll-progress span{display:block;width:100%;height:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left center}
.page-hero{background:#fff;padding:54px 0 34px;border-bottom:1px solid var(--border)}.eyebrow{color:#c39e00;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;font-size:12px;margin-bottom:10px}.page-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.04;margin:0 auto 14px;max-width:920px}.page-hero p{font-size:19px;color:var(--gray);max-width:780px;margin:0 auto}.center{text-align:center}
.section{padding:64px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:.2s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.08)}.blog-card-media{aspect-ratio:16/10;background:var(--yellow);display:flex;align-items:center;justify-content:center;padding:28px;overflow:hidden}.blog-card-media img{width:100%;height:100%;object-fit:contain;max-height:230px}.blog-card-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}.tag{display:inline-flex;align-self:flex-start;background:#111;color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.blog-card h2{font-size:23px;line-height:1.15;margin:0}.blog-card p{margin:0;color:var(--gray)}.read-more{font-weight:800;margin-top:auto;padding-top:12px}.read-more:hover{color:#b28e00}
.article{max-width:860px;margin:0 auto}.breadcrumb{font-size:13px;color:#777;margin-bottom:18px}.article h1{font-size:clamp(36px,5vw,58px);line-height:1.06;margin:0 0 12px}.article-meta{color:#777;font-size:14px;margin-bottom:28px}.article-featured{width:100%;max-height:520px;object-fit:cover;border-radius:18px;margin:0 0 32px}.article-content{font-size:18px}.article-content h2{font-size:32px;line-height:1.15;margin:42px 0 12px}.article-content h3{font-size:24px;margin:30px 0 10px}.article-content p{margin:0 0 18px}.article-content img{border-radius:14px;margin:24px 0}.article-content a{color:#9c7d00;text-decoration:underline}.article-content ul,.article-content ol{padding-left:24px}.article-content blockquote{border-left:5px solid var(--yellow);margin:28px 0;padding:12px 20px;background:var(--light)}
.footer{background:#0a0a0a;color:#fff;padding:44px 0 22px;margin-top:20px}.footer-grid{display:grid;grid-template-columns:1.3fr .9fr 1.1fr;gap:28px}.footer-logo img{height:84px;width:auto;margin-bottom:10px}.footer a{display:block;margin:8px 0;color:#ddd}.footer a:hover{color:var(--yellow)}.footer p{color:#bbb}.footer small{color:#aaa}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:35;width:62px;height:62px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.25);transition:.2s}.whatsapp:hover{transform:translateY(-3px) scale(1.05)}.whatsapp img{width:38px;height:38px}
@media(max-width:900px){.nav{min-height:84px}.brand img{height:62px}.navlinks{display:none}.blog-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.section{padding:48px 0}.blog-grid,.footer-grid{grid-template-columns:1fr}.page-hero h1{font-size:40px}.article-content{font-size:17px}.whatsapp{right:14px;bottom:14px;width:54px;height:54px}.whatsapp img{width:33px;height:33px}}