/* Páginas de contenido público (research 157): sobre-enren, preguntas-frecuentes, tarifas, garantías, glosario.
   Se apoya en .privacy-page / .privacy-table (privacidad.css) y en los tokens de home.css. */
.contenido-migas { font-size: var(--text-xs, 0.75rem); color: var(--text-light); margin-bottom: 1rem; }
.contenido-migas a { color: var(--primary); text-decoration: none; }
.contenido-migas a:hover { text-decoration: underline; }

.contenido-meta { color: var(--text-light); font-size: 0.9rem; margin-bottom: 1.5rem; display: flex; flex-wrap: wrap; gap: 4px 16px; }

.contenido-resumen {
    background: var(--bg-light, #f7f8fc);
    border-left: 4px solid var(--primary);
    border-radius: 8px;
    padding: 14px 18px;
    margin: 0 0 2rem;
}
.contenido-resumen strong { color: var(--text-dark); }
.contenido-resumen p { margin: 0.3rem 0 0; }

.contenido-faq details {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0 16px;
    margin-bottom: 8px;
    background: var(--card-bg, #fff);
}
.contenido-faq summary {
    cursor: pointer;
    font-weight: 600;
    color: var(--text-dark);
    padding: 14px 0;
    min-height: 44px;
    list-style-position: inside;
}
.contenido-faq details[open] summary { color: var(--primary); }
.contenido-faq details p { margin: 0 0 14px; }

.contenido-glosario dt { font-weight: 600; color: var(--text-dark); margin-top: 1.2rem; }
.contenido-glosario dd { margin: 0.2rem 0 0; color: var(--text-light); line-height: 1.7; }

.contenido-revisor {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 18px;
    margin: 2.5rem 0 1rem;
    background: var(--bg-light, #f7f8fc);
}
.contenido-revisor h2 { font-size: 1rem; margin: 0 0 4px; padding: 0; border: 0; color: var(--text-dark); }
.contenido-revisor p, .contenido-revisor li { font-size: 0.95rem; line-height: 1.6; margin: 0; }
.contenido-revisor ul { margin: 6px 0 0; padding-left: 1.2rem; }

.contenido-cta {
    text-align: center;
    margin: 2.5rem 0 1rem;
    padding: 24px 18px;
    border-radius: 12px;
    background: var(--bg-light, #f7f8fc);
}
.contenido-cta p { margin: 0 0 14px; color: var(--text-dark); font-weight: 600; }

.contenido-aviso { font-size: 0.9rem; color: var(--text-light); margin-top: 1rem; }
.contenido-enlaces { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 0; list-style: none; }

@media (max-width: 768px) {
    .contenido-revisor { flex-direction: column; }
    .contenido-cta .btn-cta { display: block; }
    /* Tabla → cards (mobile-responsive.md): cada celda lleva data-label */
    .contenido-tabla thead { display: none; }
    .contenido-tabla tr { display: block; border: 1px solid #e2e8f0; border-radius: 8px; margin-bottom: 8px; padding: 8px 12px; }
    .contenido-tabla td { display: flex; justify-content: space-between; gap: 12px; border: 0; padding: 4px 0; }
    .contenido-tabla td::before { content: attr(data-label); font-weight: 600; color: var(--text-dark); }
}