/* Identidad cromática TSP: seis colores oficiales. Variantes claras son mezclas con blanco; nunca se sustituyen tonos principales. */
:root{--brand-gray:#575756;--brand-purple:#8000DB;--brand-red:#E02236;--brand-green:#6EB335;--brand-orange:#F55D0D;--brand-yellow:#F5CA01}
/* Acentos exactos, con contraste de texto apropiado sobre colores institucionales. */
.challenge-card:nth-child(1) .flip-back{background:var(--brand-purple)!important;border-color:var(--brand-purple)!important;color:#fff!important}
.challenge-card:nth-child(2) .flip-back{background:var(--brand-green)!important;border-color:var(--brand-green)!important;color:#26202d!important}
.challenge-card:nth-child(3) .flip-back{background:var(--brand-orange)!important;border-color:var(--brand-orange)!important;color:#26202d!important}
.challenge-card:nth-child(2) .flip-back h3,.challenge-card:nth-child(2) .flip-back p,.challenge-card:nth-child(3) .flip-back h3,.challenge-card:nth-child(3) .flip-back p{color:#26202d!important}
.challenge-card:nth-child(2) .flip-back-label,.challenge-card:nth-child(3) .flip-back-label{color:#26202d!important}
.challenge-card:nth-child(2) .flip-cta,.challenge-card:nth-child(3) .flip-cta,.challenge-card:nth-child(2) .flip-return,.challenge-card:nth-child(3) .flip-return{color:#26202d!important;border-color:#26202d!important}
.challenge-card:nth-child(2) .flip-icon{color:#575756!important;background:color-mix(in srgb,var(--brand-green) 16%, white)!important}
.challenge-card:nth-child(3) .flip-icon{color:#575756!important;background:color-mix(in srgb,var(--brand-orange) 16%, white)!important}
.challenge-card:nth-child(1) .challenge-answer{background:color-mix(in srgb,var(--brand-purple) 7%,white)!important;border-left-color:var(--brand-purple)!important}
.challenge-card:nth-child(2) .challenge-answer{background:color-mix(in srgb,var(--brand-green) 11%,white)!important;border-left-color:var(--brand-green)!important}
.challenge-card:nth-child(3) .challenge-answer{background:color-mix(in srgb,var(--brand-orange) 10%,white)!important;border-left-color:var(--brand-orange)!important}
.challenge-card .challenge-answer strong,.challenge-card .challenge-answer span{color:#26202d!important}
.challenge-card:nth-child(2) .flip-front:before{background:var(--brand-green)!important}
.challenge-card:nth-child(3) .flip-front:before{background:var(--brand-orange)!important}
.challenge-card[data-flip-click]{cursor:pointer}
.challenge-card[data-flip-click]:focus-visible{outline:4px solid var(--brand-purple);outline-offset:5px;border-radius:25px}
.challenge-card[data-flip-click] .flip-back:has(a:hover){cursor:auto}
@media (prefers-reduced-motion:reduce){.flip-card-inner{transition:none!important}.challenge-card:hover{transform:none!important}}
/* Link/interactive states are not indicated through color alone. */
.challenge-card .flip-control{text-decoration:underline;text-underline-offset:3px}
.challenge-card .flip-cta{text-decoration:underline;text-underline-offset:4px}