/* Marca PAOS oct-2026: tinta #14161a y punto #3b6ea8 (antes degradado teal-índigo-violeta). */
/* PAOS public identity. Scoped to marketing; no application tokens or data. */
html .pb, body[data-paos-public-brand] {
  --paos-teal: #3b6ea8; --paos-indigo: #3b6ea8; --paos-violet: #3b6ea8;
  --paos-gradient: linear-gradient(120deg,#14161a,#14161a);
  --bg: #ffffff; --bg-soft: #eef0f3; --panel: #ffffff;
  --ink: #14161a; --ink-2: #5a606b; --line: #e3e5f2;
  --accent: #3b6ea8; --btn: #3b6ea8; --btn-hover: #2f5a8c;
  --fg: #14161a; --muted: #5a606b; --brand: #3b6ea8; --brand2: #2f5a8c; --card: #eef0f3;
}
.pb .pb-brand img {
  content: url('/brand/paos-logotipo-tinta.svg');
  width: auto !important; height: 22px !important; object-fit: contain; border-radius: 0; box-shadow: none;
}
.pb .pb-brand .b2, body[data-paos-public-brand] .brand .b2 { color: #14161a; font-weight: 300; }
.pb .pb-nav { border-bottom-color: #e3e5f2; }
.pb .pb-cta:not(.ghost), .pb .nh-btn.p, body[data-paos-public-brand] .btn.primary {
  color: white; background: var(--paos-gradient); border-color: transparent;
  box-shadow: 0 6px 18px #3b6ea820;
}
.pb .pb-cta:not(.ghost):hover, .pb .nh-btn.p:hover, body[data-paos-public-brand] .btn.primary:hover {
  background: linear-gradient(120deg,#2f5a8c,#6030cb); color: white;
}
.pb .nh { --cool-1: #3b6ea8; --brand: #3b6ea8; --cool-3: #3b6ea8; --dim: #5a606b; }
.pb .nh-h1 em { background-image: linear-gradient(110deg,#3b6ea8,#3b6ea8); }
.pb .nh-backdrop { background: radial-gradient(ellipse at 82% 24%,#eeecff 0,transparent 52%),radial-gradient(ellipse at 15% 5%,#eaf5fa 0,transparent 44%),#fff; }
.pb .nh-btn:not(.p) { background: #ffffffdd; border-color: #d9deef; color: #14161a; }
.pb .pb-page-hero { background: radial-gradient(ellipse at 85% 15%,#eae8ff,transparent 65%),linear-gradient(135deg,#f0f8fb,#faf9ff); }
.pb .pb-eco-section { background: linear-gradient(155deg,#f1f8fc,#f8f6ff 55%,#fff); }
.pb .pb-eco-card { border-color: #e2e4f2; border-radius: 20px; box-shadow: 0 4px 20px #27276506; }
.pb .pb-eco-card:hover { border-color: #a5c3e4; box-shadow: 0 12px 32px #3b6ea814; }
.pb .pb-footer { background: #eef0f3; border-top-color: #e3e5f2; }
.pb :is(a,button,input,select,textarea):focus-visible, body[data-paos-public-brand] :is(a,button,input,select,textarea):focus-visible {
  outline: 3px solid #3b6ea8; outline-offset: 4px;
}
body[data-paos-public-brand] .brand { display: inline-flex; align-items: center; gap: 7px; }
body[data-paos-public-brand] .brand::before {
  content: ''; display: inline-block; width: 78px; height: 22px;
  background: url('/brand/paos-logotipo-tinta.svg') center/contain no-repeat;
}
body[data-paos-public-brand] .brand .b1 { display: none; }
body[data-paos-public-brand] .brand .b2 { font-weight: 300; color: #14161a; }
body[data-paos-public-brand] .content { background: linear-gradient(180deg,#eef0f3 0,#fff 600px); }
body[data-paos-public-brand] .takeaways { border-color: #dadde2; background: #eef0f3; }
body[data-paos-public-brand] .site-footer { background: #eef0f3; }
@media (max-width:600px) { .pb .pb-brand img { width:32px !important; height:32px !important; border-radius:9px; } }
@media (forced-colors:active) { .pb .nh-h1 em { background:none; color:CanvasText; } }

/* Preserve the animated journey while keeping the foreground readable. */
.pb .nh-gl { mask-image: linear-gradient(90deg,transparent,rgba(0,0,0,.25) 35%,#000 72%); }
@media (max-width:600px) { .pb .nh-gl { mask-image: linear-gradient(90deg,transparent,rgba(0,0,0,.18) 60%,rgba(0,0,0,.4)); } }