/*
Theme Name: Mestre Online
Version: 4.8
Author: Mestre Online
Description: Tema institucional Mestre Online - versão 4.8 com seção Sobre nós centralizada e cache de CSS corrigido.
Text Domain: mestre-online
*/
:root{--navy:#061f72;--navy2:#082a88;--pink:#f4318b;--blue:#1568ff;--text:#081a56;--muted:#4c5c80;--line:#e6ebf4;--soft:#f8fbff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{color:inherit;text-decoration:none}.wrap{width:min(95%,1115px);margin:0 auto}.section-space{padding:20px 0}.compact-space{padding-top:10px;padding-bottom:12px}
.site-header{height:82px;background:#fff;display:flex;align-items:center;position:relative;z-index:20}.header-inner{height:100%;display:grid;grid-template-columns:255px 1fr auto;align-items:center;gap:22px}.brand img{width:240px;height:auto;display:block}.main-nav{display:flex;align-items:center;justify-content:center;gap:31px;font-size:14px;font-weight:700;color:#111}.main-nav a{white-space:nowrap}.main-nav a:hover{color:var(--blue)}.header-cta{display:inline-flex;align-items:center;gap:6px;color:#fff;background:linear-gradient(90deg,#1b67ff,#f4318b);padding:13px 18px;border-radius:14px;font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 5px 12px rgba(61,88,220,.16)}
.hero{background:#05286f;min-height:382px;color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:36% 64%;gap:0;align-items:stretch;padding:0}.hero-copy{padding:72px 28px 56px 30px;position:relative;z-index:3}.hero-copy h1{font-size:46px;line-height:1.06;margin:0 0 24px;font-weight:800;letter-spacing:-1.2px}.hero-line{display:block}.hero-green{color:#39d625}.hero-blue{color:#18a8ff}.hero-copy p{font-size:16px;line-height:1.72;margin:0 0 34px;max-width:440px}.primary-btn{display:inline-flex;align-items:center;gap:22px;background:#165dff;color:#fff;font-size:14px;font-weight:800;padding:16px 28px;border-radius:14px;box-shadow:0 9px 24px rgba(0,0,0,.08);text-transform:uppercase}.primary-btn span{font-size:25px;line-height:1}.hero-image{position:relative;min-height:450px;align-self:stretch;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-image::before{content:"";position:absolute;inset:0 auto 0 0;width:30%;background:linear-gradient(90deg,#05286f 0%,rgba(5,40,111,.94) 36%,rgba(5,40,111,.64) 68%,rgba(5,40,111,0) 100%);z-index:2;pointer-events:none}.hero-image img{width:100%;height:auto;max-height:450px;object-fit:contain;object-position:center;display:block;border:0;border-radius:0;box-shadow:none;-webkit-mask-image:none;mask-image:none}
.metrics-wrap{margin-top:0;position:relative;z-index:5;padding:24px 0 0}.metrics-card{background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 8px 28px rgba(10,31,85,.09);display:grid;grid-template-columns:repeat(5,1fr);padding:22px 17px}.metric{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:0 14px;border-right:1px solid #e4e9f2;min-height:70px}.metric:last-child{border-right:0}.metric-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:29px;font-weight:400}.icon-calendar{color:#2b66ff;background:#eef3ff}.icon-folder{color:#ff4f9a;background:#fff0f6}.icon-school{color:#315dff;background:#eef2ff}.icon-people{color:#51b94d;background:#eff9ec}.icon-heart{color:#7650ee;background:#f4f0ff}.metric b{display:block;font-size:27px;line-height:1;margin-bottom:7px}.metric small{font-size:11.2px;line-height:1.35;color:#10245f}
.section-heading{text-align:center;margin-bottom:16px}.section-heading h2{font-size:29px;line-height:1.1;margin:0 0 7px;font-weight:800;letter-spacing:-.5px}.section-heading p{font-size:13px;color:#243967;margin:0}.services{padding-top:23px}.services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.service-card{min-height:242px;border:1px solid #e7ebf3;border-radius:14px;background:#fff;box-shadow:0 5px 17px rgba(12,30,80,.04);padding:17px 15px}.service-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:11px}.service-icon img{width:28px;height:28px}.service-card h3{font-size:15.5px;line-height:1.23;margin:0 0 15px;font-weight:800;color:#0b1a5a}.service-card p{font-size:12.2px;line-height:1.5;margin:0;color:#243866}.purple{background:#7f3bd6}.pink{background:#fb3d91}.orange{background:#ff8f00}.green{background:#73c85a}.blue{background:#1c73e9}.violet{background:#7f36d2}.service-icon img{filter:brightness(0) invert(1)}
.technology-inclusion-reference{padding:10px 0 18px;background:#f7f9fd}.technology-inclusion-reference-inner{display:block}.technology-strip{display:block;width:100%;height:auto;border:0;box-shadow:none}.inclusion-block{display:grid;grid-template-columns:56% 44%;align-items:center;gap:24px;padding:28px 34px 12px}.inclusion-photo img{display:block;width:100%;aspect-ratio:2.15/1;object-fit:cover;object-position:center;border:0;border-radius:16px;box-shadow:none}.inclusion-copy{padding-right:18px}.inclusion-copy h2{font-size:29px;line-height:1.03;margin:0 0 18px;color:#07175d;font-weight:800;letter-spacing:-.5px}.inclusion-copy p{font-size:15px;line-height:1.45;margin:0;color:#17285d}
.technology{padding-top:7px}.tech-logos{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:24px;padding:2px 70px 5px}.tech-logo{display:flex;align-items:center;justify-content:center;height:54px}.tech-logo img{display:block;max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain}.tech-logo-ai img{max-height:44px}.tech-logo-notebook img{max-height:42px}.gemini-word{font-size:29px;color:#3976ef;position:relative;letter-spacing:-1px}.gemini-word span{color:#7b56e9;font-size:15px;position:absolute;top:-4px;left:73px}.openai-mark{text-align:center;font-size:37px;color:#111}.canva-word{text-align:center;font-size:31px;font-family:cursive;font-weight:700;color:#19a7c8}.h5p-word{text-align:center;font-size:33px;font-weight:800;color:#1881bd}
.process{padding-top:7px}.process-heading{margin-bottom:16px}.process-row{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;gap:0}.process-step{display:grid;grid-template-columns:50px 1fr;gap:11px;align-items:start;min-height:100px;padding:11px 8px;background:#fff;border:1px solid #edf0f5;border-radius:14px;box-shadow:0 5px 16px rgba(6,28,74,.035)}.process-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:700}.c1{background:#8041ce}.c2{background:#fa338c}.c3{background:#ff941b}.c4{background:#82ce71}.c5{background:#2c6de6}.process-step h3{font-size:11.5px;margin:4px 0 6px}.process-step p{font-size:10px;line-height:1.4;margin:0;color:#253965}.arrow{text-align:center;font-size:24px;color:#0c2b7b}
.contact-cta{padding:13px 0 16px}.contact-shell{border-radius:16px;overflow:hidden;display:grid;grid-template-columns:54% 46%;min-height:365px;background:linear-gradient(110deg,#092679 0%,#0a2a84 45%,#752589 72%,#06206f 100%);box-shadow:0 8px 20px rgba(6,31,90,.08)}.contact-visual{position:relative;overflow:hidden;min-height:365px}.contact-copy{position:relative;z-index:2;padding:34px 36px;color:#fff}.contact-copy h2{font-size:28px;line-height:1.13;margin:0 0 11px;letter-spacing:-.4px}.contact-copy p{font-size:14px;margin:0}.contact-visual>img{position:absolute;left:0;bottom:0;width:100%;height:240px;object-fit:cover;object-position:center 38%;border:0;display:block}.contact-panel{background:#fff;border-radius:14px;margin:13px 13px 13px 0;padding:18px 19px;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #e4e8f0;background:#fff;border-radius:7px;padding:10px 11px;font:inherit;font-size:11px;color:#13265d;outline:none}.contact-form textarea{resize:vertical;min-height:92px;margin-bottom:10px}.contact-form button{display:flex;align-items:center;justify-content:center;gap:11px;margin:0 auto 7px;border:0;background:linear-gradient(90deg,#2665ff,#f52d8b);color:#fff;font-weight:700;font-size:12px;border-radius:8px;padding:9px 48px;cursor:pointer}.contact-details{margin-top:auto}.detail{display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #e7eaf0}.detail:first-child{border-top:0}.detail-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:15px}.mail{background:#7b35e2}.whatsapp{background:#42c746}.pin{background:#6b34d6}.detail b{display:block;font-size:11px;margin-bottom:1px}.detail a,.detail div>span{font-size:11px;color:#10265f}.form-status{font-size:11px;padding:7px 9px;border-radius:7px;margin-bottom:8px}.form-status.success{background:#e9f8ef;color:#137139}.form-status.error{background:#fff0f2;color:#ad2337}
.site-footer{background:linear-gradient(90deg,#082a77,#071c5d 63%,#15106c);color:#fff;padding:13px 0 10px}.footer-inner{display:grid;grid-template-columns:250px 1fr 150px;align-items:center;gap:20px}.footer-brand img{width:235px;height:auto;display:block;object-fit:contain}.footer-nav{display:flex;justify-content:center;gap:21px;font-size:10.5px;white-space:nowrap}.socials{display:flex;justify-content:flex-end;gap:12px}.socials a{width:39px;height:39px;border:1px solid rgba(255,255,255,.75);border-radius:50%;display:grid;place-items:center;font-size:15px;color:#fff}.copyright{text-align:center;font-size:10.5px;margin-top:-8px}
@media(max-width:980px){.inclusion-block{grid-template-columns:1fr;gap:18px;padding:24px 18px}.inclusion-copy{padding:0}.inclusion-copy h2{font-size:27px}.inclusion-photo img{aspect-ratio:2.15/1}.header-inner{grid-template-columns:220px 1fr auto}.brand img{width:210px}.main-nav{gap:17px;font-size:12px}.hero-grid{grid-template-columns:1fr 1.25fr}.hero-copy{padding:54px 18px 46px 14px}.hero-copy h1{font-size:38px}.metrics-card{grid-template-columns:repeat(2,1fr)}.metric{border-right:0;border-bottom:1px solid #e4e9f2;padding:10px}.metric:last-child{grid-column:1/-1}.services-grid{grid-template-columns:repeat(3,1fr)}.tech-logos{padding:0 30px}.process-row{grid-template-columns:1fr 1fr;gap:12px}.arrow{display:none}.contact-shell{grid-template-columns:1fr}.contact-panel{margin:0 13px 13px}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-brand img{margin:auto}.footer-nav{flex-wrap:wrap}.socials{justify-content:center}.copyright{margin-top:8px}}
@media(max-width:700px){.inclusion-block{padding:18px 8px}.inclusion-copy h2{font-size:25px}.inclusion-copy p{font-size:14px}.site-header{height:auto;padding:10px 0}.header-inner{grid-template-columns:1fr auto}.main-nav{display:none}.brand img{width:200px}.hero-grid{grid-template-columns:1fr;padding:0}.hero-copy{padding:28px 14px 24px}.hero-copy h1{font-size:34px}.hero-copy p{max-width:none}.hero-image{min-height:auto}.hero-image::before{display:none}.hero-image img{height:auto;min-height:auto;-webkit-mask-image:none;mask-image:none}.metrics-card{grid-template-columns:1fr}.metric:last-child{grid-column:auto}.services-grid{grid-template-columns:1fr 1fr}.tech-logos{grid-template-columns:repeat(3,1fr);row-gap:24px}.process-row{grid-template-columns:1fr}.contact-visual{min-height:385px}.contact-copy{padding:28px 24px}.contact-visual>img{height:245px}.form-row{grid-template-columns:1fr}.footer-nav{gap:12px}}
@media(max-width:480px){.wrap{width:min(94%,1115px)}.header-cta{padding:10px 11px;font-size:12px}.brand img{width:170px}.hero-copy h1{font-size:29px}.hero-copy p{font-size:14px;line-height:1.6}.metrics-wrap{margin-top:0;padding-top:18px}.services-grid{grid-template-columns:1fr}.tech-logos{grid-template-columns:repeat(2,1fr)}.contact-copy h2{font-size:24px}.contact-panel{padding:15px}.footer-brand img{width:195px}}


.about-section-heading{text-align:center;margin:0 0 16px}
.about-section-heading h2{font-size:29px;line-height:1.1;margin:0 0 7px;font-weight:800;letter-spacing:-.5px;color:#081a56}
.about-section-heading p{font-size:13px;color:#243967;margin:0}


/* v4.8 - seção Sobre nós */
.about-section{
  background:#fff;
  padding:22px 0 20px;
  position:relative;
  z-index:5;
}
.about-card{
  background:#fff;
  border:1px solid #e8edf5;
  border-radius:18px;
  box-shadow:0 8px 28px rgba(10,31,85,.09);
  padding:24px 17px 18px;
}
.about-heading{
  display:block;
  width:100%;
  text-align:center;
  margin:0 0 24px;
  padding:0 20px;
}
.about-heading h2{
  display:block;
  width:100%;
  margin:0 0 9px;
  font-size:29px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.5px;
  color:#081a56;
  text-align:center;
}
.about-heading p{
  display:block;
  width:100%;
  max-width:900px;
  margin:0 auto;
  font-size:13px;
  line-height:1.55;
  color:#243967;
  text-align:center;
}
.about-metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  width:100%;
  align-items:stretch;
}
.about-metrics .metric{
  min-height:88px;
}
@media(max-width:980px){
  .about-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-metrics .metric{border-bottom:1px solid #e4e9f2}
  .about-metrics .metric:last-child{grid-column:1/-1}
}
@media(max-width:700px){
  .about-card{padding:20px 14px 16px}
  .about-heading{padding:0 8px}
  .about-heading h2{font-size:27px}
  .about-metrics{grid-template-columns:1fr}
  .about-metrics .metric:last-child{grid-column:auto}
}