/* SIGVE v5.0 · Programa de Beneficios */
.beneficios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem;margin:1rem 0}
.beneficio-card{background:#fff;border:1px solid #dfe5ec;border-radius:16px;padding:1.1rem;box-shadow:0 4px 14px rgba(15,23,42,.06)}
.beneficio-card h4{margin:.15rem 0 .25rem}.beneficio-card .badge{display:inline-flex;padding:.25rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;background:#eef2ff;color:#3730a3}.beneficio-card .badge.off{background:#f1f5f9;color:#64748b}
.beneficio-card .benefit-summary{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0}.benefit-summary div{background:#f8fafc;border-radius:10px;padding:.7rem}.benefit-summary span{display:block;font-size:.76rem;color:#64748b}.benefit-summary strong{display:block;margin-top:.2rem}
.benefit-evaluation{border:1px solid #bbf7d0;background:#f0fdf4;border-radius:12px;padding:.8rem;margin-top:.7rem}.benefit-evaluation.warn{border-color:#fde68a;background:#fffbeb}
@media(max-width:700px){.beneficios-grid{grid-template-columns:1fr}.beneficio-card .benefit-summary{grid-template-columns:1fr}}

.beneficio-card .badge.info{margin-left:.35rem;background:#ecfeff;color:#155e75}.benefit-summary .wide{grid-column:1/-1}

/* SIGVE v5.6.0 · Editor configurable de beneficios */
.beneficio-card .badge.auto{margin-left:.35rem;background:#ecfdf5;color:#166534}
.benefit-card-top h4{font-size:1.08rem;margin:.55rem 0 .3rem}
.benefit-form{display:flex;flex-direction:column;gap:1rem}
.benefit-form-section{border:1px solid #e2e8f0;border-radius:14px;padding:1rem;background:#fff}
.benefit-form-section h4{margin:0 0 .85rem;color:#334155}
.benefit-options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.benefit-check{display:flex!important;align-items:flex-start;gap:.65rem;border:1px solid #e2e8f0;border-radius:12px;padding:.8rem;background:#f8fafc}
.benefit-check input{width:auto!important;margin-top:.2rem}
.benefit-check span{display:block}.benefit-check strong,.benefit-check small{display:block}
.benefit-check small{margin-top:.15rem;color:#64748b;font-weight:400}
.benefit-check.compact{align-items:center}
.benefit-rule-values{margin-top:.8rem}
@media(max-width:700px){.benefit-options{grid-template-columns:1fr}.benefit-form-section{padding:.8rem}}