/* Shared Ejemplos dropdown: editorial, translucent and progressively enhanced. */
.pg-examples-menu{position:relative;display:flex;align-items:center;align-self:stretch;min-width:0}
.pg-examples-menu__link{white-space:nowrap}
.pg-examples-menu__toggle{position:relative;display:grid;place-items:center;width:16px;min-width:16px;height:44px;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.pg-examples-menu__toggle::before{content:"+";display:block;font-size:12px;font-weight:750;line-height:1;transition:transform .25s cubic-bezier(.2,.75,.2,1)}
.pg-examples-menu__toggle::after{display:none}
.pg-examples-menu__toggle[aria-expanded="true"]::before{transform:rotate(45deg)}
.pg-examples-menu__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pg-examples-menu__toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pg-examples-menu__panel{position:absolute;z-index:130;top:calc(100% - 1px);left:50%;width:min(300px,calc(100vw - 32px));padding:9px 18px 12px;border:1px solid rgba(17,19,24,.13);background:rgba(243,240,232,.78);box-shadow:0 22px 54px rgba(9,11,16,.12);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);display:grid;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .2s,visibility .2s,transform .3s cubic-bezier(.2,.75,.2,1)}
.pg-examples-menu__panel a,.pg-examples-menu__panel button{display:block;padding:12px 2px!important;border:0!important;border-bottom:1px solid rgba(17,19,24,.12)!important;background:transparent;color:rgba(17,19,24,.68)!important;font-family:inherit!important;font-size:10px!important;font-weight:760!important;line-height:1.3!important;letter-spacing:.11em!important;text-align:left!important;text-transform:uppercase!important;white-space:normal!important;transition:color .18s,transform .18s!important}
.pg-examples-menu__panel a:last-child,.pg-examples-menu__panel button:last-child{border-bottom:0!important}
.pg-examples-menu__panel a:hover,.pg-examples-menu__panel button:hover{padding-left:2px!important;background:transparent!important;color:#111318!important;transform:scale(1.012)}
.pg-examples-menu__panel a:focus-visible,.pg-examples-menu__panel button:focus-visible{padding-left:2px!important;background:transparent!important;color:#111318!important;outline:1px solid rgba(17,19,24,.72)!important;outline-offset:3px}
.pg-examples-menu__panel a::after{display:none!important}
.pg-examples-menu.is-open>.pg-examples-menu__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
@media (min-width:901px) and (hover:hover){.pg-examples-menu:hover>.pg-examples-menu__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}}
.home-page .pg-examples-menu.is-home-scroll-suppressed>.pg-examples-menu__panel,.home-page .pg-examples-menu.is-home-scroll-suppressed:hover>.pg-examples-menu__panel{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-7px)}

@media (min-width:901px){
  .pg-examples-menu__panel{position:fixed;top:82px;left:0;width:100vw;min-height:44px;padding:0 clamp(24px,7vw,112px);border:0;border-top:1px solid rgba(17,19,24,.08);border-bottom:1px solid rgba(17,19,24,.1);background:rgba(243,240,232,.7);box-shadow:0 12px 30px rgba(9,11,16,.06);display:flex;align-items:center;justify-content:center;gap:clamp(32px,6vw,92px);transform:translateY(-7px)}
  .main-nav .pg-examples-menu__panel{top:var(--header-height,88px)}
  .sg-nav .pg-examples-menu__panel{top:var(--header,78px)}
  .pg-examples-menu__panel a,.pg-examples-menu__panel button{width:auto;padding:15px 0!important;border:0!important;color:rgba(17,19,24,.66)!important;font-size:9px!important;letter-spacing:.13em!important;white-space:nowrap!important}
  .pg-examples-menu__panel a:hover,.pg-examples-menu__panel button:hover{padding-left:0!important;background:transparent!important;color:#111318!important;transform:scale(1.012)}
  .pg-examples-menu__panel a:focus-visible,.pg-examples-menu__panel button:focus-visible{padding-left:0!important;background:transparent!important;color:#111318!important;outline:1px solid rgba(17,19,24,.72)!important;outline-offset:4px}
  .pg-examples-menu.is-open>.pg-examples-menu__panel{transform:none}
  .pg-examples-menu:hover>.pg-examples-menu__panel{transform:none}
  .site-header.is-hidden .pg-examples-menu__panel{transform:translateY(-44px)!important}
}

/* Match each existing primary navigation without changing its outer layout. */
.nav>.pg-examples-menu>.pg-examples-menu__link{position:relative;padding:31px 0;color:rgba(240,238,232,.78);transition:color .25s}
.nav>.pg-examples-menu>.pg-examples-menu__link::after{content:"";position:absolute;left:0;bottom:24px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.2,.75,.2,1)}
.nav>.pg-examples-menu>.pg-examples-menu__link:hover,.nav>.pg-examples-menu>.pg-examples-menu__link:focus-visible{color:#fff}
.nav>.pg-examples-menu>.pg-examples-menu__link:hover::after,.nav>.pg-examples-menu>.pg-examples-menu__link:focus-visible::after{transform:scaleX(1);transform-origin:left}
.hero-light .nav>.pg-examples-menu>.pg-examples-menu__link,.hero-light .nav>.pg-examples-menu>.pg-examples-menu__toggle{color:rgba(10,11,12,.72)}
.main-nav>.pg-examples-menu>.pg-examples-menu__link{position:relative;display:flex;align-items:center;min-height:var(--header-height);color:var(--ink-soft);font-size:.78rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;transition:color .25s}
.main-nav>.pg-examples-menu>.pg-examples-menu__link::after{content:"";position:absolute;left:0;right:0;bottom:1.35rem;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.main-nav>.pg-examples-menu>.pg-examples-menu__link:hover,.main-nav>.pg-examples-menu>.pg-examples-menu__link:focus-visible{color:var(--ink)}
.main-nav>.pg-examples-menu>.pg-examples-menu__link:hover::after,.main-nav>.pg-examples-menu>.pg-examples-menu__link:focus-visible::after{transform:scaleX(1);transform-origin:left}
.sg-nav>.pg-examples-menu>.pg-examples-menu__link{position:relative;padding:14px 0}
.sg-nav>.pg-examples-menu>.pg-examples-menu__link::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.sg-nav>.pg-examples-menu>.pg-examples-menu__link:hover::after,.sg-nav>.pg-examples-menu>.pg-examples-menu__link:focus-visible::after{transform:scaleX(1);transform-origin:left}
.sg-nav>.pg-examples-menu>.pg-examples-menu__toggle{width:26px;min-width:26px}

.pg-examples-menu--sector-mobile{display:none}
@media (max-width:900px){
  .nav>.pg-examples-menu,.main-nav>.pg-examples-menu{display:grid;grid-template-columns:minmax(0,1fr) 48px;width:100%;align-self:auto}
  .nav>.pg-examples-menu>.pg-examples-menu__link{display:block;width:100%;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.8)!important;text-align:left;font-size:17px}
  .nav>.pg-examples-menu>.pg-examples-menu__link::after{display:none}
  .main-nav>.pg-examples-menu>.pg-examples-menu__link{min-height:0;width:100%}
  .pg-examples-menu>.pg-examples-menu__toggle{width:48px;min-width:48px;height:100%;min-height:48px;margin:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .nav .pg-examples-menu__panel,.main-nav .pg-examples-menu__panel{position:static;grid-column:1/-1;width:100%;max-height:0;padding:0 16px;border:0;background:rgba(255,255,255,.055);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;opacity:0;visibility:hidden;transform:none;transition:max-height .35s cubic-bezier(.2,.75,.2,1),opacity .2s,padding .35s}
  .nav .pg-examples-menu__panel a,.main-nav .pg-examples-menu__panel a{color:rgba(255,255,255,.7)!important;border-color:rgba(255,255,255,.12)!important}
  .nav .pg-examples-menu.is-open>.pg-examples-menu__panel,.main-nav .pg-examples-menu.is-open>.pg-examples-menu__panel{max-height:230px;padding:7px 16px 10px;opacity:1;visibility:visible;transform:none}
  .pg-examples-menu--sector-mobile{position:relative;display:grid;grid-template-columns:auto 44px;justify-self:end;align-items:stretch;min-height:44px;border:1px solid var(--line);background:var(--paper);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
  .pg-examples-menu--sector-mobile>.pg-examples-menu__link{display:flex;align-items:center;padding:0 13px;color:inherit}
  .pg-examples-menu--sector-mobile>.pg-examples-menu__toggle{width:44px;min-width:44px;min-height:42px;border:0}
  .pg-examples-menu--sector-mobile>.pg-examples-menu__panel{position:fixed;top:var(--header);left:0;right:0;width:auto;padding:8px var(--gutter) 12px;transform:translateY(-8px)}
  .pg-examples-menu--sector-mobile.is-open>.pg-examples-menu__panel{transform:none}
}
@media (prefers-reduced-motion:reduce){.pg-examples-menu__panel,.pg-examples-menu__toggle::before,.pg-examples-menu__toggle::after,.pg-examples-menu__panel a,.pg-examples-menu__panel button{transition:none!important}}

/* Interacción editorial: cambia únicamente la tinta, sin mover ni encuadrar el texto. */
.pg-examples-menu__panel a:hover,.pg-examples-menu__panel button:hover,.pg-examples-menu__panel a:focus-visible,.pg-examples-menu__panel button:focus-visible{padding-left:0!important;background:transparent!important;color:#111318!important;box-shadow:none!important;transform:none!important}
.pg-examples-menu__panel a:focus-visible,.pg-examples-menu__panel button:focus-visible{outline:0!important;text-decoration:underline;text-decoration-color:rgba(17,19,24,.5);text-decoration-thickness:1px;text-underline-offset:5px}