C.E.I.P. L’HEREU
Educació pública, innovadora i arrelada al territori
.landing-photo {
position: relative;
width: 100%;
min-height: 100vh;
background: url(«https://portal.edu.gva.es/12000571/wp-content/uploads/sites/656/2026/03/ceiphereu_xl.webp») center/cover no-repeat;
display: flex;
align-items: center;
justify-content: center;
padding: 3rem 1.5rem;
box-sizing: border-box;
font-family: «Inter», sans-serif;
color: #fff;
}
.lp-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(2px);
}
.lp-container {
position: relative;
max-width: 1100px;
width: 100%;
text-align: center;
z-index: 2;
}
.lp-title {
font-size: 2.8rem;
font-weight: 700;
margin-bottom: 0.4rem;
letter-spacing: -0.5px;
}
.lp-subtitle {
font-size: 1.2rem;
opacity: 0.95;
margin-bottom: 2.5rem;
}
.lp-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1.4rem;
}
.lp-card {
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.25);
backdrop-filter: blur(6px);
padding: 1.6rem 1.4rem;
border-radius: 14px;
text-decoration: none;
color: #fff;
text-align: left;
transition: transform 0.25s, box-shadow 0.25s, background 0.25s;
}
.lp-card:hover {
background: rgba(255, 255, 255, 0.22);
transform: translateY(-6px);
box-shadow: 0 12px 28px rgba(0,0,0,0.35);
}
.lp-card h3 {
font-size: 1.25rem;
margin-bottom: 0.4rem;
font-weight: 600;
}
.lp-card p {
font-size: 0.92rem;
opacity: 0.9;
}
@media (max-width: 600px) {
.lp-title { font-size: 2.2rem; }
.lp-subtitle { font-size: 1rem; }
}
