
:root{--g:#006c3a;--gd:#06452b;--y:#f8d719;--bg:#f5f7f6;--line:#dfe8e3;--txt:#17221c}
*{box-sizing:border-box}body{margin:0;font-family:'Poppins',Arial,Helvetica,sans-serif;background:var(--bg);color:var(--txt);line-height:1.5}
a{text-decoration:none;color:inherit}.container{width:min(1180px,94%);margin:auto}.top{background:#fff}
.head{
  display:grid;
  grid-template-columns:auto 1fr auto auto auto;
  gap:20px;
  align-items:center;
  min-height:105px;
  padding:14px 0;
}
.brand img{width:320px;max-width:42vw}
.slogan{
  border-left:3px solid var(--y);
  padding-left:20px;
  color:var(--g);
  font-weight:800;
  line-height:1.15;
  letter-spacing:.02em;
}
.headerbox{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--g);
  min-width:205px;
}
.headericon{
  width:46px;
  height:46px;
  border-radius:50%;
  background:var(--g);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:20px;
  font-weight:700;
  flex:0 0 auto;
}
.headerbox strong{display:block;font-size:17px;color:var(--g)}
.headerbox small{display:block;color:#55635c;font-size:13px}
.socials{display:flex;align-items:center;gap:10px}
.socials a{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#eaf5ef;
  color:var(--g);
  display:grid;
  place-items:center;
  font-weight:800;
  border:1px solid #d6e9de;
}
nav{background:linear-gradient(90deg,var(--g),var(--gd));color:#fff}nav .container{display:flex;overflow:auto;white-space:nowrap}nav a{padding:14px 13px;border-bottom:4px solid transparent}nav a:hover{border-bottom-color:var(--y)}
.hero{background:linear-gradient(90deg,rgba(4,70,43,.95),rgba(4,70,43,.28)),url('matriz-nepomuceno.jpg') center/cover;color:#fff;padding:70px 0}.hero h1{font-size:46px;line-height:1.05;max-width:700px;margin:0 0 15px}.hero h1 span{color:var(--y)}
.section{padding:40px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;box-shadow:0 10px 26px rgba(0,75,39,.08)}.card h2,.card h3{color:var(--gd);margin-top:0}
.btn{display:inline-block;padding:11px 17px;border-radius:999px;font-weight:700;border:0;cursor:pointer}.btn-green{background:var(--g);color:#fff}.btn-light{border:1px solid var(--g);color:var(--g);background:#fff}.btn-yellow{background:var(--y);color:var(--gd)}
.pagehero{background:linear-gradient(110deg,var(--g),var(--gd));color:#fff;padding:35px 0}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form .full{grid-column:1/-1}label{display:block;font-weight:700;font-size:14px;margin-bottom:5px}input,textarea,select{width:100%;padding:11px;border:1px solid #ccd9d2;border-radius:8px;font:inherit}textarea{min-height:110px}
table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e4ebe7;text-align:left;vertical-align:top}th{background:#edf6f1}.notice{background:#fff8d7;border-left:5px solid var(--y);padding:14px;border-radius:8px}.error{background:#ffe7e7;color:#812020;padding:12px;border-radius:8px}.success{background:#e9f7ed;color:#185b34;padding:12px;border-radius:8px}
footer{background:var(--gd);color:#e0eee7;margin-top:40px}footer .container{padding:30px 0}
@media(max-width:980px){
  .head{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
  .grid,.form{grid-template-columns:1fr}
  .form .full{grid-column:auto}
  .head{grid-template-columns:1fr;padding:12px 0}
  .brand img{max-width:85vw}
  .slogan{font-size:14px}
  .headerbox{display:none}
  .socials{justify-content:flex-start}
  .hero h1{font-size:36px}
}

.choice-box{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:12px 0 20px}
.choice{background:#fff;border:2px solid #dfe8e3;border-radius:14px;padding:18px;cursor:pointer}
.choice:has(input:checked){border-color:var(--g);background:#eef8f2}
.choice input{width:auto;margin-right:8px}
.profile-photo{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #edf5f0}
.contact-highlight{background:#edf8f2;border-radius:12px;padding:16px;margin:14px 0}
.hidden{display:none!important}
@media(max-width:800px){.choice-box{grid-template-columns:1fr}}

.pagehero h1{font-size:34px;font-weight:800;letter-spacing:-.02em;margin:0}
.hero p{max-width:620px;font-size:18px}
nav a{font-weight:600;letter-spacing:.01em}
.card h2,.card h3,.hero h1,.pagehero h1{font-family:'Poppins',Arial,Helvetica,sans-serif}

.socials a{font-size:18px;text-decoration:none}

.event-home{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  margin-top:18px;
}
.event-feature{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(0,75,39,.08);
}
.event-feature img{
  width:100%;
  height:285px;
  object-fit:cover;
}
.event-body{padding:22px}
.event-date{
  display:inline-block;
  background:var(--y);
  color:var(--gd);
  font-weight:800;
  padding:6px 10px;
  border-radius:999px;
  font-size:13px;
  margin-bottom:9px;
}
.event-list{display:grid;gap:14px}
.event-mini{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(0,75,39,.07);
}
.event-mini img{width:100%;height:165px;object-fit:cover}
.event-mini .event-body{padding:17px}
.event-gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.event-gallery img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:12px;
}
.counter{
  font-size:34px;
  font-weight:800;
  color:var(--g);
}
@media(max-width:900px){
  .event-home{grid-template-columns:1fr}
  .event-gallery{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .event-gallery{grid-template-columns:1fr}
}

.pagehero{padding:26px 0}.pagehero h1{font-size:30px}.event-cta-home{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 5px 16px rgba(0,75,39,.06)}.event-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0}.event-cta-inner strong{display:block;color:var(--gd);font-size:18px;margin-top:4px}.event-cta-inner small{display:block;color:#65736c;margin-top:2px}@media(max-width:700px){.event-cta-inner{align-items:flex-start;flex-direction:column}}

/* V7 - Associe-se e Notícias sociais */
.join-hero{background:linear-gradient(135deg,#ffffff,#eef8f2);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 10px 26px rgba(0,75,39,.08)}
.join-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.join-point{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.btn-whatsapp{background:#1fa855;color:#fff}
.btn-email{background:var(--g);color:#fff}
.social-feed-wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:start}
.facebook-embed{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 26px rgba(0,75,39,.08);overflow:hidden}
.facebook-embed iframe{width:100%;min-height:720px;border:0;overflow:hidden}
.social-side{display:grid;gap:15px}
@media(max-width:900px){.join-points,.social-feed-wrap{grid-template-columns:1fr}.facebook-embed iframe{min-height:650px}}

.event-days-admin{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.event-day-box{border:1px solid var(--line);background:#f8fbf9;border-radius:12px;padding:14px}.event-day-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.event-day-pill{background:#edf7f1;color:var(--gd);border:1px solid #d8e9df;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:600}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-danger{background:#a42626;color:#fff}.form-embed{width:100%;min-height:850px;border:0;border-radius:12px;background:#fff}@media(max-width:900px){.event-days-admin{grid-template-columns:1fr}}

.hero-event{background-size:cover;background-position:center}.hero-event .event-day-pill{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}

.poll-card{max-width:820px;margin:auto}
.poll-question{margin-top:8px}
.poll-option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px 14px;border-radius:12px;margin:8px 0;cursor:pointer;background:#fff}
.poll-option input{width:auto}
.draw-card{text-align:center;max-width:820px;margin:auto}
.btn-draw{font-size:20px;padding:16px 28px}
.winner-box{margin:20px 0;padding:28px;border:2px solid #e1b92d;border-radius:16px;background:#fff9dc}
.winner-box span{font-weight:700}.winner-box h2{font-size:40px;margin:8px 0}

.survey-card{max-width:860px;margin:auto}
.survey-question{margin-top:10px}
.live-draw-screen{padding:34px 0 60px;background:linear-gradient(180deg,#0b5c38,#073e27);min-height:80vh;color:#fff}
.live-draw-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.live-draw-head h1{font-size:42px;margin:10px 0 6px}
.live-badge{display:inline-block;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.06em}
.live-badge.open{background:#e7ffd9;color:#155d2c}.live-badge.closed{background:#ffe5e5;color:#8b1f1f}
.qr-wrap{background:#fff;color:#222;border-radius:16px;padding:14px;text-align:center}
.qr-wrap small{display:block;margin-top:8px}
.live-counter-box{text-align:center;margin:34px auto 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:28px;max-width:520px}
.live-counter-box span,.live-counter-box small{display:block}.live-counter-box strong{display:block;font-size:90px;line-height:1;margin:10px 0}
.live-instruction{text-align:center;font-size:18px}
.live-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}
.draw-form{text-align:center;margin:24px 0}
.winner-box.big h2{font-size:54px}
@media(max-width:700px){.live-draw-head{flex-direction:column}.qr-wrap{margin:auto}.live-counter-box strong{font-size:68px}.live-draw-head h1{font-size:32px}}

.choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.choice-grid.five{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.choice-btn{
  display:block;
  position:relative;
  cursor:pointer;
}
.choice-btn input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.choice-btn span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:62px;
  padding:14px 16px;
  border:2px solid #d6ddd9;
  border-radius:14px;
  background:#fff;
  color:#1f2b25;
  font-size:17px;
  font-weight:700;
  text-align:center;
  transition:.15s ease;
  box-shadow:0 4px 10px rgba(0,0,0,.04);
}
.choice-btn input:checked + span{
  border-color:#13864f;
  background:#e9f8ef;
  color:#0b6d3d;
  box-shadow:0 0 0 3px rgba(19,134,79,.12);
}
.choice-btn span:active{
  transform:scale(.99);
}
.survey-question h3{
  margin-bottom:6px;
}
@media(max-width:700px){
  .choice-grid,.choice-grid.five{
    grid-template-columns:1fr;
  }
  .choice-btn span{
    min-height:58px;
    font-size:17px;
  }
}

/* V19 - pesquisa em cartões grandes em qualquer tela */
.survey-card .choice-grid,
.survey-card .choice-grid.five{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  width:100%;
}
.survey-card .choice-btn{
  display:block !important;
  width:100%;
}
.survey-card .choice-btn input{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  pointer-events:none !important;
}
.survey-card .choice-btn span{
  width:100%;
  min-height:64px;
  justify-content:flex-start;
  text-align:left;
  padding:15px 18px 15px 58px;
  position:relative;
  box-sizing:border-box;
}
.survey-card .choice-btn span:before{
  content:"";
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  border:3px solid #9aa09d;
  border-radius:50%;
  background:#fff;
  box-sizing:border-box;
}
.survey-card .choice-btn input:checked + span:before{
  border-color:#13864f;
  box-shadow:inset 0 0 0 6px #fff;
  background:#13864f;
}
.survey-card .choice-btn input:checked + span{
  border-color:#13864f;
  background:#eaf8ef;
  color:#0b6d3d;
}

/* Cabeçalho compacto no celular */
@media(max-width:700px){
  .topbar .container,
  .header-main .container,
  header .container{
    padding-left:14px;
    padding-right:14px;
  }

  .brand,
  .site-brand,
  .header-brand{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  .brand img,
  .site-brand img,
  .header-brand img,
  header .logo img,
  .logo img{
    max-width:170px !important;
    width:auto !important;
    height:auto !important;
  }

  .brand .tagline,
  .site-brand .tagline,
  .header-brand .tagline,
  .slogan{
    display:block !important;
    max-width:155px !important;
    margin:0 !important;
    font-size:12px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
  }

  .header-main,
  .site-header,
  header{
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  .topbar{
    padding:4px 0 !important;
    min-height:0 !important;
  }

  nav,
  .nav,
  .main-nav{
    margin-top:4px !important;
  }

  .hero{
    min-height:auto !important;
    padding-top:42px !important;
    padding-bottom:42px !important;
  }

  .hero h1{
    font-size:34px !important;
    line-height:1.02 !important;
    margin-bottom:14px !important;
  }

  .hero p{
    font-size:16px !important;
    line-height:1.35 !important;
  }

  .pagehero{
    padding:18px 0 !important;
  }

  .pagehero h1{
    font-size:27px !important;
    line-height:1.1 !important;
    margin:0 0 6px !important;
  }
}

/* V21 - pesquisa mais compacta */
.survey-card .choice-grid,
.survey-card .choice-grid.five{
  gap:8px !important;
}
.survey-card .choice-btn span{
  min-height:52px !important;
  padding:10px 14px 10px 48px !important;
  font-size:15px !important;
  border-radius:12px !important;
}
.survey-card .choice-btn span:before{
  left:16px !important;
  width:21px !important;
  height:21px !important;
  border-width:2px !important;
}
.survey-card .choice-btn input:checked + span:before{
  box-shadow:inset 0 0 0 5px #fff !important;
}
.survey-card .survey-question{
  margin-top:18px !important;
}
.survey-card .survey-question h3{
  font-size:22px !important;
  line-height:1.15 !important;
  margin-bottom:8px !important;
}
.survey-card input[type="text"],
.survey-card input[type="tel"],
.survey-card input[type="email"],
.survey-card input:not([type]),
.survey-card textarea{
  min-height:48px !important;
}

/* Corrige visual do slogan no cabeçalho */
.slogan{
  position:relative;
  display:block;
  padding-left:15px !important;
  border-left:2px solid #e2c300 !important;
  color:#006b3c !important;
  font-weight:800 !important;
  line-height:1.12 !important;
  letter-spacing:.01em;
}
.slogan:before,
.slogan:after{
  content:none !important;
  display:none !important;
}

@media(max-width:700px){
  .slogan{
    max-width:150px !important;
    font-size:11px !important;
    padding-left:10px !important;
    border-left-width:2px !important;
    line-height:1.1 !important;
  }
  .survey-card .choice-btn span{
    min-height:50px !important;
    font-size:15px !important;
    padding:9px 12px 9px 45px !important;
  }
  .survey-card .survey-question h3{
    font-size:21px !important;
  }
}

.big-number{
  font-size:58px;
  font-weight:900;
  color:#0b6d3d;
  line-height:1;
  margin-top:8px;
}
.big-status{
  font-size:28px;
  font-weight:800;
  color:#1f2b25;
  margin-top:12px;
}
.result-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:9px 0;
  border-bottom:1px solid #edf0ee;
}
.result-row:last-child{border-bottom:none}
.result-row strong{
  min-width:36px;
  text-align:center;
  background:#eef8f2;
  color:#0b6d3d;
  border-radius:999px;
  padding:4px 10px;
}
.table-scroll{
  overflow:auto;
  width:100%;
}
.table-scroll table{
  min-width:1250px;
}

.choice-help{
  margin:2px 0 8px;
  color:#6b746f;
  font-size:14px;
  font-weight:600;
}
.survey-card .choice-btn input[type="checkbox"] + span:before{
  border-radius:6px !important;
}
.survey-card .choice-btn input[type="checkbox"]:checked + span:before{
  background:#13864f !important;
  border-color:#13864f !important;
  box-shadow:inset 0 0 0 4px #fff !important;
}
