/*
 * page-text.css — Luxury Punta Real Estate
 *
 * Estilos para páginas de contenido textual: Política de Privacidad,
 * Términos y Condiciones, y cualquier página de formato título + texto.
 *
 * Estructura HTML esperada:
 *   <div class="lp-text-page__header">...</div>
 *   <div class="lp-text-page__body">
 *     <div class="container">
 *       <div class="lp-text-page__content">...</div>
 *     </div>
 *   </div>
 *
 * Uso: $needsPageTextCSS = true; antes de incluir inc/head.php
 *
 * NOTA: Usa clases propias (lp-text-page__*) para evitar conflictos
 * con Bootstrap, el tema PS y cualquier otro CSS del framework.
 */

/* ═══════════════════════════════════════════════════════════
   HEADER BANNER
   ═══════════════════════════════════════════════════════════ */

.lp-text-page__header {
    background-color: var(--theme-fondo-encabezado);
    padding: 40px 0 32px;
}

.lp-text-page__header h1 {
    font-family: "Lora", serif;
    font-size: 32px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .lp-text-page__header h1 {
        font-size: 40px;
    }
}

/* Breadcrumb: clase propia para no heredar estilos de Bootstrap ni del tema */
.lp-text-page__nav {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "Jost", sans-serif;
    font-size: 13px;
}

.lp-text-page__nav a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: color 0.2s;
}

.lp-text-page__nav a:hover {
    color: var(--theme-tera2);
}

.lp-text-page__nav span {
    color: rgba(255, 255, 255, 0.35);
}

.lp-text-page__nav li {
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    line-height: 1;
    margin: 0;
    padding: 0;
}

/* ═══════════════════════════════════════════════════════════
   ÁREA DE CONTENIDO
   ═══════════════════════════════════════════════════════════ */

.lp-text-page__body {
    background-color: #F5F7F6;
    padding: 48px 0 80px;
}

.lp-text-page__content {
    max-width: 800px;
    margin: 0 auto;
}

/* ═══════════════════════════════════════════════════════════
   TIPOGRAFÍA — todos con px explícitos para evitar herencia
   ═══════════════════════════════════════════════════════════ */

.lp-text-page__content h2 {
    font-family: "Lora", serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--theme-tera1);
    margin: 36px 0 10px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(6, 27, 53, 0.12);
    line-height: 1.3;
}

.lp-text-page__content h2:first-child {
    margin-top: 0;
}

.lp-text-page__content p {
    font-family: "Jost", sans-serif;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #9298A1;
    margin: 0 0 14px 0;
}

.lp-text-page__content ul {
    margin: 0 0 14px 0;
    padding-left: 20px;
}

.lp-text-page__content ul li {
    font-family: "Jost", sans-serif;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #9298A1;
    margin-bottom: 4px;
    padding: 0;
    /* Reset cualquier estilo del tema */
    list-style-type: disc;
}

.lp-text-page__content strong {
    font-weight: 600;
    color: #6b7280;
}

/* ═══════════════════════════════════════════════════════════
   LINKS
   ═══════════════════════════════════════════════════════════ */

.lp-text-page__content a {
    color: var(--theme-tera1);
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-color: rgba(212, 193, 139, 0.55);
    transition: color 0.2s;
}

.lp-text-page__content a:hover {
    color: var(--theme-tera2);
    text-decoration-color: var(--theme-tera2);
}

/* ═══════════════════════════════════════════════════════════
   SEPARADOR
   ═══════════════════════════════════════════════════════════ */

.lp-text-page__content hr {
    border: none;
    border-top: 1px solid rgba(6, 27, 53, 0.1);
    margin: 32px 0;
}