/* Paleta e tokens */
:root{
–gih-deep:#0f3632; /* verde escuro do painel */
–gih-deep-2:#0a2a27;
–gih-cream:#f5efe6; /* bege do guia */
–gih-ink:#142029; /* texto principal */
–gih-muted:#6b7280;
–gih-accent:#ffd34f; /* amarelo títulos */
–gih-brand:#0e4a3f; /* verde marca */
–gih-radius:18px;
–gih-shadow:0 12px 30px rgba(0,0,0,.12);
–gih-max:1200px;
}
.gih *{box-sizing:border-box}
.gih{font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(–gih-ink);line-height:1.6}
.gih .wrap{max-width:var(–gih-max);margin:0 auto;padding:0 20px}
.gih h1,.gih h2,.gih h3{line-height:1.18;margin:.25em 0 .6em}
.gih h1{font-size:clamp(30px,4.8vw,52px)}
.gih h2{font-size:clamp(24px,3.2vw,34px)}
.gih h3{font-size:clamp(18px,2.2vw,22px)}
.gih .kicker{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(–gih-accent)}
.gih .btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none;border:2px solid transparent}
.gih .btn.primary{background:#fff;color:var(–gih-deep)}
.gih .btn.ghost{background:transparent;border-color:#fff;color:#fff}
.gih .muted{color:var(–gih-muted)}
/* Faixa decorativa topo (padrão inspirado no guia) */
.gih-topbar{
height:90px;
background:
repeating-linear-gradient(90deg,
#cdb28f 0 40px, #e0d2be 40px 80px,
#df6b57 80px 120px, #f2c94c 120px 160px,
#2a9d8f 160px 200px, #8abf6f 200px 240px,
#b28ac6 240px 280px, #e8e0d4 280px 320px);
mask-image: linear-gradient(#000,#000); /* para browsers sem erros */
}
/* HERO */
.gih-hero{background:linear-gradient(180deg,var(–gih-deep) 0%,var(–gih-deep-2) 100%);color:#fff;padding:48px 0}
.gih-hero .grid{display:grid;gap:36px;align-items:center;grid-template-columns:1.05fr 1fr}
.gih-hero .panel{
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.12);
border-radius:var(–gih-radius);
padding:26px;
box-shadow:var(–gih-shadow)
}
.gih-hero .logo{width:min(230px,60%);display:block;margin:.4rem 0 1rem}
.gih-hero .media{border-radius:24px;overflow:hidden;box-shadow:var(–gih-shadow)}
.gih-hero .media img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:3/2}
/* Seção 2 – bloco destacado + foto panorâmica */
.gih-section{padding:72px 0}
.gih-section.alt{background:var(–gih-cream)}
.gih-two-col{display:grid;gap:36px;grid-template-columns:1fr .6fr;align-items:center}
.gih-card{background:#fff;border-radius:var(–gih-radius);padding:34px;box-shadow:var(–gih-shadow)}
.gih-wide-img{margin-top:28px;border-radius:22px;overflow:hidden;box-shadow:var(–gih-shadow)}
.gih-wide-img img{width:100%;height:clamp(260px,38vw,520px);object-fit:cover;display:block}
/* Seção 3 – Áreas */
.gih-areas h2{margin-bottom:.2rem}
.gih-areas .grid{
display:grid;gap:16px;margin-top:18px;
grid-template-columns:repeat(12,1fr)
}
.gih-areas .item{
grid-column:span 4;background:#fff;border-radius:16px;
overflow:hidden;box-shadow:var(–gih-shadow)
}
.gih-areas .thumb{aspect-ratio:16/10;overflow:hidden}
.gih-areas .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.gih-areas .label{padding:12px 14px;font-weight:700}
/* Seção 4 – Aberto à Comunidade (cartaz + selo) */
.gih-community{background:var(–gih-deep);color:#fff;padding:56px 0}
.gih-pill{display:inline-block;background:var(–gih-accent);color:#111;padding:6px 12px;border-radius:999px;font-weight:800;font-size:14px}
.gih-community .grid{display:grid;gap:28px;grid-template-columns:1fr 1fr;align-items:center}
.gih-community .poster{background:#0d2c28;border-radius:18px;padding:20px;box-shadow:var(–gih-shadow)}
.gih-community .poster .img{border-radius:14px;overflow:hidden}
.gih-community .poster img{width:100%;height:auto;display:block}
/* CTA */
.gih-cta{background:linear-gradient(180deg,var(–gih-deep) 0%,var(–gih-deep-2) 100%);color:#fff;padding:70px 0;text-align:left}
.gih-cta .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
/* Rodapé */
.gih-footer{background:#0d2f2a;color:#c7d7d3;padding:24px 0}
.gih-footer .bar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.gih-footer img{height:40px}
/* Responsivo */
@media (max-width: 980px){
.gih-hero .grid,
.gih-two-col,
.gih-areas .grid,
.gih-community .grid{grid-template-columns:1fr}
.gih-areas .item{grid-column:span 12}
}
@media (max-width:560px){
.gih-topbar{height:70px}
}
Guadalupe Innovation Hub
Educar. Inspirar. Inovar.
O GIH é o novo espaço do Colégio Guadalupe, criado para ligar aprendizagem,
criatividade e bem-estar. Aqui, o conhecimento ganha vida através da ciência, das artes, da
tecnologia e das experiências que despertam o potencial de cada aluno.
Um espaço que transforma a forma de aprender
Mais do que um edifício, o GIH é um ambiente vivo de experimentação, partilha e descoberta.
Cada área foi pensada para estimular a curiosidade, a autonomia e o prazer de aprender.
Áreas que inspiram o crescimento dos alunos
Biblioteca moderna · Laboratório de Ciência e Tecnologia · Sala de Artes e Design · Academia de Música · Clubes de Inovação e Media · Psicologia e Nutrição · Programas de Verão e Páscoa
Aprender é também partilhar
O GIH abre-se à comunidade, acolhendo eventos, workshops e parcerias com empresas,
universidades e especialistas. É um ponto de encontro entre o colégio, as famílias e o mundo.
Descobre o futuro da educação
O Guadalupe Innovation Hub é um convite a pensar, criar e aprender de forma diferente.
Se deseja saber mais ou estabelecer uma parceria, entre em contacto connosco.
Contacto
Coloca aqui o teu formulário (Contact Form 7, WPForms, etc.).
