/* PlanFibra.cl · refinamiento visual no invasivo · 2026-10-18
   Solo presentación. No altera formularios, catálogos, precios, Radar ni SEO. */
.site-header{
  background:rgba(9,24,42,.95)!important;
  border-bottom:1px solid rgba(123,205,238,.14)!important;
  box-shadow:0 6px 28px rgba(0,10,27,.22)!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.hdr-nav a{transition:color .18s ease,opacity .18s ease}
.hdr-nav a:hover{color:#9bddf6!important}
.hdr-cta{
  box-shadow:0 7px 22px rgba(21,197,115,.20)!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.hdr-cta:hover{transform:translateY(-1px);box-shadow:0 9px 26px rgba(21,197,115,.30)!important}
.hero:has(.pxc-promo-grid){
  background:
    radial-gradient(ellipse 65% 45% at 52% 32%,rgba(0,161,198,.135),transparent 76%),
    radial-gradient(ellipse 45% 36% at 96% 0%,rgba(31,104,194,.095),transparent 80%),
    linear-gradient(180deg,#071a2a 0%,#071b2e 64%,#0a2135 100%)!important;
}
.hero:has(.pxc-promo-grid) .hero-badge{
  border:1px solid rgba(88,208,239,.33)!important;
  color:#d4f8ff!important;
  box-shadow:0 4px 20px rgba(0,163,198,.08)!important;
}
.hero:has(.pxc-promo-grid) > h1{
  max-width:min(95%,1320px);
  margin-left:auto!important;
  margin-right:auto!important;
  letter-spacing:-.027em!important;
  line-height:1.12!important;
  text-wrap:balance;
  text-shadow:0 2px 26px rgba(0,12,24,.28);
}
.hero:has(.pxc-promo-grid) .hero-sub{color:#c3deec!important;line-height:1.65!important}
.pxc-promo-wrap{max-width:880px!important}
.pxc-promo-header h2{
  letter-spacing:-.025em!important;
  text-wrap:balance;
}
.pxc-promo-header p{color:#d9e9f2!important}
.pxc-promo-grid{gap:18px!important;align-items:stretch!important}
.pxc-promo-grid .pxc-card{
  border-radius:20px!important;
  box-shadow:0 15px 36px rgba(1,9,25,.26),inset 0 1px 0 rgba(255,255,255,.045)!important;
  transition:box-shadow .18s ease,transform .18s ease;
}
.pxc-promo-grid .pxc-card:hover{box-shadow:0 21px 46px rgba(1,9,25,.34),inset 0 1px 0 rgba(255,255,255,.065)!important;transform:translateY(-2px)}
.pxc-promo-grid .pxc-card h3{line-height:1.26!important;letter-spacing:-.013em!important}
.pxc-promo-grid .pxc-desc{color:#e2e8f3!important;line-height:1.48!important}
.pxc-promo-grid .pxc-features li{line-height:1.35!important}
.pxc-promo-grid .pxc-condition{color:#b9cbe0!important;line-height:1.46!important}
.pxc-promo-grid .pxc-btn{
  border-radius:10px!important;
  min-height:43px;
  transition:filter .18s ease,transform .18s ease;
}
.pxc-promo-grid .pxc-btn:hover{filter:brightness(1.08)}
.pxc-promo-grid .pxc-btn:focus-visible,.hdr-cta:focus-visible,.hero-ctas a:focus-visible{
  outline:3px solid #a4eeff!important;outline-offset:3px!important
}
.hero:has(.pxc-promo-grid) .hero-ctas .btn-prim,.hero:has(.pxc-promo-grid) .hero-ctas .btn-sec{border-radius:12px!important}
#pf-radar-consent{
  background:rgba(13,30,45,.985)!important;
  border-color:rgba(163,214,233,.4)!important;
  border-radius:16px!important;
  box-shadow:0 18px 50px rgba(0,10,25,.37)!important;
}
#pf-radar-consent button{cursor:pointer}
#pf-radar-consent button:focus-visible{outline:3px solid #85e4ff;outline-offset:2px}
@media(max-width:600px){
  .site-header{padding-left:12px!important;padding-right:12px!important}
  .hero:has(.pxc-promo-grid){padding-top:27px!important}
  .hero:has(.pxc-promo-grid) .hero-badge{margin-bottom:13px!important}
  .hero:has(.pxc-promo-grid) > h1{font-size:clamp(22px,6vw,26px)!important;line-height:1.16!important;max-width:360px}
  .hero:has(.pxc-promo-grid) .hero-sub{font-size:13.5px!important;line-height:1.55!important;margin-top:12px!important;margin-bottom:14px!important}
  .hero:has(.pxc-promo-grid) .hero-intro{margin-top:0!important}
  .pxc-promo-wrap{padding:9px 8px 12px!important;margin-top:4px!important}
  .pxc-promo-header{margin-bottom:18px!important}
  .pxc-promo-header h2{font-size:20px!important;line-height:1.18!important;margin-bottom:9px!important}
  .pxc-promo-header p{font-size:13px!important}
  .pxc-promo-grid{gap:14px!important}
  .pxc-promo-grid .pxc-card{padding:18px 17px 16px!important;border-radius:18px!important}
  .pxc-promo-grid .pxc-card h3{font-size:17px!important}
  .pxc-promo-grid .pxc-desc{font-size:12px!important}
  .pxc-promo-grid .pxc-features{margin-top:12px!important;margin-bottom:12px!important}
  .pxc-promo-grid .pxc-features li{font-size:12px!important}
  .pxc-promo-grid .pxc-price{font-size:17px!important;line-height:1.28!important}
  .pxc-promo-grid .pxc-condition{font-size:12px!important}
  .pxc-promo-grid .pxc-btn{min-height:42px;font-size:12.5px!important}
  .hero:has(.pxc-promo-grid) .hero-ctas{gap:10px!important;margin-top:9px!important}
  .hero:has(.pxc-promo-grid) .hero-ctas .btn-prim,.hero:has(.pxc-promo-grid) .hero-ctas .btn-sec{max-width:350px;width:100%!important}
  #filter-fab{width:40px!important;height:40px!important;right:14px!important;top:71px!important;box-shadow:0 7px 19px rgba(0,18,42,.25)!important}
  /* Mantener las 3 decisiones de privacidad y sus controles, en un panel más compacto. */
  #pf-radar-consent{
    left:10px!important;right:10px!important;bottom:10px!important;
    max-width:360px!important;width:auto!important;
    padding:12px 13px!important;
    font:12px/1.36 Arial,sans-serif!important;
    border-radius:15px!important;
  }
  #pf-radar-consent>strong{font-size:13.5px!important;margin-bottom:4px!important}
  #pf-radar-consent>span{display:block;font-size:11.5px!important;line-height:1.4!important}
  #pf-radar-consent>div{gap:6px!important;margin-top:8px!important}
  #pf-radar-consent button[data-radar-consent]{font-size:11.3px!important;padding:7px 9px!important;min-height:34px}
  #pf-radar-consent a{font-size:11.5px!important}
}
@media(prefers-reduced-motion:reduce){
  .hdr-cta,.pxc-promo-grid .pxc-card,.pxc-promo-grid .pxc-btn,.hdr-nav a{transition:none!important}
  .pxc-promo-grid .pxc-card:hover,.hdr-cta:hover{transform:none!important}
}