/* HUBMAT Escolas — refinamento visual 2026. Preserva integralmente o conteúdo e organiza a leitura institucional. */
:root{--ev3-ink:#2f2343;--ev3-purple:#62418f;--ev3-purple-dark:#3d285c;--ev3-lavender:#f3effb;--ev3-lavender-2:#e9e0f6;--ev3-line:#ded2eb;--ev3-muted:#70647e;--ev3-white:#fff;--ev3-green:#247b61}
body{background:#faf8fd}
.hps-main{background:#faf8fd}
.hps-main .ev2-wrap,.hps-main .pr2-section .ev2-wrap{width:min(1160px,calc(100% - 40px))}

/* Abertura: institucional sem o peso do antigo azul escuro */
.hps-main .ev2-hero{background:radial-gradient(circle at 88% 18%,rgba(98,65,143,.13),transparent 30%),linear-gradient(135deg,#fbf9fe 0%,#f2ecfa 58%,#e9e0f6 100%);color:var(--ev3-ink);border-bottom:1px solid var(--ev3-line)}
.hps-main .ev2-hero-grid{min-height:500px;padding:48px 0;gap:34px}
.hps-main .ev2-hero .ev2-kicker{background:#fff;border:1px solid #d8cae8;color:var(--ev3-purple)}
.hps-main .ev2-hero h1{max-width:760px;margin:14px 0 14px;color:var(--ev3-purple-dark);font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-2px}
.hps-main .ev2-hero p{max-width:720px;color:#675b74;font-size:16px;line-height:1.58}
.hps-main .ev2-actions{margin-top:21px}
.hps-main .ev2-btn{min-height:44px;border-radius:999px;padding:10px 17px}
.hps-main .ev2-btn.primary{background:var(--ev3-purple);color:#fff;box-shadow:none}
.hps-main .ev2-btn.ghost{background:rgba(255,255,255,.72);color:var(--ev3-purple-dark);border:1px solid #d6c8e7}
.hps-main .ev2-hero-panel{padding:23px;border-radius:23px;background:rgba(255,255,255,.78);border:1px solid #d8cae8;box-shadow:0 16px 38px rgba(61,40,92,.08)}
.hps-main .ev2-hero-panel h2{color:var(--ev3-purple-dark);font-size:21px}
.hps-main .ev2-pillar-list{gap:9px}
.hps-main .ev2-pillar{padding:13px;background:#faf8fd;border:1px solid #e0d5ec}
.hps-main .ev2-pillar strong{color:#513875}
.hps-main .ev2-pillar span{color:#766987}

/* Números: fortes, mas sem criar uma segunda abertura */
.hps-main .pr2-proof{background:#fff;border-bottom:1px solid #eee8f3}
.hps-main .pr2-proof-grid{gap:10px;padding-top:18px;padding-bottom:18px}
.hps-main .pr2-proof-card{min-height:108px;padding:16px 17px;border-color:#e3dbea;box-shadow:none}
.hps-main .pr2-proof-card strong{font-size:clamp(27px,3vw,38px)}
.hps-main .pr2-proof-card span{font-size:11px;line-height:1.4}

/* Ritmo geral */
.hps-main .ev2-section,.hps-main .pr2-section{padding:48px 0}
.hps-main .ev2-white,.hps-main .pr2-white{background:#fff}
.hps-main .ev2-head,.hps-main .pr2-head{max-width:820px;margin-bottom:24px}
.hps-main .ev2-head h2,.hps-main .pr2-head h2{color:var(--ev3-purple-dark);font-size:clamp(29px,3.5vw,42px);line-height:1.07}
.hps-main .ev2-head p,.hps-main .pr2-head p{color:var(--ev3-muted);font-size:14px;line-height:1.55}
.hps-main .ev2-kicker,.hps-main .pr2-eyebrow{background:#eee6f8;color:var(--ev3-purple);border-color:#d8cae8}

/* Proposta */
.hps-main #proposta{background:linear-gradient(180deg,#f7f3fb 0%,#fff 100%)}
.hps-main .pr2-value-grid{gap:14px}
.hps-main .pr2-value-card{min-height:205px;padding:21px;border-radius:20px;border-color:#e1d8ea;box-shadow:0 9px 25px rgba(61,40,92,.05)}
.hps-main .pr2-value-card h3{color:#493267}
.hps-main .pr2-value-card p{color:#71657e}

/* Recursos e experiências */
.hps-main .ev2-grid4,.hps-main .ev2-grid3{gap:13px}
.hps-main .ev2-card{padding:20px;border-radius:19px;border-color:#e2d9eb;box-shadow:0 8px 24px rgba(61,40,92,.045)}
.hps-main .ev2-card h3{color:#493267}
.hps-main .ev2-card p{color:#746980}
.hps-main .ev2-card-link{font-size:11.5px}
.hps-main .ev2-section:not(.ev2-white):not(.ev2-access){background:#f7f3fb}
.hps-main .ev2-section.ev2-white + .ev2-section{border-top:1px solid #eee7f4}

/* Princípio pedagógico */
.hps-main .pr2-soft{background:#f0e9f8}
.hps-main .pr2-statement{border:1px solid #d9cce8;box-shadow:none;background:rgba(255,255,255,.72)}
.hps-main .pr2-statement h2{color:var(--ev3-purple-dark)}
.hps-main .pr2-statement p,.hps-main .pr2-statement-points span{color:#746881}
.hps-main .pr2-statement-points strong{color:#513875}

/* Implantação */
.hps-main #implantacao{background:#fff}
.hps-main .ev2-steps{gap:12px}
.hps-main .ev2-step{padding:19px;border-color:#dfd5e8;box-shadow:none;background:#fcfbfd}
.hps-main .ev2-step b{background:#e9e0f6;color:var(--ev3-purple)}
.hps-main .ev2-step h3{color:#493267}
.hps-main .ev2-step p{color:#746980}

/* Acessos institucionais: único bloco escuro da página */
.hps-main .ev2-access{background:linear-gradient(135deg,#302449 0%,#513875 58%,#684da0 100%);color:#fff}
.hps-main .ev2-access .ev2-kicker{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#eadcf8}
.hps-main .ev2-access .ev2-head h2{color:#fff}
.hps-main .ev2-access .ev2-head p{color:#ddd1e8}
.hps-main .ev2-access-grid{gap:12px}
.hps-main .ev2-access-card{min-height:205px;padding:19px;border-radius:19px;background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.15)}
.hps-main .ev2-access-card p{color:#d9cde6}
.hps-main .ev2-access-card span{color:#f0dc83}

/* Conversa com a instituição */
.hps-main .ev2-partner{padding:25px;border-color:#d9cce8;background:linear-gradient(135deg,#f4effa,#fff);box-shadow:0 10px 28px rgba(61,40,92,.06)}
.hps-main .ev2-partner h2{color:var(--ev3-purple-dark);font-size:29px}
.hps-main .ev2-partner p{color:#746980}
.hps-main .ev2-partner .ev2-btn.primary{background:var(--ev3-purple)}

@media(max-width:1000px){
  .hps-main .ev2-hero-grid{min-height:auto}
  .hps-main .ev2-grid4,.hps-main .ev2-access-grid,.hps-main .ev2-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .hps-main .ev2-wrap,.hps-main .pr2-section .ev2-wrap{width:min(100% - 24px,1160px)}
  .hps-main .ev2-hero-grid{padding:34px 0;gap:22px}
  .hps-main .ev2-hero h1{font-size:clamp(36px,10vw,48px);letter-spacing:-1.2px}
  .hps-main .ev2-hero p{font-size:15px}
  .hps-main .ev2-section,.hps-main .pr2-section{padding:38px 0}
  .hps-main .ev2-head{text-align:left}
  .hps-main .ev2-grid4,.hps-main .ev2-grid3,.hps-main .ev2-access-grid,.hps-main .ev2-steps,.hps-main .ev2-pillar-list{grid-template-columns:1fr}
  .hps-main .ev2-grid3 .ev2-card:last-child{grid-column:auto}
  .hps-main .ev2-actions .ev2-btn{width:100%}
  .hps-main .ev2-access-card{min-height:auto}
  .hps-main .ev2-partner{grid-template-columns:1fr;padding:22px}
  .hps-main .ev2-partner .ev2-btn{width:100%}
}