/* PlaneaFacil 2.0 — Paso 16: navegación pública */
.pf-header{position:relative;z-index:1000;background:#fff;border-bottom:1px solid #e4e7ec}
.pf-header-inner{width:min(1240px,calc(100% - 40px));min-height:76px;margin:auto;display:flex;align-items:center;gap:28px}
.pf-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#101828;flex:0 0 auto}
.pf-brand-mark{width:38px;height:38px;border-radius:10px;background:#101828;color:#fff;display:grid;place-items:center;font-weight:900;font-size:.8rem;letter-spacing:-.02em}
.pf-brand-copy{display:flex;flex-direction:column;line-height:1.05}.pf-brand-copy strong{font-size:1.02rem;letter-spacing:-.025em}.pf-brand-copy small{font-size:.66rem;color:#667085;margin-top:4px}
.pf-navigation-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1;min-width:0}
.pf-navigation{display:flex;align-items:center;gap:4px}.pf-navigation>a,.pf-nav-dropdown>button{appearance:none;border:0;background:transparent;color:#344054;text-decoration:none;font:inherit;font-size:.86rem;font-weight:750;padding:10px 11px;border-radius:8px;cursor:pointer}.pf-navigation>a:hover,.pf-nav-dropdown>button:hover,.pf-navigation>a:focus-visible,.pf-nav-dropdown>button:focus-visible{background:#f2f4f7;color:#101828;outline:none}
.pf-nav-dropdown{position:relative}.pf-nav-dropdown>button{display:flex;align-items:center;gap:5px}.pf-nav-dropdown>button span{font-size:.9rem;transition:transform .15s ease}.pf-nav-dropdown.is-open>button span{transform:rotate(180deg)}
.pf-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;width:220px;padding:8px;background:#fff;border:1px solid #e4e7ec;border-radius:12px;box-shadow:0 18px 40px rgba(16,24,40,.12);display:none}.pf-nav-dropdown.is-open>.pf-dropdown-panel{display:grid}.pf-dropdown-panel a{padding:10px 11px;border-radius:7px;text-decoration:none;color:#344054;font-size:.83rem;font-weight:650}.pf-dropdown-panel a:hover,.pf-dropdown-panel a:focus-visible{background:#f2f4f7;color:#101828;outline:none}.pf-dropdown-categories{width:270px;max-height:420px;overflow:auto}
.pf-header-search{display:flex;align-items:center;gap:7px;flex:0 1 330px}.pf-header-search label{flex:1}.pf-header-search input{width:100%;min-width:120px;border:1px solid #d0d5dd;border-radius:9px;padding:10px 11px;background:#fff;color:#101828;font:inherit;font-size:.82rem;outline:none}.pf-header-search input:focus{border-color:#98a2b3;box-shadow:0 0 0 3px rgba(152,162,179,.14)}.pf-header-search button{border:0;border-radius:9px;background:#101828;color:#fff;padding:10px 13px;font:inherit;font-size:.8rem;font-weight:800;cursor:pointer}
.pf-menu-toggle{display:none;width:42px;height:42px;margin-left:auto;border:1px solid #d0d5dd;border-radius:9px;background:#fff;padding:10px;cursor:pointer}.pf-menu-toggle span{display:block;height:2px;background:#344054;margin:4px 0;border-radius:2px}
.pf-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:980px){.pf-header-inner{min-height:68px}.pf-menu-toggle{display:block}.pf-navigation-wrap{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #e4e7ec;box-shadow:0 16px 30px rgba(16,24,40,.08);padding:14px max(20px,calc((100vw - 1240px)/2));display:none;align-items:stretch;flex-direction:column;gap:12px}.pf-navigation-wrap.is-open{display:flex}.pf-navigation{align-items:stretch;flex-direction:column}.pf-navigation>a,.pf-nav-dropdown>button{width:100%;text-align:left;justify-content:space-between;padding:11px 10px}.pf-nav-dropdown{width:100%}.pf-dropdown-panel,.pf-dropdown-categories{position:static;width:100%;max-height:none;margin-top:3px;border:0;border-left:2px solid #eaecf0;border-radius:0;box-shadow:none;padding:3px 0 3px 10px}.pf-header-search{flex:0 0 auto;width:100%;padding-top:11px;border-top:1px solid #eaecf0}}
@media(max-width:560px){.pf-header-inner{width:calc(100% - 28px)}.pf-brand-copy small{display:none}.pf-header-search{align-items:stretch;flex-direction:column}.pf-header-search button{width:100%}}
