/**
 * PARTICIPA · Edición editorial amarilla
 * Fondo de página continuo, identidad del rediseño y componentes accesibles.
 * Se carga únicamente cuando congd_section() === 'participa'.
 */
body.congd-site.congd-participa-page {
  --participa-yellow: #EDF59E;
  --participa-ink: #362921;
  --participa-line: rgba(54,41,33,.48);
  --participa-wash: rgba(255,255,255,.17);
  background:var(--participa-yellow);
  color:var(--participa-ink);
}
body.congd-site.congd-participa-page .site-head,
body.congd-site.congd-participa-page #contenido {
  background:var(--participa-yellow);
}
body.congd-site.congd-participa-page .site-head {border-bottom:1px solid var(--participa-line)}
body.congd-site.congd-participa-page .site-head .nav-action {
  background:var(--participa-ink);
  border-color:var(--participa-ink);
  color:var(--participa-yellow)!important;
}
body.congd-site.congd-participa-page .site-head .nav-action:hover {
  background:var(--orange);
  border-color:var(--orange);
  color:#fff!important;
}
/* Reemplaza por completo el degradado naranja aplicado anteriormente. */
body.congd-site.congd-participa-page .congd-participa-hero {
  position:relative;
  overflow:hidden;
  background:var(--participa-yellow);
  border-bottom:0;
  padding:clamp(72px,8vw,120px) 0 clamp(50px,6vw,90px);
}
body.congd-site.congd-participa-page .participa-hero-layout {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);
  align-items:center;
  gap:clamp(30px,5vw,90px);
  position:relative;
  z-index:1;
}
body.congd-site.congd-participa-page .participa-hero-copy {
  min-width:0;
}
body.congd-site.congd-participa-page .congd-participa-hero .eyebrow {
  display:inline-flex;
  align-items:center;
  gap:13px;
  font-size:12px!important;
  font-weight:700;
  letter-spacing:.17em;
}
body.congd-site.congd-participa-page .congd-participa-hero .eyebrow::before {
  content:"";
  display:inline-block;
  flex:none;
  width:28px;
  height:2px;
  background:var(--participa-ink);
}
body.congd-site.congd-participa-page .congd-participa-hero h1 {
  max-width:none;
  font-size:clamp(46px,5.7vw,84px)!important;
  line-height:1.06;
  letter-spacing:-.065em;
  font-weight:600;
  margin:32px 0 28px;
}
body.congd-site.congd-participa-page .congd-participa-hero h1 em{
  display:inline-block;
  font-family:var(--editorial);
  font-weight:400;
  font-size:1.15em;
  line-height:1.05;
  text-decoration:underline;
  text-decoration-thickness:3px;
  text-underline-offset:12px;
  text-decoration-color:var(--orange);
}
body.congd-site.congd-participa-page .congd-participa-hero .lead {
  max-width:590px;
  margin-top:0;
  font-size:clamp(17px,1.8vw,21px)!important;
  line-height:1.65;
}
body.congd-site.congd-participa-page .congd-participa-hero .jump-links{
  margin-top:36px;
  gap:10px;
}
body.congd-site.congd-participa-page .congd-participa-hero .jump-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 18px;
  font-size:12px!important;
  font-weight:600;
  border:1px solid var(--participa-ink);
  border-radius:100px;
  color:var(--participa-ink);
  background:transparent;
  transition:background .2s,color .2s,transform .2s;
}
body.congd-site.congd-participa-page .congd-participa-hero .jump-links a:hover{
  background:var(--participa-ink);
  color:var(--participa-yellow);
  transform:translateY(-2px);
}
/* Gráfico tipográfico original construido con CSS, sin sustituir fotos ni logos. */
body.congd-site.congd-participa-page .participa-hero-art{
  width:100%;
  max-width:465px;
  justify-self:center;
  position:relative;
  padding:12px 10px 33px;
}
body.congd-site.congd-participa-page .participa-orbit{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:1;
  border:2px solid var(--participa-ink);
  border-radius:50%;
  transform:rotate(-9deg);
}
body.congd-site.congd-participa-page .participa-orbit::before{
  content:"";
  position:absolute;
  inset:12%;
  border:1.5px dashed var(--participa-ink);
  border-radius:50%;
  opacity:.75;
}
body.congd-site.congd-participa-page .participa-orbit::after{
  content:"";
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--orange);
  top:9%;
  left:18%;
}
body.congd-site.congd-participa-page .participa-orbit-core{
  display:grid;
  place-items:center;
  width:43%;
  aspect-ratio:1;
  background:var(--participa-ink);
  color:var(--participa-yellow);
  border-radius:50%;
  font-family:var(--display);
  font-size:clamp(100px,11vw,175px);
  line-height:1;
  padding-bottom:.1em;
  transform:rotate(9deg);
  box-shadow:0 0 0 7px var(--participa-yellow),0 0 0 9px var(--participa-ink);
}
body.congd-site.congd-participa-page .participa-orbit-label{
  position:absolute;
  z-index:2;
  padding:10px 15px;
  line-height:1;
  font-size:clamp(10px,1vw,13px);
  letter-spacing:.11em;
  font-weight:700;
  color:var(--participa-ink);
  background:var(--participa-yellow);
  border:1.5px solid var(--participa-ink);
  border-radius:100px;
  white-space:nowrap;
  transform:rotate(9deg);
}
body.congd-site.congd-participa-page .participa-orbit-label-one{top:10%;right:-7%}
body.congd-site.congd-participa-page .participa-orbit-label-two{bottom:17%;right:-10%;background:var(--lilac)}
body.congd-site.congd-participa-page .participa-orbit-label-three{bottom:7%;left:-5%;background:var(--lime)}
body.congd-site.congd-participa-page .participa-art-footer {
  display:block;
  text-align:center;
  padding-top:20px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
}
body.congd-site.congd-participa-page .participa-ribbon {
  border-block:1.5px solid var(--participa-ink);
  background:var(--participa-yellow);
}
body.congd-site.congd-participa-page .participa-ribbon .wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  min-height:77px;
  padding-block:17px;
  font-weight:700;
  font-size:clamp(10px,1.15vw,14px);
  line-height:1.4;
  letter-spacing:.09em;
  text-transform:uppercase;
}
body.congd-site.congd-participa-page .participa-ribbon-star{
  font-size:24px;
  font-weight:400;
  color:var(--orange);
}
/* Galería: fotografías intactas, con el amarillo presente entre las imágenes. */
body.congd-site.congd-participa-page .participa-photo-gallery {
  padding-top:64px;
  padding-bottom:80px;
}
body.congd-site.congd-participa-page .participa-photo-gallery .photo-story img {
  border-radius:0;
  border:1px solid var(--participa-ink);
  box-shadow:12px 12px 0 rgba(54,41,33,.13);
}
body.congd-site.congd-participa-page .participa-photo-gallery .photo-story figcaption{
  color:var(--participa-ink);
  font-size:12px!important;
}
/* Las cinco puertas de entrada usan una composición editorial 3 + 2. */
body.congd-site.congd-participa-page .participation-picker{
  padding-top:65px;
  padding-bottom:105px;
  border-top:2px solid var(--participa-ink);
}
body.congd-site.congd-participa-page .participation-picker>h2 {
  font-size:clamp(35px,4vw,58px)!important;
  max-width:760px;
  line-height:1.15;
  margin-bottom:42px;
}
body.congd-site.congd-participa-page .participation-picker>h2 em{
  color:var(--orange);
}
body.congd-site.congd-participa-page .participation-options{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
  margin-top:0;
}
body.congd-site.congd-participa-page .participation-options>a{
  grid-column:span 2;
  min-width:0;
  min-height:234px;
  position:relative;
  padding:30px 29px 25px;
  gap:15px;
  background:#F7F4F1;
  border:1.5px solid var(--participa-ink);
  transition:transform .2s,box-shadow .2s,background .2s;
}
body.congd-site.congd-participa-page .participation-options>a:nth-child(n+4){grid-column:span 3}
body.congd-site.congd-participa-page .participation-options>a:nth-child(2){background:#F7F4F1}
body.congd-site.congd-participa-page .participation-options>a:nth-child(4){background:#F7F4F1}
body.congd-site.congd-participa-page .participation-options>a:nth-child(5){background:#F7F4F1}
body.congd-site.congd-participa-page .participation-options>a:hover{
  background:#D8563A;
  box-shadow:8px 8px 0 var(--participa-ink);
  transform:translate(-3px,-3px);
}
body.congd-site.congd-participa-page .participation-options h3{
  font-size:clamp(21px,2.15vw,28px)!important;
  font-weight:600;
  max-width:390px;
  line-height:1.2;
}
body.congd-site.congd-participa-page .participation-options p{
  font-size:14px!important;
  line-height:1.6;
  color:var(--participa-ink);
  max-width:340px;
}
body.congd-site.congd-participa-page .participation-options span{
  display:grid;
  place-items:center;
  margin-top:auto;
  width:37px;
  height:37px;
  border:1px solid var(--participa-ink);
  border-radius:50%;
  font-size:22px;
  transition:transform .2s;
}
body.congd-site.congd-participa-page .participation-options>a:hover span {transform:translateY(3px)}
/* Bloques detallados: ritmo visual, titulares de peso y líneas oscuras. */
body.congd-site.congd-participa-page .participa-journeys {
  padding-top:0;
  padding-bottom:75px;
}
body.congd-site.congd-participa-page .participa-journeys .text-block {
  grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);
  gap:clamp(35px,7vw,110px);
  border-top:1.5px solid var(--participa-ink);
  padding:70px 0 75px;
  background:transparent;
}
body.congd-site.congd-participa-page .participa-journeys .text-block:last-child {
  border-bottom:1.5px solid var(--participa-ink);
}
body.congd-site.congd-participa-page .participa-journeys .text-block .eyebrow {
  display:inline-flex;
  font-size:12px!important;
  letter-spacing:.12em;
  padding:10px 13px;
  border:1px solid var(--participa-ink);
  border-radius:100px;
}
body.congd-site.congd-participa-page .participa-journeys .text-block h2{
  font-size:clamp(37px,4.2vw,61px)!important;
  line-height:1.12;
  max-width:600px;
  margin:27px 0 0;
  font-weight:600;
}
body.congd-site.congd-participa-page .participa-journeys .text-block h2 em{
  font-weight:400;
  color:var(--orange);
}
body.congd-site.congd-participa-page .participa-journeys .text-block p {
  color:var(--participa-ink);
  font-size:16px!important;
  line-height:1.8;
}
body.congd-site.congd-participa-page .participa-journeys .text-block .body-heading {
  border-top:1px solid var(--participa-line);
  padding-top:24px;
  font-size:25px!important;
}
body.congd-site.congd-participa-page .participa-journeys .button {
  background:var(--participa-ink);
  color:var(--participa-yellow)!important;
  border-color:var(--participa-ink);
  min-height:50px;
}
body.congd-site.congd-participa-page .participa-journeys .button:hover {
  background:var(--orange);
  border-color:var(--orange);
  color:#fff!important;
}
/* Cierre amarillo con fuerte jerarquía. El footer oscuro se mantiene como en las otras páginas. */
body.congd-site.congd-participa-page .participa-final{
  padding:0 0 120px;
  text-align:center;
}
body.congd-site.congd-participa-page .participa-final .participa-final-inner {
  background:#F7F4F1!important;
  border:2px solid var(--participa-ink);
  padding:70px 35px;
  position:relative;
}
body.congd-site.congd-participa-page .participa-final .eyebrow {font-size:12px!important}
body.congd-site.congd-participa-page .participa-final h2{
  font-size:clamp(42px,7vw,100px)!important;
  line-height:1.05;
  margin:20px 0 22px;
}
body.congd-site.congd-participa-page .participa-final h2 em{
  color:var(--orange);
}
body.congd-site.congd-participa-page .participa-final p:not(.eyebrow){
  max-width:610px;
  margin:0 auto 30px;
  font-size:16px!important;
}
body.congd-site.congd-participa-page .participa-final .button {
  font-size:14px!important;
  background:var(--participa-ink);
  color:var(--participa-yellow)!important;
}
/* Pantalla intermedia: dos columnas equilibradas. */
@media(max-width:1100px){
  body.congd-site.congd-participa-page .participa-hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(250px,.8fr);gap:35px}
  body.congd-site.congd-participa-page .participa-orbit-label-one{right:-2%}
  body.congd-site.congd-participa-page .participa-orbit-label-two{right:-5%}
  body.congd-site.congd-participa-page .participation-options>a{padding:26px 22px}
}
@media(max-width:900px){
  body.congd-site.congd-participa-page .participa-hero-layout{grid-template-columns:1fr;gap:55px}
  body.congd-site.congd-participa-page .congd-participa-hero h1{font-size:clamp(53px,8vw,76px)!important}
  body.congd-site.congd-participa-page .participa-hero-art{max-width:380px}
  body.congd-site.congd-participa-page .participation-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.congd-site.congd-participa-page .participation-options>a,
  body.congd-site.congd-participa-page .participation-options>a:nth-child(n+4){grid-column:span 1}
  body.congd-site.congd-participa-page .participation-options>a:last-child{grid-column:span 2;min-height:185px}
  body.congd-site.congd-participa-page .participa-journeys .text-block{gap:35px}
}
@media(max-width:640px){
  body.congd-site.congd-participa-page .congd-participa-hero{padding:55px 0 60px}
  body.congd-site.congd-participa-page .participa-hero-layout{gap:50px}
  body.congd-site.congd-participa-page .congd-participa-hero h1{font-size:clamp(43px,10vw,62px)!important;line-height:1.1;margin:26px 0}
  body.congd-site.congd-participa-page .congd-participa-hero h1 em{text-underline-offset:7px}
  body.congd-site.congd-participa-page .congd-participa-hero .lead{font-size:16px!important}
  body.congd-site.congd-participa-page .congd-participa-hero .jump-links{gap:8px;margin-top:26px}
  body.congd-site.congd-participa-page .congd-participa-hero .jump-links a{font-size:11px!important;padding:8px 12px}
  body.congd-site.congd-participa-page .participa-hero-art{max-width:295px}
  body.congd-site.congd-participa-page .participa-orbit-core{font-size:100px}
  body.congd-site.congd-participa-page .participa-orbit-label{padding:8px 10px;font-size:10px}
  body.congd-site.congd-participa-page .participa-ribbon .wrap{gap:12px;min-height:64px;justify-content:center;text-align:center;font-size:10px}
  body.congd-site.congd-participa-page .participa-ribbon .wrap>span:nth-child(3),
  body.congd-site.congd-participa-page .participa-ribbon .wrap>span:nth-child(4){display:none}
  body.congd-site.congd-participa-page .participa-photo-gallery{padding-top:45px;padding-bottom:60px}
  body.congd-site.congd-participa-page .participation-picker{padding-top:48px;padding-bottom:80px}
  body.congd-site.congd-participa-page .participation-picker>h2{font-size:36px!important;margin-bottom:28px}
  body.congd-site.congd-participa-page .participation-options{grid-template-columns:1fr;gap:12px}
  body.congd-site.congd-participa-page .participation-options>a,
  body.congd-site.congd-participa-page .participation-options>a:nth-child(n+4),
  body.congd-site.congd-participa-page .participation-options>a:last-child{grid-column:span 1;min-height:180px}
  body.congd-site.congd-participa-page .participation-options h3{font-size:23px!important}
  body.congd-site.congd-participa-page .participa-journeys .text-block{
    display:grid;
    grid-template-columns:1fr;
    gap:23px;
    padding:47px 0 53px;
  }
  body.congd-site.congd-participa-page .participa-journeys .text-block h2{font-size:44px!important;margin-top:18px}
  body.congd-site.congd-participa-page .participa-journeys .text-block p{font-size:15px!important}
  body.congd-site.congd-participa-page .participa-final{padding-bottom:65px}
  body.congd-site.congd-participa-page .participa-final .participa-final-inner{padding:56px 22px}
  body.congd-site.congd-participa-page .participa-final h2{font-size:48px!important}
}
@media(prefers-reduced-motion:reduce){
  body.congd-site.congd-participa-page .participation-options>a,
  body.congd-site.congd-participa-page .congd-participa-hero .jump-links a{transition:none!important}
}