/* organizadores.css — página «Para Organizadores» (DEM-162). Segue docs/guia_de_estilo_oficial.md. */
.org-page { display: flex; flex-direction: column; gap: 1.6rem; padding-bottom: 2rem; }
.org-kicker { display: inline-flex; align-items: center; gap: .45rem; font-size: .72rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: #ffc400; }
.org-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 1.5rem; align-items: center; padding: 2.2rem 2rem; border-radius: 24px; overflow: hidden;
  background: radial-gradient(70% 120% at 0% 0%, rgba(243, 156, 18, .25), transparent 60%), radial-gradient(60% 100% at 100% 100%, rgba(255, 196, 0, .12), transparent 60%), linear-gradient(160deg, #17181f, #0b0c10);
  border: 1px solid rgba(255, 255, 255, .1); }
.org-hero::after { content: ''; position: absolute; right: -40px; top: -40px; width: 260px; height: 260px; opacity: .07; pointer-events: none; background: repeating-conic-gradient(#fff 0 25%, transparent 0 50%) 0 0 / 40px 40px; transform: rotate(12deg); }
.org-hero h1 { margin: .5rem 0 .8rem; font: italic 900 clamp(2rem, 4.2vw, 3.3rem)/1.02 'Exo 2', sans-serif; text-transform: uppercase; color: #fff; }
.org-hero h1 span { color: var(--color-accent, #f39c12); }
.org-hero p { max-width: 560px; font-size: 1.02rem; color: rgba(255, 255, 255, .8); }
.org-hero-cta { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.1rem; }
.org-hero-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; position: relative; z-index: 1; }
.org-stat { display: flex; flex-direction: column; gap: .15rem; padding: 1rem; border-radius: 16px; background: rgba(10, 10, 14, .6); border: 1px solid rgba(255, 255, 255, .1); animation: org-in .6s cubic-bezier(.2, .9, .2, 1) both; animation-delay: calc(var(--i) * 90ms); }
.org-stat i { color: var(--color-accent, #f39c12); font-size: 1.2rem; }
.org-stat b { font: italic 900 2.2rem/1 'Exo 2', sans-serif; color: #fff; font-variant-numeric: tabular-nums; }
.org-stat span { font-size: .78rem; font-weight: 700; color: rgba(255, 255, 255, .65); }
.org-block { padding: 1.6rem 1.6rem 1.8rem; border-radius: 20px; background: linear-gradient(165deg, #17181f, #101116); border: 1px solid rgba(255, 255, 255, .08); }
.org-block h2 { margin: .3rem 0 1.1rem; font: italic 900 clamp(1.3rem, 2.6vw, 1.8rem)/1.15 'Exo 2', sans-serif; text-transform: uppercase; color: #fff; }
.org-logos { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: .8rem; }
.org-logo { margin: 0; display: flex; flex-direction: column; align-items: center; gap: .5rem; padding: .9rem .6rem; border-radius: 16px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .08); text-align: center; transition: transform .2s ease, border-color .2s ease; }
.org-logo:hover { transform: translateY(-4px); border-color: var(--color-accent, #f39c12); }
.org-logo img { width: 72px; height: 72px; object-fit: contain; border-radius: 14px; background: rgba(255, 255, 255, .06); padding: 6px; }
.org-logo figcaption { display: flex; flex-direction: column; font-size: .8rem; font-weight: 800; color: #fff; line-height: 1.2; }
.org-logo figcaption small { font-size: .72rem; font-weight: 700; color: rgba(255, 255, 255, .55); }
.org-features { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .85rem; }
.org-feature { position: relative; padding: 1.1rem 1.1rem 1rem; border-radius: 16px; background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .08); animation: org-in .5s ease both; animation-delay: calc(var(--i) * 60ms); }
.org-feature i { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; font-size: 1.15rem; color: #111; background: var(--color-accent, #f39c12); }
.org-feature h3 { margin: .7rem 0 .35rem; font: italic 900 1.02rem/1.2 'Exo 2', sans-serif; text-transform: uppercase; color: #fff; }
.org-feature p { margin: 0; font-size: .88rem; color: rgba(255, 255, 255, .72); }
.org-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; counter-reset: s; }
.org-steps li { position: relative; display: flex; gap: .8rem; padding: 1.1rem; border-radius: 16px; background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .08); }
.org-steps li > b { flex: 0 0 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font: italic 900 1.5rem 'Exo 2', sans-serif; color: #111; background: linear-gradient(180deg, #fff1a8, #ffc400); }
.org-steps h3 { margin: 0 0 .3rem; font: italic 900 1rem 'Exo 2', sans-serif; text-transform: uppercase; color: #fff; }
.org-steps p { margin: 0; font-size: .88rem; color: rgba(255, 255, 255, .72); }
.org-faq { display: grid; gap: .55rem; }
.org-faq details { border-radius: 14px; background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .08); }
.org-faq summary { cursor: pointer; padding: .9rem 1rem; font-weight: 800; color: #fff; list-style: none; display: flex; justify-content: space-between; gap: 1rem; }
.org-faq summary::after { content: '+'; color: var(--color-accent, #f39c12); font-weight: 900; }
.org-faq details[open] summary::after { content: '–'; }
.org-faq summary:focus-visible { outline: 2px solid var(--color-accent, #f39c12); outline-offset: 2px; border-radius: 14px; }
.org-faq p { margin: 0; padding: 0 1rem 1rem; color: rgba(255, 255, 255, .75); font-size: .9rem; }
.org-final { text-align: center; padding: 2rem 1.4rem; border-radius: 22px; background: radial-gradient(80% 140% at 50% 0%, rgba(243, 156, 18, .22), transparent 65%), #121318; border: 1px solid rgba(243, 156, 18, .35); }
.org-final h2 { margin: 0 0 .5rem; font: italic 900 clamp(1.4rem, 3vw, 2rem)/1.1 'Exo 2', sans-serif; text-transform: uppercase; color: #fff; }
.org-final p { color: rgba(255, 255, 255, .75); }
.org-final .org-hero-cta { justify-content: center; }
.org-final small { display: block; margin-top: 1rem; color: rgba(255, 255, 255, .55); }
.org-final small a { color: var(--color-accent, #f39c12); }
@keyframes org-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (max-width: 900px) { .org-hero { grid-template-columns: 1fr; padding: 1.6rem 1.2rem; } .org-steps { grid-template-columns: 1fr; } }
@media (max-width: 560px) {
  .org-block { padding: 1.2rem 1rem 1.3rem; }
  .org-hero-cta .rival-button { flex: 1 1 100%; justify-content: center; }
  .org-stat b { font-size: 1.8rem; }
}
@media (prefers-reduced-motion: reduce) { .org-stat, .org-feature { animation: none; } .org-logo { transition: none; } }
