/* ══════════════════════════════════════════════════════════════
   Dietas/Personalizadas/*.aspx — listados de dietas por categoría.
   CSS propio y aislado (no comparte promocionales.css, que usan
   promocionales/, Inicio/ y los software-*.aspx de la raíz) para
   evitar tocar un archivo que edita otra sesión de migración.
   ══════════════════════════════════════════════════════════════ */

.personalizadas-detalle {
    padding-bottom: var(--space-3xl);
}

.personalizadas-detalle p {
    line-height: 1.6;
    margin-bottom: var(--space-md);
}

.personalizadas-detalle h3 {
    font-family: var(--font-display);
    font-size: var(--h4-size);
    color: var(--primary-dark);
    margin: var(--space-lg) 0 var(--space-sm);
}

.personalizadas-detalle ul {
    padding-left: var(--space-lg);
    margin-bottom: var(--space-lg);
    line-height: 1.7;
}

.personalizadas-detalle .aLinks {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
}
.personalizadas-detalle .aLinks:hover { text-decoration: underline; }

.personalizadas-callout {
    background: var(--surface-low);
    border: 1px solid var(--border-light);
    border-left: 4px solid var(--primary);
    border-radius: var(--radius-md);
    padding: var(--space-lg);
    margin-top: var(--space-lg);
}
.personalizadas-callout p { margin-bottom: 0; }