/* ==========================================================================
   LANDING-PSICOLOGIA.CSS — Overrides exclusius de psicologia.html
   (body.page-landing-psicologia)
   Tot el que aquí hi ha NO existeix com a component global.
   ========================================================================== */

/* Hero: la landing de psicologia usa la mateixa imatge de fons que l'index
   però podria tenir una variant pròpia en el futur */
body.page-landing-psicologia .hero--landing {
    background-image: url('/assets/img/hero-bg.png');
}

/* Test link section */
body.page-landing-psicologia .hero__test-link {
    margin-top: 2rem;
    text-align: center;
}

body.page-landing-psicologia .hero__test-link .btn {
    margin-bottom: 0.5rem;
}

body.page-landing-psicologia .hero__test-hint {
    font-size: 0.9rem;
    color: var(--color-grey-muted, #555);
    margin: 0;
    font-style: italic;
}

/* Secció de serveis: posicionament relatiu per al vídeo de fons */
body.page-landing-psicologia #servicios {
    position: relative;
    overflow: hidden;
}

/* Vídeo de fons per a la secció de serveis */
body.page-landing-psicologia .section__video-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 0.3;
}

body.page-landing-psicologia #servicios .section__content {
    position: relative;
    z-index: 2;
}

/* Grid de 4 serveis (2x2 en desktop, 1 columna en mòbil) */
body.page-landing-psicologia .section__services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-top: 3rem;
}

@media (max-width: 768px) {
    body.page-landing-psicologia .section__services-grid {
        grid-template-columns: 1fr;
    }
}