/*
Theme Name: Kong Race
Theme URI: https://www.kongrace.com.br
Author: Kong Race
Description: Tema oficial da Kong Race - Corrida de Obstáculos
Version: 1.1
Text Domain: kongrace
CHANGELOG v1.1:
  - CORREÇÃO MENU: logo personalizada com limite de altura (max-height 52px)
  - CORREÇÃO CARROSSEL: altura do hero reduzida de 88vh para 62vh
*/

/* ============ VARIÁVEIS E RESET ============ */
:root{
  --preto:#0a0a0a;
  --preto-soft:#111;
  --amarelo:#FFD700;
  --branco:#fff;
  --cinza:#888;
  --anton:'Anton',sans-serif;
  --oswald:'Oswald',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--preto);color:var(--branco);font-family:var(--oswald);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* ============ TOP BAR ============ */
.top-bar{background:#000;border-bottom:1px solid #1a1a1a;padding:8px 0;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}
.top-bar .container{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}
.top-bar a{color:#777;transition:color .3s}
.top-bar a:hover{color:var(--amarelo)}

/* ============ MAIN NAV ============ */
.main-nav{background:var(--preto);border-bottom:2px solid var(--amarelo);padding:14px 0;position:sticky;top:0;z-index:100}
.main-nav .container{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo-area{display:flex;align-items:center;gap:12px;cursor:pointer}
/* v1.1 FIX: limita o tamanho da logo personalizada para não estourar o menu */
.logo-area img{max-height:52px;width:auto;height:auto;display:block}
.logo-text{font-family:var(--anton);font-size:20px;letter-spacing:2px;line-height:1}
.logo-text span{display:block;font-family:var(--oswald);font-size:9px;letter-spacing:3px;color:var(--amarelo);font-weight:500;margin-top:2px}
.nav-menu{display:flex;align-items:center;gap:24px;list-style:none;flex-wrap:nowrap;margin:0;padding:0}
.nav-menu a{font-family:var(--oswald);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--branco);font-weight:500;transition:color .3s;white-space:nowrap}
.nav-menu a:hover{color:var(--amarelo)}
.mobile-toggle{display:none;background:none;border:none;color:var(--branco);font-size:26px;cursor:pointer}

/* ============ BOTÃO ============ */
.btn-inscrever{display:inline-block;background:var(--amarelo);color:var(--preto);font-family:var(--anton);font-size:14px;letter-spacing:2px;text-transform:uppercase;padding:14px 32px;transition:background .3s,transform .3s;border:none;cursor:pointer}
.btn-inscrever:hover{background:var(--branco);transform:translateY(-2px)}

/* ============ HERO CAROUSEL ============ */
/* v1.1 FIX: altura reduzida de 88vh para 62vh (não dominar mais a página) */
.hero{position:relative;height:62vh;min-height:420px;overflow:hidden}
.carousel{position:absolute;inset:0}
.carousel-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease}
.carousel-slide.active{opacity:1}
.hero-content{position:relative;z-index:5;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 8%;max-width:1200px;margin:0 auto;background:linear-gradient(to right,rgba(0,0,0,.75),rgba(0,0,0,.25) 60%,transparent)}
.hero-tag{font-family:var(--oswald);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--amarelo);font-weight:600;margin-bottom:14px}
.hero-content h1{font-family:var(--anton);font-size:64px;font-weight:400;letter-spacing:2px;text-transform:uppercase;line-height:1.05;margin-bottom:18px}
.hero-content h1 .yellow{color:var(--amarelo)}
.hero-content p{font-family:var(--oswald);font-size:18px;color:#ddd;font-weight:300;max-width:560px;margin-bottom:30px;letter-spacing:1px}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);color:var(--branco);width:48px;height:48px;font-size:26px;cursor:pointer;transition:all .3s}
.carousel-arrow:hover{background:var(--amarelo);color:var(--preto);border-color:var(--amarelo)}
.carousel-arrow.prev{left:20px}
.carousel-arrow.next{right:20px}
.carousel-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:10px}
.carousel-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .3s}
.carousel-dot.active{background:var(--amarelo);transform:scale(1.3)}

/* ============ EVENTS STRIP ============ */
.events-strip{background:var(--preto-soft);border-bottom:1px solid #1a1a1a;padding:16px 0}
.events-strip .container{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}
.events-strip a{font-family:var(--oswald);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#aaa;font-weight:500;transition:color .3s}
.events-strip a:hover{color:var(--amarelo)}

/* ============ SEÇÕES ============ */
.section{padding:90px 0}
.section-dark{background:var(--preto)}
.section-soft{background:var(--preto-soft)}
.section-header{margin-bottom:48px}
.section-title{font-family:var(--anton);font-size:42px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--amarelo);margin-bottom:10px}
.section-subtitle{font-family:var(--oswald);font-size:16px;color:#888;font-weight:300;letter-spacing:1px}
.content-block{max-width:760px}
.content-block p{font-size:16px;color:#bbb;margin-bottom:20px}

/* ============ INFO CARDS ============ */
.info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.info-card{border:1px solid #1a1a1a;padding:30px 20px;text-align:center;transition:border-color .3s}
.info-card:hover{border-color:var(--amarelo)}
.info-card .num{font-family:var(--anton);font-size:40px;color:var(--amarelo);letter-spacing:1px}
.info-card .lbl{font-family:var(--oswald);font-size:13px;color:#888;letter-spacing:2px;text-transform:uppercase;margin-top:8px}

/* ============ OBSTÁCULOS ============ */
.obstacles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.obstacle-card{position:relative;overflow:hidden;height:320px;display:block}
.obstacle-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.obstacle-card:hover img{transform:scale(1.05)}
.obstacle-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}
.obstacle-overlay .cat{font-family:var(--oswald);font-size:11px;color:var(--amarelo);letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-bottom:6px}
.obstacle-overlay h3{font-family:var(--anton);font-size:24px;font-weight:400;letter-spacing:1px;text-transform:uppercase}

/* ============ CALENDÁRIO / EVENTOS ============ */
.event-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.event-card{background:var(--preto);border:1px solid #1a1a1a;overflow:hidden;transition:border-color .3s}
.event-card:hover{border-color:var(--amarelo)}
.event-card-img{width:100%;height:180px;object-fit:cover}
.event-card-body{display:flex;gap:16px;padding:20px}
.event-card-date{text-align:center;min-width:56px}
.event-card-date .day{display:block;font-family:var(--anton);font-size:34px;color:var(--amarelo);line-height:1}
.event-card-date .month{font-family:var(--oswald);font-size:12px;color:#888;letter-spacing:2px;text-transform:uppercase}
.event-card-info h3{font-family:var(--anton);font-size:18px;font-weight:400;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.event-card-type{font-size:13px;color:#888;margin-bottom:10px}
.event-status{display:inline-block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;font-weight:600}
.status-open{background:var(--amarelo);color:var(--preto)}
.status-soon{background:#333;color:#aaa}
.status-closed{background:#1a1a1a;color:#555}
.event-card-cta{display:block;text-align:center;background:var(--amarelo);color:var(--preto);font-family:var(--anton);font-size:13px;letter-spacing:2px;padding:12px;transition:background .3s}
.event-card-cta:hover{background:var(--branco)}

/* ============ CT SPLIT ============ */
.ct-split{display:grid;grid-template-columns:1fr 1fr;min-height:480px}
.ct-image{background-size:cover;background-position:center}
.ct-text{background:var(--preto);display:flex;flex-direction:column;justify-content:center;padding:60px}
.ct-text h2{font-family:var(--anton);font-size:38px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--amarelo);margin-bottom:20px}
.ct-text p{font-size:16px;color:#bbb;max-width:460px;margin-bottom:30px}

/* ============ PARCEIROS ============ */
.partner-tier{font-family:var(--anton);font-size:18px;letter-spacing:3px;color:var(--amarelo);margin-bottom:16px}
.partners-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.partner-card{background:var(--preto);border:1px solid #1a1a1a;padding:20px 30px;display:flex;align-items:center;justify-content:center;min-height:90px;transition:border-color .3s}
.partner-card:hover{border-color:var(--amarelo)}
.partner-card span{font-family:var(--oswald);font-size:14px;color:#aaa;letter-spacing:1px}

/* ============ BLOG ============ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-card{background:var(--preto);border:1px solid #1a1a1a;overflow:hidden;transition:border-color .3s}
.blog-card:hover{border-color:var(--amarelo)}
.blog-img{height:200px;overflow:hidden}
.blog-img img{width:100%;height:100%;object-fit:cover}
.blog-cat{font-family:var(--oswald);font-size:11px;color:var(--amarelo);letter-spacing:2px;text-transform:uppercase;font-weight:600;padding:16px 20px 0}
.blog-card h3{font-family:var(--anton);font-size:18px;font-weight:400;letter-spacing:1px;text-transform:uppercase;padding:8px 20px 0;line-height:1.2}
.blog-date{font-size:12px;color:#666;padding:10px 20px 20px}

/* ============ NEWSLETTER ============ */
.newsletter{background:var(--amarelo);padding:70px 0;text-align:center}
.newsletter h2{font-family:var(--anton);font-size:34px;color:var(--preto);letter-spacing:2px;margin-bottom:10px}
.newsletter p{font-family:var(--oswald);font-size:15px;color:var(--preto);font-weight:400;margin-bottom:24px}
.newsletter input{background:var(--preto);border:none;color:var(--branco);padding:14px 20px;font-family:var(--oswald);font-size:14px;min-width:300px;outline:none}
.newsletter button{background:var(--preto);border:none;color:var(--amarelo);font-family:var(--anton);font-size:14px;letter-spacing:2px;padding:14px 28px;cursor:pointer;transition:opacity .3s}
.newsletter button:hover{opacity:.8}

/* ============ PAGE HERO (páginas internas) ============ */
.page-hero{background:var(--preto-soft);border-bottom:2px solid var(--amarelo);padding:70px 0;text-align:center}
.page-hero h1{font-family:var(--anton);font-size:44px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--amarelo);margin-bottom:8px}
.page-hero p{font-size:16px;color:#888}

/* ============ FOOTER ============ */
footer{background:#000;border-top:2px solid var(--amarelo);padding:60px 0 0}
.footer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;padding-bottom:40px}
.footer-col{display:flex;flex-direction:column;gap:10px}
.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:8px}
/* CORREÇÃO FORTE: limita a logo no rodapé (com !important) */
.footer-logo a{display:inline-flex;align-items:center}
.footer-logo img,
.footer-logo .custom-logo{
  max-height:40px !important;
  max-width:180px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain;
}
.footer-col h4{font-family:var(--anton);font-size:15px;letter-spacing:2px;color:var(--amarelo);text-transform:uppercase;margin-bottom:10px}
.footer-col a{font-size:14px;color:#aaa;transition:color .3s}
.footer-col a:hover{color:var(--amarelo)}
.social-icons{display:flex;gap:12px;margin-top:10px}
.social-icons a{width:36px;height:36px;border:1px solid #333;display:flex;align-items:center;justify-content:center;font-size:12px;color:#aaa;transition:all .3s}
.social-icons a:hover{border-color:var(--amarelo);color:var(--amarelo)}
.footer-bottom{border-top:1px solid #1a1a1a;padding:20px 0;text-align:center;font-size:13px;color:#555}
/* REMOVE AS BOLINHAS DOS MENUS DO RODAPÉ */
footer ul,
footer .footer-col ul,
footer .menu,
footer .footer-menu{
  list-style:none;
  margin:0;
  padding:0;
}
footer li,
footer .footer-col li{
  margin:0;
  padding:0;
}

/* ============ ABAS DE TIPOS DE TREINO ============ */
.training-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px;border-bottom:2px solid #1a1a1a;padding-bottom:16px}
.training-tab{background:transparent;border:1px solid #333;color:#888;padding:10px 22px;font-family:var(--oswald);font-size:13px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;font-weight:600}
.training-tab:hover{border-color:var(--amarelo);color:var(--amarelo)}
.training-tab.active{background:var(--amarelo);border-color:var(--amarelo);color:var(--preto)}

/* ============ PAINEL POR TIPO ============ */
.training-type-panel{display:none}
.training-type-panel.active{display:block;animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* ============ CARROSSEL LATERAL ============ */
.training-carousel-wrap{position:relative}
.training-carousel{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:4px 0;cursor:grab}
.training-carousel::-webkit-scrollbar{display:none}
.training-carousel .training-card{flex:0 0 300px;max-width:300px;user-select:none}
.training-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:rgba(0,0,0,.7);border:1px solid var(--amarelo);color:var(--amarelo);width:42px;height:42px;font-size:22px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .3s}
.training-carousel-arrow:hover{background:var(--amarelo);color:var(--preto)}
.training-carousel-arrow.left{left:-14px}
.training-carousel-arrow.right{right:-14px}

/* ============ CARDS DE TREINO ============ */
.training-card{background:var(--preto);border:1px solid #1a1a1a;overflow:hidden;transition:border-color .3s,transform .3s;display:flex;flex-direction:column;cursor:pointer}
.training-card:hover{border-color:var(--amarelo);transform:translateY(-4px)}
.training-card-img{width:100%;height:200px;object-fit:cover;filter:saturate(.8) contrast(1.1)}
.training-card-body{padding:24px;display:flex;flex-direction:column;flex:1}
.training-card-tag{font-family:var(--oswald);font-size:11px;color:var(--amarelo);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-weight:600}
.training-card-body h3{font-family:var(--anton);font-size:20px;font-weight:400;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;line-height:1.1}
.training-card-desc{font-family:var(--oswald);font-size:14px;color:#888;font-weight:300;margin-bottom:14px;flex:1}
.training-card-meta{font-family:var(--oswald);font-size:12px;color:#666;font-weight:400;margin-bottom:16px}
.training-card-cta{font-family:var(--anton);font-size:13px;color:var(--amarelo);letter-spacing:2px;text-transform:uppercase;transition:opacity .3s}
.training-card-cta:hover{opacity:.7}

/* ============ MODAL DE TREINO ============ */
.training-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:300;align-items:center;justify-content:center;padding:20px}
.training-modal-overlay.show{display:flex}
.training-modal{background:var(--preto-soft);border:1px solid var(--amarelo);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:24px}
.training-modal-close{position:absolute;top:10px;right:14px;background:none;border:none;color:#888;font-size:28px;cursor:pointer;z-index:5}
.training-modal-close:hover{color:var(--amarelo)}
.training-modal-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.training-modal-video{background:#000;min-height:280px;display:flex;align-items:center;justify-content:center}
.training-modal-video iframe,.training-modal-video video{width:100%;height:100%;min-height:280px;border:0}
.training-modal-no-video{color:#555;font-family:var(--oswald);font-size:14px;text-align:center}
.training-modal-info{display:flex;flex-direction:column;justify-content:center}
.training-modal-tag{font-family:var(--oswald);font-size:11px;color:var(--amarelo);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-weight:600}
.training-modal-info h3{font-family:var(--anton);font-size:28px;font-weight:400;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;line-height:1.1}
.training-modal-meta{font-family:var(--oswald);font-size:13px;color:var(--amarelo);font-weight:500;margin-bottom:16px}
.training-modal-info p{font-family:var(--oswald);font-size:15px;color:#bbb;font-weight:300;margin-bottom:20px}
.training-modal-cta{font-family:var(--anton);font-size:14px;color:var(--preto);background:var(--amarelo);padding:12px 24px;letter-spacing:2px;text-transform:uppercase;text-align:center;transition:background .3s}
.training-modal-cta:hover{background:var(--branco)}
.training-modal-nav{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #222}
.training-modal-nav-btn{background:none;border:1px solid #333;color:#888;padding:8px 18px;font-family:var(--oswald);font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s;font-weight:600}
.training-modal-nav-btn:hover{border-color:var(--amarelo);color:var(--amarelo)}
.training-modal-counter{font-family:var(--oswald);font-size:13px;color:#666;font-weight:400}

/* ============ RESPONSIVO ============ */
@media(max-width:992px){
  .info-cards,.obstacles-grid,.event-cards,.blog-grid{grid-template-columns:repeat(2,1fr)}
  .ct-split{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .hero-content h1{font-size:46px}
}
@media(max-width:768px){
  .mobile-toggle{display:block}
  .nav-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--preto);padding:20px;border-bottom:2px solid var(--amarelo);gap:16px}
  .nav-menu.open{display:flex}
  .training-modal-layout{grid-template-columns:1fr}
  .training-modal-video{min-height:220px}
  .training-modal-video iframe,.training-modal-video video{min-height:220px}
  .section{padding:60px 0}
  .section-title{font-size:32px}
}
@media(max-width:680px){
  .info-cards,.obstacles-grid,.event-cards,.blog-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .hero-content h1{font-size:34px}
  .hero-content p{font-size:15px}
  .training-carousel .training-card{flex:0 0 240px;max-width:240px}
  .training-carousel-arrow.left{left:-6px}
  .training-carousel-arrow.right{right:-6px}
}


/* ============ CALENDÁRIO - CARD PADRÃO (v1.5) ============ */
.calendar-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px;border-bottom:2px solid #1a1a1a;padding-bottom:16px;align-items:center}
.calendar-tab{background:transparent;border:1px solid #333;color:#888;padding:10px 22px;font-family:var(--oswald);font-size:13px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;font-weight:600}
.calendar-tab:hover{border-color:var(--amarelo);color:var(--amarelo)}
.calendar-tab.active{background:var(--amarelo);border-color:var(--amarelo);color:var(--preto)}
.calendar-type-panel{display:none}
.calendar-type-panel.active{display:block;animation:fadeIn .3s ease}
.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.event-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.3);display:flex;flex-direction:column;transition:transform .3s}
.event-card:hover{transform:translateY(-3px)}

/* IMAGEM DE CAPA - com zoom no hover */
.event-card-img{position:relative;height:140px;overflow:hidden}
.event-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.event-card:hover .event-card-img img{transform:scale(1.08)}

.event-card-status{position:absolute;top:10px;left:10px;font-family:var(--oswald);font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;font-weight:700;border-radius:3px;color:#fff}
.event-card-status.open{background:#2ecc71}
.event-card-status.quase{background:#FFD700;color:#000}
.event-card-status.soon{background:#7f8c8d}
.event-card-status.closed{background:#111}
.event-card-type{position:absolute;bottom:10px;right:10px;font-family:var(--oswald);font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;font-weight:700;border-radius:3px}

/* CORPO DO CARD - espaçamento entre linhas reduzido em 50% */
.event-card-body{padding:12px 16px 0;display:flex;flex-direction:column;flex:1}
.event-card-date{display:flex;align-items:center;gap:6px;font-family:var(--oswald);font-size:11px;color:#555;font-weight:400;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px}
.event-card-title{font-family:var(--oswald);font-weight:700;font-size:17px;letter-spacing:.5px;text-transform:uppercase;color:var(--preto);line-height:1.15;margin-bottom:3px}
.event-card-location{display:flex;align-items:center;gap:6px;font-family:var(--oswald);font-size:12px;color:#888;font-weight:400;margin-bottom:5px}
.event-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.event-card-tag{background:#f2f2f2;border:1px solid #ddd;color:#444;font-family:var(--oswald);font-size:10px;font-weight:500;letter-spacing:.3px;padding:4px 8px;border-radius:5px}

/* RODAPÉ - padding reduzido em 50% */
.event-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 16px;border-top:1px solid #eee;background:#fafafa;margin-top:auto}
.event-card-price{display:flex;flex-direction:column}
.event-card-price .lote{font-family:var(--oswald);font-size:9px;color:#888;letter-spacing:1px;text-transform:uppercase}
.event-card-price .valor{font-family:var(--oswald);font-weight:700;font-size:19px;color:var(--preto);letter-spacing:.5px}
.event-card-btn{background:var(--amarelo);color:var(--preto);font-family:var(--oswald);font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;transition:background .3s;text-align:center;text-decoration:none;white-space:nowrap}
.event-card-btn:hover{background:var(--preto);color:var(--amarelo)}
@media(max-width:992px){.calendar-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.calendar-grid{grid-template-columns:1fr}.event-card-img{height:170px}}

/* ============ SOBRE - NOVO LAYOUT (v1.7) ============ */
.about-split{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:start}
.about-label{display:flex;align-items:center;gap:10px;font-family:var(--oswald);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--amarelo);font-weight:600;margin-bottom:16px}
.about-dash{width:34px;height:3px;background:var(--amarelo);display:inline-block}
.about-title{font-family:var(--anton);font-size:40px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--amarelo);line-height:1.1;margin-bottom:18px}
.about-subtitle{font-family:var(--oswald);font-size:16px;color:#bbb;font-weight:300;max-width:520px;margin-bottom:36px}
.about-items{display:flex;flex-direction:column;gap:26px}
.about-item{display:flex;gap:18px;align-items:flex-start}
.about-item-num{font-family:var(--anton);font-size:22px;color:var(--preto);background:#eee;width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.about-item-content h3{font-family:var(--oswald);font-weight:700;font-size:16px;letter-spacing:1px;text-transform:uppercase;color:var(--branco);margin-bottom:4px}
.about-item-content p{font-family:var(--oswald);font-size:14px;color:#888;font-weight:300}

/* CARD DIREITA */
.about-right{position:sticky;top:100px}
.about-card{background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.35);padding:32px}
.about-card-title{font-family:var(--anton);font-size:24px;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:var(--preto);margin-bottom:8px}
.about-card-subtitle{font-family:var(--oswald);font-size:14px;color:#888;font-weight:400;margin-bottom:24px}
.about-card-buttons{display:flex;flex-direction:column;gap:12px}
.about-card-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px 18px;font-family:var(--oswald);font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--preto);transition:all .3s;text-decoration:none}
.about-card-btn:hover{border-color:var(--amarelo);background:#fffbe6;transform:translateX(4px)}
.about-card-btn-arrow{color:var(--amarelo);font-size:18px;font-weight:700}

/* RESPONSIVO SOBRE */
@media(max-width:992px){
  .about-split{grid-template-columns:1fr;gap:40px}
  .about-right{position:static}
  .about-title{font-size:32px}
}