/**
 * Participa — animación editorial de conexión (versión 2).
 * Inspirada en "Todo empieza en un punto" y el símbolo original del
 * rebranding CONGDCA. Sistema oficial: #EDF59E #DBD1FB #D8563A #362921.
 * Sustituye el mapa de islas flotantes, sin alterar la home.
 */
body.congd-site.congd-participa-page .participa-kinetic-art{
  --kinetic-ink:#362921;
  --kinetic-lime:#EDF59E;
  --kinetic-lilac:#DBD1FB;
  --kinetic-orange:#D8563A;
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:530px;
  min-width:0;
  min-height:490px;
  padding:24px 27px 20px;
  color:#ffffff;
  background:var(--kinetic-ink);
  border:2px solid var(--kinetic-ink);
  box-shadow:12px 12px 0 rgba(54,41,33,.17);
  overflow:hidden;
  isolation:isolate;
  justify-self:center;
}
body.congd-site.congd-participa-page .participa-kinetic-header,
body.congd-site.congd-participa-page .participa-kinetic-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  font-size:10px!important;
  font-weight:600;
  letter-spacing:.14em;
  line-height:1.5;
}
body.congd-site.congd-participa-page .participa-kinetic-header{
  padding-bottom:15px;
  color:var(--kinetic-lime);
  border-bottom:1px solid rgba(255,255,255,.32);
}
body.congd-site.congd-participa-page .participa-kinetic-scene{
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:20px 0 17px;
}
body.congd-site.congd-participa-page .participa-kinetic-opening{
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:25px;
  color:var(--kinetic-lime);
  font-size:clamp(20px,2.6vw,30px);
  font-weight:600;
  letter-spacing:-.045em;
  line-height:1.14;
  animation:congd-kinetic-enter .8s cubic-bezier(.16,1,.3,1) .05s both;
}
body.congd-site.congd-participa-page .participa-kinetic-opening em{
  font-family:var(--editorial);
  font-weight:400;
  color:#fff;
}
body.congd-site.congd-participa-page .participa-kinetic-dot{
  display:block;
  flex:0 0 15px;
  height:15px;
  border-radius:50%;
  background:var(--kinetic-orange);
  box-shadow:0 0 0 6px rgba(216,86,58,.17);
  animation:congd-kinetic-dot 3.3s ease-in-out 1.8s infinite;
}
body.congd-site.congd-participa-page .participa-kinetic-types{
  display:flex;
  flex-direction:column;
  gap:7px;
}
body.congd-site.congd-participa-page .participa-kinetic-type{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  min-width:0;
  padding:14px 15px;
  color:var(--kinetic-ink);
  background:var(--kinetic-lilac);
  animation:congd-kinetic-row .75s cubic-bezier(.19,1,.22,1) both;
}
body.congd-site.congd-participa-page .participa-kinetic-type:nth-child(1){
  animation-delay:.25s;
}
body.congd-site.congd-participa-page .participa-kinetic-type:nth-child(2){
  animation-delay:.58s;
  background:#fff;
}
body.congd-site.congd-participa-page .participa-kinetic-type:nth-child(3){
  animation-delay:.91s;
  background:var(--kinetic-orange);
  color:#1D100D;
}
body.congd-site.congd-participa-page .participa-kinetic-type>span{
  flex:0 0 21px;
  align-self:center;
  font-size:10px;
  font-weight:700;
  letter-spacing:0;
}
body.congd-site.congd-participa-page .participa-kinetic-type strong{
  font-size:clamp(17px,2.3vw,26px);
  font-weight:600;
  letter-spacing:-.035em;
  line-height:1.18;
  white-space:nowrap;
}
body.congd-site.congd-participa-page .participa-kinetic-type i{
  flex:1;
  min-width:12px;
  height:1px;
  background:currentColor;
  opacity:.6;
}
body.congd-site.congd-participa-page .participa-kinetic-merge{
  position:relative;
  display:flex;
  align-items:center;
  gap:19px;
  padding:23px 0 7px;
}
body.congd-site.congd-participa-page .participa-kinetic-connection{
  position:relative;
  align-self:center;
  flex:1 1 25%;
  min-width:20px;
  height:2px;
  background:var(--kinetic-lime);
  transform-origin:left center;
  animation:congd-kinetic-draw .9s ease-out 1.2s both;
}
body.congd-site.congd-participa-page .participa-kinetic-connection::after{
  content:"";
  position:absolute;
  right:-2px;
  top:-4px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--kinetic-orange);
  box-shadow:0 0 0 4px var(--kinetic-ink);
}
body.congd-site.congd-participa-page .participa-kinetic-symbol{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 clamp(72px,8vw,97px);
  width:clamp(72px,8vw,97px);
  height:clamp(72px,8vw,97px);
  background:var(--kinetic-lime);
  border:1px solid var(--kinetic-lime);
  animation:congd-kinetic-pop .72s cubic-bezier(.16,1,.3,1) 1.65s both;
}
body.congd-site.congd-participa-page .participa-kinetic-symbol::after{
  content:"";
  position:absolute;
  inset:-7px;
  border:1px solid rgba(237,245,158,.55);
  opacity:0;
  animation:congd-kinetic-halo 4.5s ease-in-out 2.5s infinite;
  pointer-events:none;
}
body.congd-site.congd-participa-page .participa-kinetic-symbol img{
  display:block;
  width:70%;
  height:70%;
  object-fit:contain;
  background:transparent;
}
body.congd-site.congd-participa-page .participa-kinetic-outcome{
  font-size:clamp(24px,3.2vw,40px);
  line-height:1;
  font-family:var(--display);
  font-weight:600;
  letter-spacing:-.05em;
  color:#fff;
  white-space:nowrap;
  animation:congd-kinetic-enter .72s cubic-bezier(.16,1,.3,1) 1.94s both;
}
body.congd-site.congd-participa-page .participa-kinetic-outcome em{
  color:var(--kinetic-lime);
  font-weight:400;
}
body.congd-site.congd-participa-page .participa-kinetic-footer{
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.34);
  color:#fff;
}
body.congd-site.congd-participa-page .participa-kinetic-footer span:last-child{
  font-size:26px;
  line-height:1;
  color:var(--kinetic-lime);
  font-weight:400;
}
@keyframes congd-kinetic-enter{
  0%{opacity:0;transform:translateY(19px)}
  100%{opacity:1;transform:translateY(0)}
}
@keyframes congd-kinetic-row{
  0%{opacity:0;transform:translateX(-34px);clip-path:inset(0 50% 0 0)}
  100%{opacity:1;transform:translateX(0);clip-path:inset(0 0 0 0)}
}
@keyframes congd-kinetic-draw{
  0%{transform:scaleX(0);opacity:0}
  100%{transform:scaleX(1);opacity:1}
}
@keyframes congd-kinetic-pop{
  0%{opacity:0;transform:scale(.65) rotate(-10deg)}
  75%{opacity:1;transform:scale(1.05) rotate(0)}
  100%{opacity:1;transform:scale(1) rotate(0)}
}
@keyframes congd-kinetic-dot{
  0%,100%{box-shadow:0 0 0 5px rgba(216,86,58,.10)}
  50%{box-shadow:0 0 0 12px rgba(216,86,58,.04)}
}
@keyframes congd-kinetic-halo{
  0%,30%,100%{opacity:0;transform:scale(.9)}
  57%{opacity:.85;transform:scale(1.09)}
  82%{opacity:0;transform:scale(1.18)}
}
@media(max-width:1100px){
  body.congd-site.congd-participa-page .participa-kinetic-art{min-height:445px;padding:20px 20px 18px}
  body.congd-site.congd-participa-page .participa-kinetic-opening{font-size:24px}
  body.congd-site.congd-participa-page .participa-kinetic-type{gap:11px;padding:13px}
  body.congd-site.congd-participa-page .participa-kinetic-type strong{font-size:19px}
  body.congd-site.congd-participa-page .participa-kinetic-outcome{font-size:28px}
  body.congd-site.congd-participa-page .participa-kinetic-merge{gap:12px}
}
@media(max-width:900px){
  body.congd-site.congd-participa-page .participa-kinetic-art{min-height:475px;max-width:520px}
  body.congd-site.congd-participa-page .participa-kinetic-type strong{font-size:25px}
  body.congd-site.congd-participa-page .participa-kinetic-outcome{font-size:35px}
}
@media(max-width:640px){
  body.congd-site.congd-participa-page .participa-kinetic-art{min-height:0;padding:20px 17px 15px;box-shadow:7px 7px 0 rgba(54,41,33,.15)}
  body.congd-site.congd-participa-page .participa-kinetic-header,
  body.congd-site.congd-participa-page .participa-kinetic-footer{font-size:9px!important}
  body.congd-site.congd-participa-page .participa-kinetic-scene{padding:25px 0 19px}
  body.congd-site.congd-participa-page .participa-kinetic-opening{font-size:23px}
  body.congd-site.congd-participa-page .participa-kinetic-type{padding:13px 11px;gap:8px}
  body.congd-site.congd-participa-page .participa-kinetic-type>span{flex-basis:17px}
  body.congd-site.congd-participa-page .participa-kinetic-type strong{font-size:clamp(15px,5vw,22px)}
  body.congd-site.congd-participa-page .participa-kinetic-merge{gap:11px}
  body.congd-site.congd-participa-page .participa-kinetic-symbol{flex-basis:72px;width:72px;height:72px}
  body.congd-site.congd-participa-page .participa-kinetic-outcome{font-size:clamp(24px,7vw,32px)}
}
@media(max-width:360px){
  body.congd-site.congd-participa-page .participa-kinetic-art{padding:15px 12px}
  body.congd-site.congd-participa-page .participa-kinetic-type strong{font-size:14px}
  body.congd-site.congd-participa-page .participa-kinetic-merge{gap:8px}
  body.congd-site.congd-participa-page .participa-kinetic-symbol{flex-basis:60px;width:60px;height:60px}
  body.congd-site.congd-participa-page .participa-kinetic-outcome{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  body.congd-site.congd-participa-page .participa-kinetic-art *,
  body.congd-site.congd-participa-page .participa-kinetic-art *::before,
  body.congd-site.congd-participa-page .participa-kinetic-art *::after{
    animation:none!important;
    transition:none!important;
    opacity:1!important;
    transform:none!important;
    clip-path:none!important;
  }
}