/* Promo "Prueba gratis 7 días" — franja superior + ventana única por visitante.
   Colores planos del sitio (sin degradados). */
.pp-bar{
  position:relative;z-index:60;
  display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
  padding:10px 16px;
  background:#62ff00;color:#050505;
  font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:700;line-height:1.3;
  text-align:center;
}
.pp-bar strong{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.pp-bar-btn{
  display:inline-flex;align-items:center;gap:6px;
  background:#050505;color:#fff;border:0;border-radius:999px;
  padding:7px 15px;font:800 12px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;
  cursor:pointer;white-space:nowrap;
}
.pp-bar-btn:hover{background:#ff0a82}
.pp-bar-btn:focus-visible,.pp-close:focus-visible,.pp-cta:focus-visible,.pp-later:focus-visible{outline:3px solid #1ecdf3;outline-offset:3px}

.pp-overlay{
  position:fixed;inset:0;z-index:1000;
  display:flex;align-items:center;justify-content:center;
  padding:16px;background:rgba(0,0,0,.78);
  opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;
}
.pp-overlay.pp-open{opacity:1;visibility:visible}
.pp-modal{
  position:relative;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;
  background:#0b0b0d;color:#f7f7f7;
  border:1px solid #232329;border-top:6px solid #62ff00;border-radius:14px;
  padding:34px 30px 26px;
  font-family:Inter,system-ui,sans-serif;
  transform:translateY(14px);transition:transform .22s ease;
}
.pp-open .pp-modal{transform:none}
.pp-modal:focus{outline:none}
.pp-close{
  position:absolute;top:12px;right:12px;width:38px;height:38px;
  display:grid;place-items:center;
  background:#101014;color:#d7d7dc;border:1px solid #232329;border-radius:50%;
  font-size:20px;line-height:1;cursor:pointer;
}
.pp-close:hover{color:#fff;border-color:#62ff00}
.pp-badge{
  display:inline-block;margin-bottom:16px;
  background:#ff0a82;color:#fff;border-radius:6px;
  padding:6px 11px;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
}
.pp-modal h2{
  margin:0 0 12px;
  font-family:"Space Grotesk",Inter,sans-serif;font-size:32px;line-height:1.05;font-weight:700;
}
.pp-modal h2 span{color:#62ff00}
.pp-lead{margin:0 0 20px;color:#c9c9d0;font-size:15.5px;line-height:1.55}
.pp-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.pp-list li{display:flex;gap:11px;align-items:flex-start;font-size:15px;font-weight:600;line-height:1.4}
.pp-list li:before{
  content:"✓";flex:0 0 22px;height:22px;display:grid;place-items:center;
  background:#62ff00;color:#050505;border-radius:50%;font-size:13px;font-weight:900;
}
.pp-cta{
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
  background:#25d366;color:#050505;border-radius:10px;
  padding:16px 18px;font-size:16px;font-weight:900;letter-spacing:.02em;
  text-decoration:none;
}
.pp-cta:hover{background:#62ff00}
.pp-cta svg{width:22px;height:22px;flex:0 0 22px}
.pp-later{
  display:block;margin:12px auto 0;background:none;border:0;
  color:#9b9ba4;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;
}
.pp-later:hover{color:#fff}
.pp-fine{margin:18px 0 0;padding-top:14px;border-top:1px solid #232329;color:#818188;font-size:12.5px;line-height:1.5;text-align:center}

@media (max-width:560px){
  .pp-bar{font-size:13px;gap:8px;padding:9px 12px}
  .pp-modal{padding:30px 20px 22px}
  .pp-modal h2{font-size:26px}
  .pp-cta{font-size:15px;padding:15px 12px;gap:8px}
  .pp-cta svg{width:20px;height:20px;flex-basis:20px}
}
@media (prefers-reduced-motion:reduce){
  .pp-overlay,.pp-modal{transition:none}
}