/* ============================================================
   Páginas legales (Política de privacidad, Aviso legal, Cookies)
   Servido por Promosoft_CRM_Legal_Pages. Identidad de marca:
   azul marino #183D74 + amarillo #FAE515.
   ============================================================ */

/* Ocultar el título por defecto del tema (lo sustituye la banda .legal-hero) */
.legal-tpl .page-header,
.legal-tpl .entry-title.page-title {
    display: none;
}

/* Ocultar la cabecera del tema en páginas legales: solo muestra el título del
   sitio (el "Viprés Promociones" en rosa) y la banda .legal-hero ya aporta la marca. */
.legal-tpl #site-header,
.legal-tpl .site-title {
    display: none;
}

/* En páginas legales se oculta el footer del tema (mostraba el Custom Logo a
   tamaño natural ~5756px, rompiendo el layout); lo sustituye la barra legal
   global .ps-legal-footer que el plugin inyecta en todo el sitio. */
.legal-tpl #site-footer {
    display: none;
}

/* Banda de cabecera de marca, a todo el ancho del viewport */
.legal-hero {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    background-color: #183D74;
    background-image: linear-gradient(135deg, #183D74 0%, #1f4d8f 100%);
    border-bottom: 5px solid #FAE515;
    padding: 2.6rem 1.5rem;
    box-sizing: border-box;
}

.legal-hero__inner {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

.legal-hero__logo-link {
    flex-shrink: 0;
    line-height: 0;
}

.legal-hero__logo {
    width: 92px;
    height: auto;
    border-radius: 8px;
}

.legal-hero__eyebrow {
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.74rem;
    font-weight: 700;
    color: #FAE515;
    margin-bottom: 0.35rem;
}

.legal-hero__title {
    color: #ffffff;
    font-size: 1.95rem;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
}

/* Cuerpo del documento legal */
.legal-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 2.5rem 1.5rem 4rem;
    color: #2b3440;
    font-size: 1.02rem;
    line-height: 1.75;
}

.legal-page h2 {
    color: #183D74;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 2.8rem 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid #FAE515;
}

.legal-page > .wp-block-heading:first-child,
.legal-page h2:first-child {
    margin-top: 0;
}

.legal-page h3 {
    color: #183D74;
    font-size: 1.14rem;
    font-weight: 600;
    margin: 1.9rem 0 0.6rem;
}

.legal-page p {
    margin: 0 0 1.15rem;
}

.legal-page a {
    color: #183D74;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.legal-page a:hover {
    color: #102a52;
}

.legal-page strong {
    color: #183D74;
}

/* Listas con viñeta cuadrada amarilla de marca */
.legal-page ul {
    margin: 0 0 1.5rem;
    padding-left: 0;
    list-style: none;
}

.legal-page ul li {
    position: relative;
    padding-left: 1.6rem;
    margin-bottom: 0.7rem;
}

.legal-page ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.62em;
    width: 8px;
    height: 8px;
    background: #FAE515;
    border: 1px solid #183D74;
    border-radius: 2px;
}

/* Bloque destacado con los datos del responsable */
.legal-page .legal-responsable {
    background: #f4f7fb;
    border-left: 4px solid #183D74;
    border-radius: 10px;
    padding: 1.4rem 1.7rem;
    margin: 1.5rem 0 2.2rem;
}

.legal-page .legal-responsable li {
    padding-left: 0;
    margin-bottom: 0.55rem;
}

.legal-page .legal-responsable li:last-child {
    margin-bottom: 0;
}

.legal-page .legal-responsable li::before {
    display: none;
}

/* Tabla de cookies */
.legal-page .legal-table {
    margin: 1.5rem 0 2.2rem;
    overflow-x: auto;
}

.legal-page .legal-table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

.legal-page .legal-table th {
    background: #183D74;
    color: #ffffff;
    text-align: left;
    font-weight: 600;
    padding: 0.7rem 0.9rem;
    border: 1px solid #183D74;
}

.legal-page .legal-table td {
    padding: 0.7rem 0.9rem;
    border: 1px solid #dce3ec;
    vertical-align: top;
}

.legal-page .legal-table tbody tr:nth-child(even) {
    background: #f4f7fb;
}

/* Aviso final */
.legal-page .legal-disclaimer {
    margin-top: 2.5rem;
    padding-top: 1.2rem;
    border-top: 1px solid #e3e8ef;
    font-size: 0.92rem;
    color: #6b7685;
}

@media (max-width: 600px) {
    .legal-hero {
        padding: 1.8rem 1.1rem;
    }
    .legal-hero__inner {
        gap: 1.1rem;
    }
    .legal-hero__logo {
        width: 64px;
    }
    .legal-hero__title {
        font-size: 1.4rem;
    }
    .legal-page {
        padding: 1.5rem 1.1rem 3rem;
    }
    .legal-page h2 {
        font-size: 1.28rem;
    }
}