/* ==========================================================================
   INDEX.CSS — Overrides exclusius de la pàgina d'inici (body.page-index)
   Tot el que aquí hi ha NO existeix com a component global.
   ========================================================================== */

/* La secció de serveis de l'index usa vídeo de fons — específic d'aquesta pàgina */
body.page-index #services {
    position: relative;
    overflow: hidden;
    padding: 8rem 2rem;
    color: var(--color-text-main);
}

body.page-index #services::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--color-overlay-dark);
    z-index: 1;
}

body.page-index #services .section__content {
    position: relative;
    z-index: 2;
}

/* Si es vol vídeo de fons, afegir un element <video> a l'HTML i aplicar: */
body.page-index #services video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}