.nav-toggle{display:none;background:0;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:1.2rem;cursor:pointer;padding:6px 12px;border-radius:5px}
.nav-menu{list-style:none;display:flex;gap:0;margin:0;padding:0}
.nav-menu>li{position:relative}
.nav-menu>li>a{display:block;padding:17px 13px;color:#fff;font-size:.875rem;font-weight:600;white-space:nowrap;transition:background .2s;text-decoration:none}
.nav-menu>li>a:hover,.nav-menu>li>a.active{background:rgba(0,0,0,.2);text-decoration:none}
.dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:220px;box-shadow:0 6px 24px rgba(0,0,0,.15);border-radius:0 0 8px 8px;border-top:3px solid #ffd54f;z-index:1000}
.nav-menu>li:last-child>.dropdown{left:auto;right:0}
.nav-menu>li:hover>.dropdown{display:block}
.dropdown li a{display:block;padding:10px 18px;color:#333;font-size:.85rem;border-bottom:1px solid #f0f0f0;transition:background .15s;text-decoration:none}
.dropdown li:last-child a{border-bottom:none}
.dropdown li a:hover{background:#e3f2fd;color:#1565C0;text-decoration:none}
@media(max-width:768px){
.nav-toggle{display:block}
.nav-menu{display:none;position:absolute;top:100%;right:0;width:280px;flex-direction:column;background:#1565C0;box-shadow:0 8px 28px rgba(0,0,0,.25);max-height:80vh;overflow-y:auto}
.nav-menu.open{display:flex}
.nav-menu>li>a{padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.dropdown{position:static;display:block;box-shadow:none;border-top:none;background:rgba(0,0,0,.15);border-radius:0;left:auto;right:auto}
.dropdown li a{color:rgba(255,255,255,.85);padding:8px 8px 8px 34px;background:transparent}
.dropdown li a:hover{background:rgba(0,0,0,.1);color:#fff}
}
header{background:#1565C0;color:#fff;position:sticky;top:0;z-index:999;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.header-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-size:1.5rem;font-weight:800;color:#fff;padding:15px 0;text-decoration:none}
.logo em{color:#ffd54f;font-style:normal}
nav{background:transparent!important;position:static!important;box-shadow:none!important}

/* ── Ocultar breadcrumbs en toda la web ── */
.breadcrumb{display:none!important}

/* ── Hero unificado: mismo aspecto que la homepage ── */
.hero,.cat-hero{background:linear-gradient(135deg,#1565C0 0%,#00897B 100%)!important;color:#fff!important;padding:70px 20px!important;text-align:center!important}
.hero h1,.cat-hero h1{font-size:2.4rem;margin-bottom:16px;text-shadow:0 1px 3px rgba(0,0,0,.2);font-weight:800;line-height:1.2}
.hero p,.hero-inner p,.cat-hero p,.hero-inner>p{font-size:1.1rem;opacity:.93;max-width:640px;margin:0 auto 20px}
.hero-inner{max-width:1100px;margin:0 auto}
/* Badge y meta: píldoras sutiles en lugar de elementos con color propio */
.hero-badge{display:inline-block;background:rgba(255,255,255,.15);color:#fff;padding:6px 18px;border-radius:20px;font-size:.9rem;opacity:.9;font-weight:600}
.hero-meta{justify-content:center;gap:12px;flex-wrap:wrap}
.hero-meta span{background:rgba(255,255,255,.15)!important;color:#fff;padding:4px 14px;border-radius:20px;font-size:.85rem}
@media(max-width:768px){
.hero,.cat-hero{padding:50px 16px!important}
.hero h1,.cat-hero h1{font-size:1.9rem}
}