/* =====================================================================
   LA MASIA — Polish premium (CAT · desktop)
   Acotat a la plantilla template-la-masia.php · carregat l'ULTIM de la cascada.
   Grup 1 · 2026-06-21 · refinament d'excel·lencia (NO redisseny, D.5)
   ===================================================================== */

/* ---------------------------------------------------------------------
   1 · RITME DELS ESPAIS
   Problema: .space-detail align-items:start -> text curt alineat a dalt
   contra imatges de ~385px = massa buit al costat del text.
   Fix: centrat vertical. (Numeracio editorial 01-09 ELIMINADA per peticio
   usuari 2026-07-08.)
   --------------------------------------------------------------------- */
.space-detail { align-items: center; }
.space-detail-info { position: static; padding: 8px 0; }
.space-detail-info h2 { margin-bottom: 0; }

/* Divisor curt sota el titol (consistent amb .section-divider del tema) */
.space-detail-info h2::after {
    content: '';
    display: block;
    width: 52px;
    height: 2px;
    margin: 16px 0 20px;
    background: var(--color-stone);
    opacity: .85;
}

/* ---------------------------------------------------------------------
   2+3 · HERO — MOGUT a components/_section-system.css (2026-06-24): ara és
   TRANSVERSAL a totes les pàgines internes (mides + scrim net), no només La Masia
   (petició usuari "el hero igual a totes"). Aquí ja no cal override propi.
   --------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
   4 · CAPTION DEL VIDEO en dues linies amb divisor daurat — peticio
   usuari 2026-06-21. Markup .video-tour-caption--split al template.
   --------------------------------------------------------------------- */
.video-tour-caption--split {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    font-style: normal;
}
.video-tour-caption--split .vtc-lead {
    font-family: var(--font-heading);
    font-size: 1.3rem;
    line-height: 1.2;
    color: var(--color-text);
}
.video-tour-caption--split .vtc-rule {
    width: 64px;
    height: 2px;
    background: var(--color-stone);
    opacity: .85;
}
.video-tour-caption--split .vtc-text {
    font-style: italic;
}

/* ---------------------------------------------------------------------
   5 · VIDEO TOUR — treure el marge crema lateral (peticio usuari 2026-06-21).
   El .video-tour-section tenia un gradient crema->blanc de fons; amb el
   player limitat a 900px dins de 1140px, deixava franges beix als costats.
   El netegem (fons heretat = blanc) i el player queda net, centrat a 900px.
   --------------------------------------------------------------------- */
.page-template-template-la-masia .video-tour-section {
    background-image: none;
}