/* pages.css — estilo compartilhado das páginas institucionais MagBricks */
:root{
  --grass:#5DBB3D; --grass-d:#3E8E2E; --grass-l:#7ED957;
  --sky:#5BC8F2; --sky-d:#2BA8D9; --sun:#FF8A1F; --sun-d:#F26800;
  --lava:#E8542B; --ink:#26303A; --muted:#6B7480; --line:#E4ECDC;
  --bg-soft:#F3F9ED; --paper:#fff; --star:#FFB400;
  --display:'Fredoka',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --body:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --radius:16px; --blk:4px 4px 0 rgba(38,48,58,.14);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;font-size:16px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
h1,h2,h3,h4,.disp{font-family:var(--display);letter-spacing:.2px;line-height:1.2}

/* bricks */
.bricks{display:flex;height:10px;width:100%}
.bricks i{flex:1}
.bricks i:nth-child(5n+1){background:var(--grass)} .bricks i:nth-child(5n+2){background:var(--sky)}
.bricks i:nth-child(5n+3){background:var(--sun)} .bricks i:nth-child(5n+4){background:var(--lava)}
.bricks i:nth-child(5n+5){background:var(--grass-l)}

/* header */
header{background:var(--grass);position:sticky;top:0;z-index:50;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.hbar{display:flex;align-items:center;gap:18px;height:66px}
.hbar .logo img{height:42px;width:auto;filter:drop-shadow(0 1px 0 rgba(0,0,0,.15))}
.hbar .tagline{color:#fff;font-size:13.5px;font-weight:800;display:flex;align-items:center;gap:7px;text-shadow:0 1px 0 rgba(0,0,0,.15)}
.hbar .tagline svg{width:17px;height:17px}
.hbar .spacer{flex:1}
.hbar .hcta{display:inline-flex;align-items:center;gap:8px;background:var(--sun);color:#fff;font-family:var(--display);font-weight:700;font-size:14.5px;padding:9px 16px;border-radius:10px;box-shadow:var(--blk)}

/* page hero */
.page-hero{background:linear-gradient(180deg,#EAF7FF 0%,var(--bg-soft) 100%);text-align:center;padding:50px 20px 44px}
.page-hero .tag{display:inline-block;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--grass-d);text-transform:uppercase;margin-bottom:8px}
.page-hero h1{font-size:38px;font-weight:700;margin-bottom:8px}
.page-hero p{color:var(--muted);font-size:16px;font-weight:600;max-width:640px;margin:0 auto}
.crumbs{font-size:12.5px;color:var(--muted);max-width:1180px;margin:0 auto;padding:14px 20px 0;font-weight:600}
.crumbs a:hover{color:var(--grass-d);text-decoration:underline}

/* content */
.content{max-width:820px;margin:0 auto;padding:42px 20px 64px}
.content .updated{display:inline-block;font-size:13px;font-weight:700;color:var(--grass-d);background:#E9F6DD;padding:6px 12px;border-radius:8px;margin-bottom:26px}
.content h2{font-size:23px;font-weight:700;margin:30px 0 10px}
.content h2:first-of-type{margin-top:0}
.content h3{font-size:17.5px;font-weight:600;margin:20px 0 6px}
.content p{margin-bottom:14px;color:#3A4651;font-weight:500}
.content ul,.content ol{margin:0 0 16px 22px}
.content li{margin-bottom:7px;color:#3A4651;font-weight:500}
.content a.link{color:var(--grass-d);font-weight:700}
.content a.link:hover{text-decoration:underline}
.content strong{font-weight:800;color:var(--ink)}

.callout{background:var(--bg-soft);border:2px solid #CDEBBA;border-radius:14px;padding:18px 20px;margin:18px 0;box-shadow:var(--blk)}
.callout p{margin:0;font-weight:600}
.callout b{font-family:var(--display)}

.table{width:100%;border-collapse:collapse;margin:8px 0 18px;border:2px solid var(--line);border-radius:12px;overflow:hidden}
.table th,.table td{padding:11px 14px;text-align:left;font-size:14.5px}
.table th{background:var(--bg-soft);font-family:var(--display);font-weight:600}
.table tr:nth-child(even) td{background:#FAFCF7}
.table td{border-top:1px solid var(--line);font-weight:600;color:#3A4651}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:6px}
.info-card{background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--blk)}
.info-card h3{font-size:17px;margin-bottom:6px}
.info-row{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px}
.info-row svg{width:22px;height:22px;flex-shrink:0;color:var(--grass-d);margin-top:1px}
.info-row b{font-family:var(--display);display:block;font-size:14.5px}
.info-row span{font-size:14px;color:var(--muted);font-weight:600}
.cform label{display:block;font-family:var(--display);font-weight:600;font-size:13.5px;margin:12px 0 5px}
.cform input,.cform textarea{width:100%;border:2px solid var(--line);border-radius:11px;padding:12px 14px;font-family:var(--body);font-size:15px;font-weight:600;color:var(--ink)}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--grass)}
.cform textarea{min-height:120px;resize:vertical}
.cform button{margin-top:16px;width:100%;background:var(--sun);color:#fff;border:none;border-radius:12px;padding:15px;font-family:var(--display);font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 5px 0 var(--sun-d);transition:.12s}
.cform button:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--sun-d)}
.form-note{font-size:12.5px;color:var(--muted);margin-top:10px;font-weight:600;text-align:center}

/* track */
.track-box{max-width:560px;margin:0 auto;background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--blk);text-align:center}
.track-box input{width:100%;border:2px solid var(--line);border-radius:11px;padding:13px 15px;font-family:var(--body);font-size:15px;font-weight:600;margin:14px 0}
.track-box button{width:100%;background:var(--grass);color:#fff;border:none;border-radius:12px;padding:14px;font-family:var(--display);font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 5px 0 var(--grass-d);transition:.12s}
.track-box button:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--grass-d)}

/* footer */
footer{background:#26303A;color:#A9B4BF;font-size:13.5px;padding:40px 0 28px;font-weight:600;margin-top:10px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;margin-bottom:26px}
footer .fbrand img{height:38px;margin-bottom:12px}
footer .fbrand p{font-size:13px;color:#8995A1;max-width:260px}
footer h5{color:#fff;font-family:var(--display);font-size:14px;margin-bottom:10px}
footer a{display:block;padding:3px 0;color:#A9B4BF}
footer a:hover{color:#fff}
footer .legal{border-top:1px solid #3A4651;padding-top:18px;font-size:12px;color:#7B8794}

@media(max-width:820px){
  .page-hero h1{font-size:28px}
  .contact-grid{grid-template-columns:1fr}
  footer .cols{grid-template-columns:1fr 1fr}
  .hbar .tagline{display:none}
}
@media(max-width:520px){ footer .cols{grid-template-columns:1fr} }