/*
Theme Name: Desafio COB de Startups 2026
Theme URI: https://www.arenahub.com.br/desafio-cob-startups
Author: Arena Hub
Author URI: https://www.arenahub.com.br
Description: Landing page do 2o Desafio COB de Startups (2a edicao), em parceria com o Comite Olimpico do Brasil.
Version: 3.0
License: proprietario
Text Domain: desafiocob
*/

:root{
  --teal-950:#08211d;
  --teal-900:#0c2f29;
  --teal-800:#12433a;
  --teal-700:#1a5c4f;
  --gold:#f0b429;
  --gold-soft:#f8cf5a;
  --gold-hot:#ffce3a;
  --cream:#f6f1de;
  --cream-dim:#d8dccb;
  --line:rgba(246,241,222,0.14);
  --mx:50%;
  --my:35%;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Inter',sans-serif;
  background:var(--teal-950);
  color:var(--cream);
  -webkit-font-smoothing:antialiased;
  position:relative;
}
h1,h2,h3,.logo-word{font-family:'Poppins',sans-serif;}
em{font-family:'Fraunces',serif;font-style:italic;font-weight:500;color:var(--gold-soft);}
a{color:inherit;}
img{max-width:100%;display:block;}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

/* ---------- Dynamic background field ---------- */
.bg-fx{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(1200px 900px at var(--mx) var(--my), rgba(255,206,58,0.28), transparent 60%),
    linear-gradient(160deg, #123b32 0%, #0a2a24 45%, #061512 100%);
}
.bg-fx .blob{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform;}
.blob-1{width:640px;height:640px;top:-140px;left:-120px;background:radial-gradient(circle at 30% 30%, rgba(255,206,58,0.55), rgba(255,206,58,0) 70%);transform:translate(calc((var(--mx) - 50%) * 0.12), calc((var(--my) - 35%) * 0.12));}
.blob-2{width:520px;height:520px;top:20%;right:-160px;background:radial-gradient(circle at 60% 40%, rgba(240,180,41,0.38), rgba(240,180,41,0) 70%);transform:translate(calc((var(--mx) - 50%) * -0.18), calc((var(--my) - 35%) * 0.08));}
.blob-3{width:760px;height:760px;bottom:-320px;left:10%;background:radial-gradient(circle at 50% 50%, rgba(127,196,179,0.28), rgba(127,196,179,0) 70%);transform:translate(calc((var(--mx) - 50%) * 0.08), calc((var(--my) - 35%) * -0.10));}
.blob-4{width:420px;height:420px;top:55%;left:45%;background:radial-gradient(circle at 40% 40%, rgba(255,231,140,0.32), rgba(255,231,140,0) 70%);transform:translate(calc((var(--mx) - 50%) * 0.22), calc((var(--my) - 35%) * 0.22));}
.grain{position:absolute;inset:0;opacity:0.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay;}
@media (prefers-reduced-motion: reduce){ .bg-fx .blob{transform:none !important;} }

main, header, footer{position:relative;z-index:1;}

/* ---------- Reveal on scroll ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity 0.7s ease, transform 0.7s ease;}
.reveal.is-visible{opacity:1;transform:translateY(0);}

/* ---------- Kicker / eyebrow ---------- */
.kicker{
  display:flex;align-items:center;gap:10px;
  font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--gold-soft);margin-bottom:16px;
}
.kicker::before{content:'';width:26px;height:2px;background:var(--gold);display:inline-block;}

/* ---------- Header ---------- */
header{position:sticky;top:0;z-index:20;background:rgba(8,33,29,0.72);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.header-row{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:16px;}
.brandmark{display:flex;align-items:center;gap:10px;}
.brandmark svg{width:34px;height:34px;flex-shrink:0;}
.brandmark .logo-word{font-size:15px;font-weight:700;color:var(--cream);line-height:1.15;}
.brandmark .logo-word span.cob{color:#7fc4b3;}
.brandmark .logo-word .edition{display:block;font-size:9.5px;font-weight:700;letter-spacing:0.14em;color:var(--gold-soft);margin-bottom:2px;}
.brandmark .logo-word .sub{display:block;font-size:12px;font-weight:800;font-style:italic;color:var(--gold);}
nav{display:flex;gap:26px;font-size:13.5px;font-weight:500;}
nav a{opacity:0.85;text-decoration:none;}
nav a:hover{opacity:1;}
.header-cta{background:linear-gradient(135deg, var(--gold-hot), var(--gold));color:var(--teal-950);font-weight:700;font-size:13px;padding:10px 20px;border-radius:100px;text-decoration:none;white-space:nowrap;}
@media (max-width:820px){ nav{display:none;} }

/* ---------- Hero ---------- */
.hero{padding:60px 0 0;border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.hero-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:36px;}
.hero-photo-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.hero-photo-bg .half{
  position:absolute;
  top:0;bottom:0;
  width:56%;
  background-size:cover;
  background-position:center;
  opacity:0.42;
  filter:grayscale(20%) contrast(1.08) brightness(0.95) saturate(1.1);
}
.hero-photo-bg .half.left{left:0;-webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 75%, transparent 100%);mask-image:linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 75%, transparent 100%);}
.hero-photo-bg .half.right{right:0;-webkit-mask-image:linear-gradient(270deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.65) 70%, transparent 100%);mask-image:linear-gradient(270deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.65) 70%, transparent 100%);}
.hero-photo-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(8,33,29,0.18) 0%, rgba(8,33,29,0.68) 78%, var(--teal-950) 100%);
}
.hero > .wrap{position:relative;z-index:1;}
@media (max-width:760px){ .hero-photo-bg .half{width:100%;opacity:0.3;} }
.cob-logo-hero{height:88px;width:auto;flex-shrink:0;filter:drop-shadow(0 8px 24px rgba(0,0,0,0.35));transform:translate(calc((var(--mx) - 50%) * 0.03), calc((var(--my) - 35%) * 0.03));transition:transform 0.05s linear;}
@media (prefers-reduced-motion: reduce){ .cob-logo-hero{transform:none !important;} }
@media (max-width:600px){ .cob-logo-hero{height:68px;} }
.partner-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0.02em;color:var(--cream-dim);border:1px solid var(--line);padding:6px 14px;border-radius:100px;background:rgba(8,33,29,0.35);}
.partner-tag b{color:var(--cream);font-weight:600;}

.hero-headline-row{max-width:820px;}
.hero h1{font-size:clamp(38px,5.6vw,64px);line-height:1.06;font-weight:700;margin:0 0 24px;color:var(--cream);text-shadow:0 2px 40px rgba(0,0,0,0.25);}
.hero p.lead{font-size:18px;line-height:1.65;color:var(--cream-dim);max-width:56ch;margin:0 0 34px;}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:56px;}
.btn-primary{background:linear-gradient(135deg, var(--gold-hot), var(--gold));color:var(--teal-950);font-weight:700;font-size:15px;padding:16px 28px;border-radius:10px;text-decoration:none;display:inline-block;box-shadow:0 14px 30px -8px rgba(255,206,58,0.55);transition:transform 0.15s ease, box-shadow 0.15s ease;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px -8px rgba(255,206,58,0.65);}
.btn-secondary{border:1px solid var(--line);color:var(--cream);font-weight:600;font-size:15px;padding:15px 26px;border-radius:10px;text-decoration:none;display:inline-block;background:rgba(8,33,29,0.3);}
.btn-secondary:hover{border-color:rgba(246,241,222,0.35);}

/* Stat strip like TS reference (number / label, divided) */
.stat-strip{
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
}
.stat-strip .stat-item{
  padding:30px 24px;
  border-right:1px solid var(--line);
  text-align:center;
}
.stat-strip .stat-item:last-child{border-right:none;}
.stat-strip .stat-item strong{display:block;font-family:'Poppins',sans-serif;font-size:clamp(28px,3.4vw,40px);font-weight:700;color:var(--gold-soft);margin-bottom:6px;}
.stat-strip .stat-item span{font-size:13px;color:var(--cream-dim);}
@media (max-width:700px){ .stat-strip{grid-template-columns:1fr;} .stat-strip .stat-item{border-right:none;border-bottom:1px solid var(--line);} .stat-strip .stat-item:last-child{border-bottom:none;} }

/* ---------- Sections ---------- */
section{padding:88px 0;position:relative;}
.section-head{max-width:640px;margin:0 0 44px;}
.section-title{font-size:clamp(26px,3.2vw,36px);font-weight:700;color:var(--cream);margin:0 0 14px;}
.section-sub{font-size:16px;color:var(--cream-dim);line-height:1.65;margin:0;}
.divider{border:none;border-top:1px solid var(--line);}

/* O desafio */
.about{background:rgba(12,47,41,0.42);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.about-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:start;}
@media (max-width:880px){ .about-grid{grid-template-columns:1fr;} }
.about-body p{font-size:16px;line-height:1.75;color:var(--cream-dim);margin:0 0 18px;}
.about-body p:last-child{margin-bottom:0;}
.about-side{
  background:rgba(18,67,58,0.55);
  border:1px solid var(--line);
  border-radius:16px;
  padding:30px;
}
.edition-badge{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--line);}
.edition-badge .num{font-family:'Poppins',sans-serif;font-size:40px;font-weight:800;color:var(--gold-soft);line-height:1;}
.edition-badge .txt{font-size:13px;color:var(--cream-dim);line-height:1.4;}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;}
.chip{font-size:12.5px;padding:7px 13px;border-radius:100px;border:1px solid var(--line);color:var(--cream-dim);background:rgba(8,33,29,0.4);}

/* Regulamento */
.reg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;}
@media (max-width:880px){ .reg-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .reg-grid{grid-template-columns:1fr;} }
.reg-card{background:var(--teal-900);padding:30px 26px;}
.reg-card .n{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--gold-soft);letter-spacing:0.06em;margin-bottom:14px;}
.reg-card h3{font-size:16.5px;margin:0 0 10px;color:var(--cream);}
.reg-card p{font-size:14px;color:var(--cream-dim);line-height:1.6;margin:0;}
.reg-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:32px;padding:22px 26px;border:1px dashed var(--line);border-radius:14px;background:rgba(18,67,58,0.35);}
.reg-cta p{margin:0;font-size:14.5px;color:var(--cream-dim);max-width:44ch;}
.reg-cta p b{color:var(--cream);}

/* Theses */
.thesis-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
@media (max-width:1040px){ .thesis-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:700px){ .thesis-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:460px){ .thesis-grid{grid-template-columns:1fr;} }
.thesis-card{background:rgba(18,67,58,0.5);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:border-color 0.2s ease, transform 0.2s ease;}
.thesis-card:hover{border-color:rgba(248,207,90,0.4);transform:translateY(-4px);}
.thesis-card .n{position:absolute;top:-4px;right:8px;font-family:'Poppins',sans-serif;font-size:42px;font-weight:800;color:rgba(246,241,222,0.06);line-height:1;}
.thesis-card h3{font-size:15px;margin:0 0 8px;color:var(--cream);position:relative;line-height:1.25;}
.thesis-card p{font-size:12.5px;color:var(--cream-dim);line-height:1.55;margin:0;position:relative;}

/* Embaixadores */
.ambassador-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
@media (max-width:700px){ .ambassador-grid{grid-template-columns:1fr;} }
.ambassador-card{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  aspect-ratio:4/5;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 50% 38%, rgba(248,207,90,0.10), transparent 55%),
    repeating-linear-gradient(135deg, rgba(246,241,222,0.035) 0 2px, transparent 2px 14px),
    linear-gradient(160deg, var(--teal-800) 0%, var(--teal-900) 100%);
}
.ambassador-placeholder{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;
}
.ambassador-placeholder svg{width:64px;height:64px;opacity:0.35;}
.ambassador-placeholder span{
  font-size:11.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;
  color:var(--cream-dim);opacity:0.6;
}
.ambassador-scrim{
  position:absolute;left:0;right:0;bottom:0;
  padding:26px 24px 22px;
  background:linear-gradient(180deg, rgba(8,33,29,0) 0%, rgba(8,33,29,0.65) 35%, rgba(8,33,29,0.96) 100%);
}
.ambassador-quote{font-family:'Fraunces',serif;font-style:italic;font-weight:500;font-size:19px;line-height:1.42;color:var(--cream);margin:0 0 14px;}
.ambassador-name{font-size:13.5px;font-weight:700;color:var(--gold-soft);}
.ambassador-role{font-size:12.5px;color:var(--cream-dim);margin-top:2px;}
.ambassador-note{margin-top:24px;padding:16px 20px;border:1px dashed var(--line);border-radius:12px;font-size:13px;color:var(--cream-dim);background:rgba(8,33,29,0.3);}
.ambassador-note b{color:var(--cream);}

/* Cronograma */
.timeline-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
@media (max-width:960px){ .timeline-cards{grid-template-columns:repeat(3,1fr);} }
@media (max-width:620px){ .timeline-cards{grid-template-columns:1fr 1fr;} }
.tl-card{background:rgba(18,67,58,0.5);border:1px solid var(--line);border-radius:14px;padding:22px 18px;}
.tl-card.active{border-color:var(--gold);background:rgba(240,180,41,0.10);}
.tl-card .tl-date{font-size:11.5px;font-weight:700;letter-spacing:0.04em;color:var(--gold-soft);margin-bottom:10px;text-transform:uppercase;}
.tl-card h3{font-size:14.5px;margin:0 0 8px;color:var(--cream);line-height:1.3;}
.tl-card p{font-size:12.5px;color:var(--cream-dim);line-height:1.5;margin:0;}

/* Final CTA band */
.final-band{text-align:center;border-top:1px solid var(--line);background:radial-gradient(900px 400px at 50% 0%, rgba(255,206,58,0.10), transparent 70%);}
.final-band .kicker{justify-content:center;}
.final-band h2{font-size:clamp(28px,4vw,42px);margin:0 0 18px;font-weight:700;}
.final-band p{font-size:16px;color:var(--cream-dim);max-width:52ch;margin:0 auto 30px;line-height:1.65;}
.final-band .venue{font-size:13.5px;color:var(--cream-dim);margin-top:22px;}
.final-band .venue b{color:var(--gold-soft);}

/* Footer */
footer{padding:56px 0 32px;border-top:1px solid var(--line);}
.footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px;margin-bottom:32px;}
.footer-col h4{font-size:13px;color:var(--cream-dim);font-weight:600;margin:0 0 12px;}
.footer-col p, .footer-col a{font-size:14px;color:var(--cream);text-decoration:none;line-height:1.8;display:block;}
.partners-block{padding:28px 0;border-top:1px solid var(--line);margin-bottom:8px;text-align:center;}
.partners-block h4{font-size:12px;letter-spacing:0.04em;color:var(--cream-dim);font-weight:600;margin:0 0 16px;}
.partners-block + .partners-block{border-top:none;padding-top:0;}
.partner-logos{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.partner-logo-slot{width:120px;height:56px;border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10.5px;color:var(--cream-dim);background:rgba(18,67,58,0.35);text-align:center;padding:6px;}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;border-top:1px solid var(--line);font-size:12.5px;color:var(--cream-dim);}
.brand-strip{padding:44px 24px;}
.brand-strip.dark{background:#000000;}
.brand-strip.light{background:#ffffff;}
.brand-strip img{display:block;margin:0 auto;max-width:100%;width:auto;height:auto;max-height:220px;}
.brand-strip.dark img{max-height:20px;}
.brand-strip-title{text-align:center;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--cream-dim);font-weight:600;margin:0 0 22px;}
@media (max-width:600px){ .brand-strip{padding:32px 16px;} .brand-strip img{max-height:140px;} .brand-strip.dark img{max-height:15px;} }