/* Performance Media — shared chrome (sticky nav + footer)
   Tokens / typography match Home (Poppins). */

:root{
  --pm-nav-h: 84px;
  --red:#E62F29; --red2:#C0211C; --ink:#141414; --ink2:#1C1C1C;
  --cream:#EFEAE5; --soft:#F6F2ED; --paper:#FFFFFF; --text:#1A1A1A;
  --muted:#6E6E6E; --line:#E3DCD3; --on-dark:#EFEAE5; --muted-dark:#A39A8F;
}

html{ scroll-padding-top: calc(var(--pm-nav-h) + 12px); }

/* Sticky spacer only when Home/secondary fixed header is present */
body.pm-has-chrome{
  font-family:'Poppins','Liberation Sans',sans-serif;
}
body.pm-has-chrome:not(.pm-auditoria):not(.pm-chatgpt-ads){
  padding-top:var(--pm-nav-h);
}
body.pm-has-chrome.pm-menu-open{ overflow:hidden; }
body.pm-auditoria.pm-has-chrome{ background:var(--ink); }

.pm-site-header{
  position:fixed; top:0; left:0; right:0; z-index:1000;
  background:#141414;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.pm-site-header .wrap{
  max-width:1180px; margin:0 auto; padding:0 40px;
}
.pm-site-header .nav{
  position:relative; z-index:3;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 0; min-height:var(--pm-nav-h); box-sizing:border-box;
}
.pm-site-header .brand{
  display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; min-width:0;
}
.pm-site-header .brand .ic{
  width:32px; height:32px; flex:0 0 32px;
  background:var(--logo-white, none) center/contain no-repeat; display:block;
}
.pm-site-header .brand .wm{ font-size:20px; font-weight:600; color:#fff; }
.pm-site-header .brand .wm span{ color:var(--muted-dark); font-weight:500; }

.pm-site-header .links{ display:flex; gap:24px; align-items:center; }
.pm-site-header .links a{
  color:#D8D3CB; text-decoration:none; font-size:14.5px; font-weight:500; white-space:nowrap;
}
.pm-site-header .links a:hover{ color:#fff; }
.pm-site-header .links a.nav-new::after{
  content:''; display:inline-block; width:6px; height:6px; border-radius:50%;
  background:var(--red); margin-left:6px; vertical-align:middle;
}

.pm-site-header .nav-right{ display:flex; align-items:center; gap:12px; flex-shrink:0; }
.pm-site-header .lang{
  color:#D8D3CB; text-decoration:none; font-size:13px; font-weight:600; letter-spacing:.08em;
  border:1px solid rgba(255,255,255,.22); padding:9px 10px; border-radius:9px;
}
.pm-site-header .lang:hover{ color:#fff; border-color:rgba(255,255,255,.45); }
.pm-site-header .navcta{
  background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff;
  padding:11px 20px; border-radius:10px; font-size:14px; font-weight:600; text-decoration:none; white-space:nowrap;
}

.pm-site-header .nav-hamburger{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:32px; height:32px; background:none; border:none; cursor:pointer; padding:0;
}
.pm-site-header .nav-hamburger span{
  width:100%; height:2px; background:#fff; border-radius:2px; transition:transform .2s, opacity .2s;
}
.pm-site-header .nav-hamburger[aria-expanded="true"] span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
.pm-site-header .nav-hamburger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.pm-site-header .nav-hamburger[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

.pm-site-header .mobile-menu{
  display:none; flex-direction:column; gap:18px;
  padding:8px 0 22px; border-top:1px solid rgba(255,255,255,.1);
}
.pm-site-header .mobile-menu.open{ display:flex; }
.pm-site-header .mobile-menu.open[hidden]{ display:flex !important; }
.pm-site-header .mobile-menu[hidden]:not(.open){ display:none !important; }
.pm-site-header .mobile-menu a{
  color:#D8D3CB; text-decoration:none; font-size:15px; font-weight:500;
}
.pm-site-header .mobile-menu a:hover{ color:#fff; }
.pm-site-header .mobile-menu .navcta{
  display:inline-flex; align-self:flex-start; margin-top:4px;
}

/* Footer */
.pm-site-footer{
  background:#0E0E0E; color:var(--muted-dark); padding:50px 0;
}
.pm-site-footer .wrap{ max-width:1180px; margin:0 auto; padding:0 40px; }
.pm-site-footer .foot{
  display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;
}
.pm-site-footer .brand{
  display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit;
}
.pm-site-footer .brand .ic{
  width:26px; height:26px; flex:0 0 26px;
  background:var(--logo-white, none) center/contain no-repeat; display:block;
}
.pm-site-footer .brand .wm{ font-size:19px; font-weight:600; color:#fff; }
.pm-site-footer .brand .wm span{ color:var(--muted-dark); font-weight:500; }
.pm-site-footer .podcast{
  display:inline-flex; align-items:center; gap:11px; text-decoration:none; color:#fff; font-size:15px;
}
.pm-site-footer .podcast .pod-ic{
  width:28px; height:28px; border-radius:50%;
  background:linear-gradient(135deg,var(--red),var(--red2));
  display:inline-flex; align-items:center; justify-content:center; font-size:12px; flex:0 0 28px;
}
.pm-site-footer .podcast b{ font-weight:700; }
.pm-site-footer .foot-links{ margin-top:26px; }
.pm-site-footer .foot-links .fl{ display:flex; gap:26px; flex-wrap:wrap; }
.pm-site-footer .foot-links .fl a{
  color:var(--muted-dark); text-decoration:none; font-size:14px;
}
.pm-site-footer .foot-links .fl a:hover{ color:#fff; }
.pm-site-footer .copy{
  margin-top:30px; padding-top:20px; border-top:1px solid rgba(255,255,255,.08);
  font-size:12.5px; color:#7A7268;
}

/* Secondary (Elementor) pages — shell only */
body.pm-secondary{
  background:var(--paper); color:var(--text);
  -webkit-font-smoothing:antialiased;
}
body.pm-secondary .site-header,
body.pm-secondary header.site-header,
body.pm-secondary #site-header,
body.pm-secondary .elementor-location-header,
body.pm-secondary footer.site-footer,
body.pm-secondary #site-footer,
body.pm-secondary .elementor-location-footer{
  display:none !important;
}

/* Landings: auditoria uses in-flow topbar; chatgpt-ads nav lives in hero */
body.pm-home .hero{
  padding-top:8px;
}
body.pm-chatgpt-ads .hero{
  padding-top:0;
}
body.pm-auditoria .stage{
  padding-top:0;
}

@media (max-width:1099px){
  .pm-site-header .links{ display:none; }
  .pm-site-header .nav-hamburger{ display:flex; }
  .pm-site-header .wrap{ padding:0 24px; }
  .pm-site-footer .wrap{ padding:0 24px; }
}
@media (max-width:620px){
  .pm-site-header .navcta{ display:none; }
  .pm-site-header .brand .wm{ font-size:18px; }
  .pm-site-header .wrap,
  .pm-site-footer .wrap{ padding:0 20px; }
  .pm-site-footer .foot{ flex-direction:column; align-items:flex-start; }
  :root{ --pm-nav-h: 72px; }
}