@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&family=Manrope:wght@400;500;600;700;800&family=Libre+Baskerville:wght@400;700&family=Source+Sans+3:wght@400;600;700&family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;700&family=Sora:wght@400;600;700&family=Public+Sans:wght@400;500;700&family=Cardo:wght@400;700&family=Outfit:wght@400;500;700&display=swap');

.site-page {
  --brand: #133c6d;
  --brand-soft: #1c518b;
  --accent: #c68b2f;
  --accent-soft: rgba(198, 139, 47, 0.14);
  --ink: #172233;
  --muted: #5d6977;
  --surface: #f7f4ef;
  --surface-2: #ffffff;
  --shadow-lg: 0 24px 60px rgba(19, 31, 48, 0.14);
  --shadow-md: 0 14px 32px rgba(19, 31, 48, 0.1);
  --font-heading: 'Fraunces', serif;
  --font-body: 'Manrope', sans-serif;
  --hero-position: 50% 34%;
  --hero-opacity: .58;
  position: relative;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.85), transparent 34%),
    linear-gradient(180deg, var(--surface) 0%, #ffffff 22%, #ffffff 100%);
  color: var(--ink);
}

.site-page::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: .22;
  background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.55), transparent 28%);
}

.site-page > * {
  position: relative;
  z-index: 1;
}

.site-page,
.site-page p,
.site-page li,
.site-page a,
.site-page span {
  font-family: var(--font-body) !important;
}

.site-page h1,
.site-page h2,
.site-page h3,
.site-page h4,
.site-page .nav-brand,
.site-page .navbar-brand,
.site-page .footer-brand,
.site-page .footer-brand h3,
.site-page .brand {
  font-family: var(--font-heading) !important;
}

.site-page a {
  color: var(--brand);
}

.site-page .site-crumbs {
  max-width: 1180px;
  margin: 0 auto;
  padding: .95rem 1.5rem 1.15rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
}

.site-page .site-crumbs a {
  color: var(--brand);
  font-weight: 700;
}

.site-page .hero,
.site-page .gradient-section,
.site-page .quote-section,
.site-page .stats-bar,
.site-page footer {
  position: relative;
  overflow: hidden;
}

.site-page .hero::after,
.site-page .gradient-section::after,
.site-page .quote-section::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.site-page .hero-content,
.site-page .content-card,
.site-page .card,
.site-page .stat-item,
.site-page .stat,
.site-page .quote-block,
.site-page .profile-wrap img,
.site-page .profile-img {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease, background-color .35s ease;
}

.site-page .content-card:hover,
.site-page .card:hover,
.site-page .profile-wrap img:hover,
.site-page .profile-img:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg) !important;
}

.site-page .hero-cta,
.site-page .btn-primary {
  background: var(--accent) !important;
  color: var(--ink) !important;
  border: 0;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

.site-page .hero-cta:hover,
.site-page .btn-primary:hover {
  background: color-mix(in srgb, var(--accent) 82%, white) !important;
}

.site-page .nav-brand span,
.site-page .navbar-brand,
.site-page .footer-brand span,
.site-page .section-label,
.site-page .hero-badge,
.site-page .hero-eyebrow,
.site-page .group-kicker,
.site-page .footer-heading {
  color: var(--accent) !important;
}

.site-page .content-card,
.site-page .card {
  border: 1px solid rgba(23, 34, 51, .08) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: var(--shadow-md) !important;
}

.site-page .section-title::after,
.site-page .timeline::before,
.site-page .timeline-item::before,
.site-page .tl-item::before {
  background: var(--accent) !important;
}

.site-page .quote-block {
  border-left-color: var(--accent) !important;
}

.site-page .hero-bg {
  transform: scale(1.08);
  filter: saturate(1.08) contrast(1.02);
  background-position: var(--hero-position) !important;
  background-size: cover !important;
  opacity: var(--hero-opacity) !important;
}

.site-page .hero {
  overflow: hidden;
}

.site-page .hero-content {
  position: relative;
  isolation: isolate;
}

.site-page[data-family="legacy"] .hero {
  background-position: var(--hero-position) !important;
  background-size: cover !important;
}

.site-page .hero-overlay {
  background: linear-gradient(
    160deg,
    rgba(10,18,33,.44) 0%,
    color-mix(in srgb, var(--brand) 62%, #0b1322) 52%,
    rgba(10,18,33,.68) 100%
  ) !important;
}

.site-page .profile-wrap img,
.site-page .profile-img {
  object-position: 50% 22%;
}

.site-page[data-site="01-gestion-publica-modernizacion"] { --hero-position: 62% 24%; }
.site-page[data-site="02-comunicacion-salud-publica"] { --hero-position: 54% 28%; }
.site-page[data-site="03-federalismo-infraestructura"] { --hero-position: 44% 24%; }
.site-page[data-site="04-transparencia-etica-rrhh"] { --hero-position: 42% 24%; }
.site-page[data-site="05-responsabilidad-social-ddhh"] { --hero-position: 56% 24%; }
.site-page[data-site="06-seguridad-higiene-laboral"] { --hero-position: 50% 22%; }
.site-page[data-site="07-gestion-sindical"] { --hero-position: 46% 24%; }
.site-page[data-site="08-enargas-regulacion-gas"] { --hero-position: 44% 24%; }
.site-page[data-site="09-perfil-profesional"] { --hero-position: 58% 24%; }
.site-page[data-site="10-innovacion-digital-estado"] { --hero-position: 62% 24%; }
.site-page[data-site="11-comunicacion-institucional-prensa"] { --hero-position: 48% 28%; }
.site-page[data-site="12-relaciones-provincias-municipios"] { --hero-position: 52% 26%; }
.site-page[data-site="13-capacitacion-capital-humano"] { --hero-position: 52% 24%; }
.site-page[data-site="14-politicas-genero-diversidad"] { --hero-position: 56% 24%; }
.site-page[data-site="15-cambio-climatico-energia-sostenible"] { --hero-position: 36% 24%; }
.site-page[data-site="16-prevencion-accidentes-gas"] { --hero-position: 46% 24%; }
.site-page[data-site="17-obra-publica-expansion-gas"] { --hero-position: 50% 22%; }
.site-page[data-site="18-etica-anticorrupcion"] { --hero-position: 60% 22%; }
.site-page[data-site="19-memoria-verdad-justicia"] { --hero-position: 62% 24%; }
.site-page[data-site="20-acceso-gas-derecho-social"] { --hero-position: 52% 26%; }
.site-page[data-site="21-liderazgo-regulacion-energetica"] { --hero-position: 62% 24%; }
.site-page[data-site="22-tecnologia-aeronautica"] { --hero-position: 50% 22%; }
.site-page[data-site="23-reciclado-medio-ambiente"] { --hero-position: 66% 24%; }
.site-page[data-site="24-gestion-crisis-pandemia"] { --hero-position: 62% 24%; }
.site-page[data-site="25-logros-reconocimientos"] { --hero-position: 64% 24%; }

.site-page[data-family="modern"] {
  --hero-opacity: .66;
}

.site-page[data-theme="cobalt"] {
  --brand: #143d6f;
  --brand-soft: #1f5d9a;
  --accent: #d49b44;
  --accent-soft: rgba(212, 155, 68, 0.12);
  --ink: #172538;
  --muted: #5d6b7e;
  --surface: #f7f5f1;
}

.site-page[data-theme="terracotta"] {
  --brand: #6c3024;
  --brand-soft: #91473b;
  --accent: #e0a550;
  --accent-soft: rgba(224, 165, 80, 0.14);
  --ink: #261916;
  --muted: #6d5b56;
  --surface: #fbf3ee;
}

.site-page[data-theme="emerald"] {
  --brand: #0f5b52;
  --brand-soft: #147468;
  --accent: #d7b15d;
  --accent-soft: rgba(215, 177, 93, 0.12);
  --ink: #162623;
  --muted: #546965;
  --surface: #f3faf7;
}

.site-page[data-theme="burgundy"] {
  --brand: #5b1f36;
  --brand-soft: #7a2948;
  --accent: #d8a05b;
  --accent-soft: rgba(216, 160, 91, 0.14);
  --ink: #24161d;
  --muted: #6f5963;
  --surface: #fbf4f6;
}

.site-page[data-theme="slate"] {
  --brand: #23374d;
  --brand-soft: #35526f;
  --accent: #d0a356;
  --accent-soft: rgba(208, 163, 86, 0.12);
  --ink: #19242e;
  --muted: #5d6974;
  --surface: #f3f6f8;
}

.site-page[data-font="editorial"] {
  --font-heading: 'Fraunces', serif;
  --font-body: 'Manrope', sans-serif;
}

.site-page[data-font="news"] {
  --font-heading: 'Libre Baskerville', serif;
  --font-body: 'Source Sans 3', sans-serif;
}

.site-page[data-font="tech"] {
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'IBM Plex Sans', sans-serif;
}

.site-page[data-font="clean"] {
  --font-heading: 'Sora', sans-serif;
  --font-body: 'Public Sans', sans-serif;
}

.site-page[data-font="classic"] {
  --font-heading: 'Cardo', serif;
  --font-body: 'Outfit', sans-serif;
}

.site-page[data-motif="orbits"]::before {
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.52), transparent 18%),
    radial-gradient(circle at 85% 12%, rgba(255,255,255,.4), transparent 20%),
    radial-gradient(circle at 80% 85%, rgba(255,255,255,.35), transparent 22%);
}

.site-page[data-motif="grid"]::before {
  background-image:
    linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);
  background-size: 32px 32px;
}

.site-page[data-motif="paper"]::before {
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.65), transparent 25%),
    radial-gradient(circle at 80% 35%, rgba(255,255,255,.4), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.38), transparent);
}

.site-page[data-motif="beams"]::before {
  background-image: linear-gradient(125deg, rgba(255,255,255,.5), transparent 36%, rgba(255,255,255,.22) 65%, transparent 78%);
}

.site-page[data-motif="dots"]::before {
  background-image:
    radial-gradient(circle, rgba(255,255,255,.5) 1px, transparent 1px),
    radial-gradient(circle, rgba(255,255,255,.38) 1px, transparent 1px);
  background-size: 22px 22px, 46px 46px;
  background-position: 0 0, 10px 10px;
}

.site-page[data-layout="editorial"] .navbar,
.site-page[data-layout="editorial"] footer {
  background: linear-gradient(90deg, color-mix(in srgb, var(--brand) 96%, black) 0%, var(--brand) 55%, color-mix(in srgb, var(--brand) 70%, white) 100%) !important;
}

.site-page[data-layout="editorial"] .hero {
  min-height: 88vh !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 5rem 1.5rem 4rem !important;
}

.site-page[data-layout="editorial"] .hero-content {
  width: min(100%, 1120px) !important;
  max-width: 540px !important;
  margin: 0 auto !important;
  text-align: left !important;
  padding: 2.15rem 1.95rem !important;
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.03)) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-left: 6px solid var(--accent);
  border-radius: 32px 32px 32px 10px;
  box-shadow: var(--shadow-lg);
}

.site-page[data-layout="editorial"] .hero h1 {
  max-width: 10ch !important;
}

.site-page[data-layout="editorial"] .hero-subtitle {
  max-width: 34rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.site-page[data-layout="editorial"] .content-card,
.site-page[data-layout="editorial"] .card {
  border-radius: 30px 30px 10px 30px !important;
}

.site-page[data-layout="editorial"] .section-label {
  letter-spacing: .18em !important;
}

.site-page[data-layout="panorama"] .navbar {
  background: rgba(255,255,255,.74) !important;
  border-bottom: 1px solid rgba(255,255,255,.28) !important;
}

.site-page[data-layout="panorama"] .hero {
  min-height: 96vh !important;
  align-items: flex-end !important;
  padding: 4rem 1.5rem 4.5rem !important;
  text-align: left !important;
}

.site-page[data-layout="panorama"] .hero-overlay {
  background: linear-gradient(180deg, rgba(9,20,34,.18) 0%, rgba(9,20,34,.42) 42%, rgba(9,20,34,.82) 100%) !important;
}

.site-page[data-layout="panorama"] .hero-content {
  width: min(100%, 760px) !important;
  margin: 0 auto !important;
  text-align: left !important;
  background: linear-gradient(180deg, rgba(10,18,33,.06), rgba(10,18,33,.24)) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 34px 34px 10px 10px;
  padding: 1.8rem 1.85rem 2rem !important;
}

.site-page[data-layout="panorama"] .hero h1 {
  max-width: 12ch !important;
}

.site-page[data-layout="panorama"] .hero-subtitle {
  max-width: 38rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.site-page[data-layout="panorama"] .stat-item,
.site-page[data-layout="panorama"] .stat {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  padding: 1rem;
}

.site-page[data-layout="panorama"] .content-card,
.site-page[data-layout="panorama"] .card {
  border-radius: 22px !important;
}

.site-page[data-layout="ribbon"] .navbar,
.site-page[data-layout="ribbon"] footer {
  background: color-mix(in srgb, var(--brand) 94%, black) !important;
}

.site-page[data-layout="ribbon"] .hero {
  min-height: 84vh !important;
  justify-content: flex-end !important;
  text-align: left !important;
  padding: 4rem 1.5rem 3.5rem !important;
}

.site-page[data-layout="ribbon"] .hero-content {
  width: min(100%, 1120px) !important;
  max-width: 500px !important;
  margin: 0 auto !important;
  margin-left: auto !important;
  text-align: left !important;
  padding: 1.95rem 1.85rem 1.8rem 2rem !important;
  background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.03)) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-left: 8px solid var(--accent);
  border-radius: 28px;
  box-shadow: var(--shadow-lg);
}

.site-page[data-layout="ribbon"] .hero h1 {
  max-width: 11ch !important;
}

.site-page[data-layout="ribbon"] .hero-subtitle {
  max-width: 32rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.site-page[data-layout="ribbon"] .btn-primary {
  border-radius: 999px 16px 999px 999px !important;
}

.site-page[data-layout="ribbon"] .section-label {
  display: inline-flex !important;
  align-items: center;
  gap: .35rem;
  padding: .5rem .9rem;
  border-radius: 999px;
  background: var(--accent-soft);
  letter-spacing: .12em !important;
}

.site-page[data-layout="ribbon"] .content-card,
.site-page[data-layout="ribbon"] .card {
  border-left: 5px solid var(--accent) !important;
  border-top: 0 !important;
  border-radius: 18px !important;
}

.site-page[data-layout="ribbon"] .quote-section {
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
}

.site-page[data-layout="ribbon"] .hero::after {
  background:
    linear-gradient(120deg, transparent 0 15%, rgba(255,255,255,.14) 15% 19%, transparent 19% 100%),
    linear-gradient(0deg, rgba(0,0,0,.08), rgba(0,0,0,.08));
}

.site-page[data-layout="spotlight"] .navbar {
  background: rgba(12,18,28,.74) !important;
}

.site-page[data-layout="spotlight"] .hero {
  min-height: 90vh !important;
  text-align: left !important;
  padding: 4rem 1.5rem !important;
}

.site-page[data-layout="spotlight"] .hero-content {
  max-width: 500px !important;
  margin: 0 auto !important;
  margin-right: clamp(1rem, 7vw, 5rem) !important;
  text-align: left !important;
  background: linear-gradient(160deg, rgba(8,13,24,.54), rgba(8,13,24,.16)) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 34px;
  padding: 2.05rem 1.8rem !important;
  box-shadow: 0 28px 60px rgba(0,0,0,.28);
}

.site-page[data-layout="spotlight"] .hero h1 {
  max-width: 10ch !important;
  text-shadow: 0 10px 24px rgba(0,0,0,.34) !important;
}

.site-page[data-layout="spotlight"] .hero-subtitle {
  max-width: 31rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.site-page[data-layout="spotlight"] .content-card,
.site-page[data-layout="spotlight"] .card {
  border-radius: 26px 8px 26px 8px !important;
}

.site-page[data-layout="spotlight"] .profile-wrap img,
.site-page[data-layout="spotlight"] .profile-img {
  border-radius: 24px !important;
}

.site-page[data-layout="dossier"] .navbar,
.site-page[data-layout="dossier"] footer {
  background: linear-gradient(180deg, color-mix(in srgb, var(--brand) 85%, black), color-mix(in srgb, var(--brand) 96%, black)) !important;
}

.site-page[data-layout="dossier"] .hero {
  min-height: 78vh !important;
  align-items: flex-start !important;
  text-align: left !important;
  padding: 7.5rem 1.5rem 3rem !important;
}

.site-page[data-layout="dossier"] .hero-content {
  width: min(100%, 680px) !important;
  margin: 0 auto !important;
  text-align: left !important;
  padding: 1.75rem 1.85rem !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(23,34,51,.12);
  box-shadow: var(--shadow-md);
}

.site-page[data-layout="dossier"] .content-card,
.site-page[data-layout="dossier"] .card {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid rgba(23,34,51,.14) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88)) !important;
}

.site-page[data-layout="dossier"] .section-title,
.site-page[data-layout="dossier"] .section h2 {
  letter-spacing: -.01em;
}

.site-page[data-layout="dossier"] .hero h1 {
  color: var(--brand) !important;
  text-shadow: none !important;
}

.site-page[data-layout="dossier"] .hero-subtitle {
  color: var(--muted) !important;
  max-width: 36rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.site-page[data-layout="dossier"] .btn-primary {
  border-radius: 8px !important;
  box-shadow: none !important;
}

.site-page[data-layout="dossier"] .quote-section,
.site-page[data-layout="dossier"] .gradient-section {
  background-image:
    linear-gradient(180deg, color-mix(in srgb, var(--brand) 94%, black), var(--brand)),
    radial-gradient(circle at top left, rgba(255,255,255,.08), transparent 30%) !important;
}

.site-page[data-layout="dossier"] .profile-wrap img,
.site-page[data-layout="dossier"] .profile-img {
  border-radius: 0 !important;
}

.site-page .hero-scroll span,
.site-page .hero-scroll span::after {
  border-color: rgba(255,255,255,.7) !important;
  background: rgba(255,255,255,.76) !important;
}

.site-page .footer-bottom,
.site-page footer p,
.site-page footer a {
  color: rgba(255,255,255,.76) !important;
}

.site-page .section-dark,
.site-page .stats-bar,
.site-page .gradient-section,
.site-page .quote-section {
  background: linear-gradient(160deg, color-mix(in srgb, var(--brand) 94%, black), var(--brand) 58%, var(--brand-soft) 100%) !important;
}

.site-page .section-light {
  background: color-mix(in srgb, var(--surface) 92%, white) !important;
}

.site-page .section-white {
  background: rgba(255,255,255,.95) !important;
}

.site-page .section-dark h2,
.site-page .section-dark p,
.site-page .gradient-section h2,
.site-page .gradient-section p,
.site-page .quote-text,
.site-page .quote-author,
.site-page .stat-lbl,
.site-page .stat-label {
  color: rgba(255,255,255,.86) !important;
}

.site-page .stat-num,
.site-page .stat-number {
  color: var(--accent) !important;
}

.site-page .wave-wrap svg path,
.site-page .wave-sep svg path {
  transition: fill .3s ease;
}

.site-page[data-family="legacy"] .site-crumbs {
  padding-top: calc(var(--navbar-h, 70px) + 1rem);
}

.site-page .topic-ribbon {
  padding: 0 1.5rem 2rem;
}

.site-page .topic-ribbon__inner {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  gap: 2rem;
  align-items: start;
  padding: 1.6rem 1.8rem;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.9));
  border: 1px solid rgba(23,34,51,.08);
  box-shadow: var(--shadow-lg);
  transform: translateY(-1.8rem);
}

.site-page .topic-ribbon__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accent);
}

.site-page .topic-ribbon__title {
  margin: .85rem 0 .7rem;
  color: var(--brand);
  font-size: clamp(1.4rem, 2.6vw, 2rem);
  line-height: 1.14;
}

.site-page .topic-ribbon__summary {
  margin: 0;
  color: var(--muted);
  line-height: 1.8;
}

.site-page .topic-ribbon__summary strong {
  color: var(--brand);
}

.site-page .topic-ribbon__meta {
  display: grid;
  gap: 1rem;
}

.site-page .topic-ribbon__group {
  padding: 1rem 1.1rem;
  border-radius: 20px;
  background: color-mix(in srgb, var(--accent-soft) 55%, white);
}

.site-page .topic-ribbon__group span {
  display: block;
  margin-bottom: .35rem;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
}

.site-page .topic-ribbon__group strong {
  color: var(--brand);
  font-size: 1rem;
}

.site-page .topic-ribbon__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
}

.site-page .topic-ribbon__tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .55rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(23,34,51,.08);
  background: rgba(255,255,255,.82);
  color: var(--brand);
  font-size: .84rem;
  font-weight: 700;
}

.site-page .topic-ribbon__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: .9rem 1.15rem;
  border-radius: 999px;
  background: var(--brand);
  color: #ffffff;
  font-weight: 800;
  box-shadow: var(--shadow-md);
}

.site-page[data-layout="editorial"] .wave-wrap,
.site-page[data-layout="editorial"] .wave-sep,
.site-page[data-layout="ribbon"] .wave-wrap,
.site-page[data-layout="ribbon"] .wave-sep,
.site-page[data-layout="dossier"] .wave-wrap,
.site-page[data-layout="dossier"] .wave-sep {
  display: none !important;
}

.site-page[data-layout="editorial"] .topic-ribbon__inner,
.site-page[data-layout="spotlight"] .topic-ribbon__inner {
  transform: translateY(-2.5rem);
}

.site-page[data-layout="editorial"] section.section,
.site-page[data-layout="editorial"] .stats-bar,
.site-page[data-layout="editorial"] .gradient-section,
.site-page[data-layout="editorial"] .quote-section {
  width: min(1180px, calc(100% - 2.4rem));
  margin: 0 auto 1.5rem;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.site-page[data-layout="editorial"] section.section:nth-of-type(odd) {
  transform: translateX(-1.4rem);
}

.site-page[data-layout="editorial"] section.section:nth-of-type(even) {
  transform: translateX(1.4rem);
}

.site-page[data-layout="editorial"] .stats-row,
.site-page[data-layout="editorial"] .stats-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.site-page[data-layout="editorial"] .cards-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.site-page[data-layout="editorial"] .card:nth-child(2) {
  transform: translateY(1.35rem);
}

.site-page[data-layout="editorial"] .profile-wrap,
.site-page[data-layout="editorial"] .two-col {
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr) !important;
  align-items: center !important;
}

.site-page[data-layout="editorial"] .profile-wrap img,
.site-page[data-layout="editorial"] .profile-img {
  order: 2;
}

.site-page[data-layout="panorama"] .topic-ribbon__inner {
  background: linear-gradient(135deg, rgba(255,255,255,.2), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.site-page[data-layout="panorama"] .wave-wrap svg path,
.site-page[data-layout="panorama"] .wave-sep svg path {
  fill: color-mix(in srgb, var(--surface) 82%, white) !important;
}

.site-page[data-layout="panorama"] .stats-bar {
  width: min(1120px, calc(100% - 2rem));
  margin: -3rem auto 2rem;
  border-radius: 30px;
  box-shadow: var(--shadow-lg);
}

.site-page[data-layout="panorama"] section.section,
.site-page[data-layout="panorama"] .gradient-section,
.site-page[data-layout="panorama"] .quote-section {
  width: min(1210px, calc(100% - 2rem));
  margin: 0 auto 1.6rem;
  border-radius: 34px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.site-page[data-layout="panorama"] .cards-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.8rem !important;
}

.site-page[data-layout="panorama"] .profile-wrap,
.site-page[data-layout="panorama"] .two-col {
  grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr) !important;
  align-items: end !important;
}

.site-page[data-layout="panorama"] .timeline {
  padding-left: 0 !important;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
}

.site-page[data-layout="panorama"] .timeline::before {
  display: none !important;
}

.site-page[data-layout="panorama"] .tl-item,
.site-page[data-layout="panorama"] .timeline-item {
  margin-bottom: 0 !important;
  padding: 1.4rem 1.4rem 1.4rem 3rem !important;
  border-radius: 22px;
  background: rgba(255,255,255,.9);
  box-shadow: var(--shadow-md);
}

.site-page[data-layout="ribbon"] .navbar,
.site-page[data-layout="ribbon"] footer {
  background: linear-gradient(90deg, color-mix(in srgb, var(--brand) 95%, black), var(--brand), color-mix(in srgb, var(--brand-soft) 80%, black)) !important;
}

.site-page[data-layout="ribbon"] .topic-ribbon__inner {
  border-left: 7px solid var(--accent);
  border-radius: 24px;
  transform: translateY(-2rem) rotate(-0.6deg);
}

.site-page[data-layout="ribbon"] section.section,
.site-page[data-layout="ribbon"] .stats-bar,
.site-page[data-layout="ribbon"] .gradient-section,
.site-page[data-layout="ribbon"] .quote-section {
  width: min(1120px, calc(100% - 2rem));
  margin: 0 auto 1.3rem;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.site-page[data-layout="ribbon"] section.section:nth-of-type(odd) {
  margin-left: max(1rem, calc((100vw - 1120px) / 2 + 2rem));
  margin-right: auto;
}

.site-page[data-layout="ribbon"] section.section:nth-of-type(even) {
  margin-right: max(1rem, calc((100vw - 1120px) / 2 + 2rem));
  margin-left: auto;
}

.site-page[data-layout="ribbon"] .stats-row,
.site-page[data-layout="ribbon"] .stats-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.2rem !important;
}

.site-page[data-layout="ribbon"] .cards-grid {
  grid-template-columns: 1fr !important;
}

.site-page[data-layout="ribbon"] .card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
}

.site-page[data-layout="ribbon"] .card-icon {
  grid-row: 1 / span 2;
  margin: 0 !important;
  font-size: 2.35rem;
}

.site-page[data-layout="ribbon"] .card h3,
.site-page[data-layout="ribbon"] .card p {
  grid-column: 2;
}

.site-page[data-layout="ribbon"] .profile-wrap,
.site-page[data-layout="ribbon"] .two-col {
  grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr) !important;
  align-items: stretch !important;
}

.site-page[data-layout="ribbon"] .profile-wrap img,
.site-page[data-layout="ribbon"] .profile-img {
  height: 100%;
  object-fit: cover;
}

.site-page[data-layout="ribbon"] .quote-section {
  clip-path: none !important;
}

.site-page[data-family="legacy"][data-layout="ribbon"] .navbar {
  position: sticky !important;
}

.site-page[data-family="legacy"][data-layout="ribbon"] .site-crumbs {
  padding-top: 1rem;
}

.site-page[data-site="03-federalismo-infraestructura"] .hero::after {
  background:
    linear-gradient(135deg, rgba(255,255,255,.18) 0 10%, transparent 10% 100%),
    linear-gradient(0deg, rgba(0,0,0,.1), rgba(0,0,0,.1));
}

.site-page[data-site="03-federalismo-infraestructura"] .stats-row {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.site-page[data-site="03-federalismo-infraestructura"] .topic-ribbon__inner {
  background: linear-gradient(135deg, rgba(243,250,247,.98), rgba(255,255,255,.94));
}

.site-page[data-site="09-perfil-profesional"] .hero {
  align-items: center !important;
  padding: 4rem 1.5rem !important;
}

.site-page[data-site="09-perfil-profesional"] .hero-content {
  width: min(100%, 1120px) !important;
  max-width: 500px !important;
  margin-left: max(1.25rem, calc((100vw - 1120px) / 2 + 1rem)) !important;
  margin-right: auto !important;
  background: rgba(255,255,255,.74) !important;
}

.site-page[data-site="24-gestion-crisis-pandemia"] .hero-content {
  margin-left: clamp(1rem, 5vw, 4rem) !important;
  margin-right: auto !important;
}

.site-page[data-site="25-logros-reconocimientos"] .hero-content {
  margin-left: clamp(1rem, 5vw, 4rem) !important;
  margin-right: auto !important;
}

.site-page[data-layout="spotlight"] .wave-wrap svg path,
.site-page[data-layout="spotlight"] .wave-sep svg path {
  fill: color-mix(in srgb, var(--brand) 72%, #ffffff) !important;
}

.site-page[data-layout="spotlight"] .topic-ribbon__inner {
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 86%, black), var(--brand-soft));
  border: 1px solid rgba(255,255,255,.12);
}

.site-page[data-layout="spotlight"] .topic-ribbon__title,
.site-page[data-layout="spotlight"] .topic-ribbon__summary,
.site-page[data-layout="spotlight"] .topic-ribbon__summary strong,
.site-page[data-layout="spotlight"] .topic-ribbon__group strong,
.site-page[data-layout="spotlight"] .topic-ribbon__group span,
.site-page[data-layout="spotlight"] .topic-ribbon__tags span {
  color: #ffffff !important;
}

.site-page[data-layout="spotlight"] .topic-ribbon__group,
.site-page[data-layout="spotlight"] .topic-ribbon__tags span {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.16);
}

.site-page[data-layout="spotlight"] section.section,
.site-page[data-layout="spotlight"] .stats-bar,
.site-page[data-layout="spotlight"] .gradient-section,
.site-page[data-layout="spotlight"] .quote-section {
  width: min(1160px, calc(100% - 2rem));
  margin: 0 auto 1.45rem;
  border-radius: 34px;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.site-page[data-layout="spotlight"] .cards-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.8rem !important;
}

.site-page[data-layout="spotlight"] .card:nth-child(odd) {
  transform: translateY(-.8rem) rotate(-1deg);
}

.site-page[data-layout="spotlight"] .card:nth-child(even) {
  transform: translateY(.8rem) rotate(1deg);
}

.site-page[data-layout="spotlight"] .quote-section {
  margin-top: 2rem;
}

.site-page[data-layout="dossier"] .topic-ribbon__inner,
.site-page[data-layout="dossier"] section.section,
.site-page[data-layout="dossier"] .stats-bar,
.site-page[data-layout="dossier"] .gradient-section,
.site-page[data-layout="dossier"] .quote-section {
  width: min(960px, calc(100% - 2rem));
  margin-left: auto;
  margin-right: auto;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid rgba(23,34,51,.14) !important;
}

.site-page[data-layout="dossier"] .topic-ribbon__inner {
  transform: translateY(-1.2rem);
}

.site-page[data-layout="dossier"] {
  counter-reset: dossier-section;
}

.site-page[data-layout="dossier"] section.section {
  counter-increment: dossier-section;
}

.site-page[data-layout="dossier"] section.section h2::before {
  content: '0' counter(dossier-section);
  display: block;
  margin-bottom: .9rem;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--accent);
}

.site-page[data-layout="dossier"] .profile-wrap,
.site-page[data-layout="dossier"] .two-col {
  grid-template-columns: 1fr !important;
  gap: 1.6rem !important;
}

.site-page[data-layout="dossier"] .cards-grid {
  grid-template-columns: 1fr !important;
}

.site-page[data-layout="dossier"] .stats-row,
.site-page[data-layout="dossier"] .stats-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 1100px) {
  .site-page .topic-ribbon__inner,
  .site-page[data-layout="editorial"] .profile-wrap,
  .site-page[data-layout="editorial"] .two-col,
  .site-page[data-layout="panorama"] .profile-wrap,
  .site-page[data-layout="panorama"] .two-col,
  .site-page[data-layout="ribbon"] .profile-wrap,
  .site-page[data-layout="ribbon"] .two-col {
    grid-template-columns: 1fr !important;
  }

  .site-page[data-layout="editorial"] .cards-grid,
  .site-page[data-layout="spotlight"] .cards-grid,
  .site-page[data-layout="panorama"] .cards-grid,
  .site-page[data-layout="panorama"] .timeline,
  .site-page[data-layout="ribbon"] .stats-row,
  .site-page[data-layout="ribbon"] .stats-grid,
  .site-page[data-site="03-federalismo-infraestructura"] .stats-row {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 900px) {
  .site-page .site-crumbs {
    padding-top: .8rem;
  }

  .site-page .topic-ribbon {
    padding: 0 1rem 1.5rem;
  }

  .site-page .topic-ribbon__inner {
    grid-template-columns: 1fr;
    transform: translateY(-1rem) !important;
    padding: 1.3rem;
  }

  .site-page[data-layout="editorial"] .hero,
  .site-page[data-layout="panorama"] .hero,
  .site-page[data-layout="spotlight"] .hero,
  .site-page[data-layout="dossier"] .hero,
  .site-page[data-layout="ribbon"] .hero {
    min-height: auto !important;
    padding-bottom: 4rem !important;
  }

  .site-page[data-layout="editorial"] .hero-content,
  .site-page[data-layout="panorama"] .hero-content,
  .site-page[data-layout="spotlight"] .hero-content {
    text-align: left !important;
  }

  .site-page[data-layout="editorial"] section.section,
  .site-page[data-layout="editorial"] .stats-bar,
  .site-page[data-layout="editorial"] .gradient-section,
  .site-page[data-layout="editorial"] .quote-section,
  .site-page[data-layout="panorama"] section.section,
  .site-page[data-layout="panorama"] .stats-bar,
  .site-page[data-layout="panorama"] .gradient-section,
  .site-page[data-layout="panorama"] .quote-section,
  .site-page[data-layout="ribbon"] section.section,
  .site-page[data-layout="ribbon"] .stats-bar,
  .site-page[data-layout="ribbon"] .gradient-section,
  .site-page[data-layout="ribbon"] .quote-section,
  .site-page[data-layout="spotlight"] section.section,
  .site-page[data-layout="spotlight"] .stats-bar,
  .site-page[data-layout="spotlight"] .gradient-section,
  .site-page[data-layout="spotlight"] .quote-section,
  .site-page[data-layout="dossier"] .topic-ribbon__inner,
  .site-page[data-layout="dossier"] section.section,
  .site-page[data-layout="dossier"] .stats-bar,
  .site-page[data-layout="dossier"] .gradient-section,
  .site-page[data-layout="dossier"] .quote-section {
    width: calc(100% - 1.6rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }

  .site-page[data-layout="editorial"] .cards-grid,
  .site-page[data-layout="spotlight"] .cards-grid,
  .site-page[data-layout="panorama"] .cards-grid,
  .site-page[data-layout="panorama"] .timeline,
  .site-page[data-layout="dossier"] .stats-row,
  .site-page[data-layout="dossier"] .stats-grid,
  .site-page[data-layout="ribbon"] .cards-grid,
  .site-page[data-layout="ribbon"] .stats-row,
  .site-page[data-layout="ribbon"] .stats-grid,
  .site-page[data-site="03-federalismo-infraestructura"] .stats-row {
    grid-template-columns: 1fr !important;
  }

  .site-page[data-layout="ribbon"] .card {
    grid-template-columns: 1fr;
  }

  .site-page[data-layout="ribbon"] .card-icon,
  .site-page[data-layout="ribbon"] .card h3,
  .site-page[data-layout="ribbon"] .card p {
    grid-column: auto;
    grid-row: auto;
  }
}