/* MADRE SELVA · Mi perfil y Datos de mi empresa (08/11/2026). Reutiliza .card, .field, .fgrid y .btn de la app;
   solo define la disposición propia. Colores heredados de cada identidad (BASE, PRO, PREMIUM, MS EJECUTIVO). */
.msp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px;align-items:start}
@media (max-width:980px){.msp-grid{grid-template-columns:minmax(0,1fr)}}
.msp-grid.msp-solo{grid-template-columns:minmax(0,720px)}
.msp-card{padding:22px 24px!important;min-width:0}
@media (max-width:640px){.msp-card{padding:18px 16px!important}}
.msp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.msp-head h3{margin:0 0 4px;font-size:1.12rem;line-height:1.25}
.msp-head p{margin:0;font-size:.86rem;opacity:.72;line-height:1.4}
.msp-edit{flex:none;display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}
.msp-id{display:flex;align-items:center;gap:14px;margin:0 0 14px;flex-wrap:wrap}
.msp-id>div{display:flex;flex-direction:column;min-width:0;flex:1 1 140px}
.msp-id strong{font-size:1.02rem;overflow-wrap:anywhere}
.msp-id span{font-size:.84rem;opacity:.7;overflow-wrap:anywhere}
.msp-avatar{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-weight:600;font-size:1.2rem;border:1px solid rgba(212,176,116,.55);background:rgba(212,176,116,.12)}
.msp-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.msp-photo{flex:none}
.msp-list{display:grid;gap:0;margin:0}
.msp-row{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid rgba(127,127,127,.18)}
.msp-row dt{font-size:.84rem;opacity:.72}
.msp-row dd{margin:0;font-size:.92rem;overflow-wrap:anywhere}
.msp-row dd.msp-empty{opacity:.45;font-style:italic}
@media (max-width:640px){.msp-row{grid-template-columns:minmax(0,1fr);gap:2px}}
.msp-note{margin:14px 0 0;font-size:.82rem;opacity:.7;line-height:1.45}
.msp-kicker{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:4px 0 6px}
.msp-org{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(212,176,116,.4);border-radius:12px}
.msp-orghead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.msp-orghead strong{display:block;font-size:1rem;overflow-wrap:anywhere}
.msp-orghead small{display:block;font-size:.8rem;opacity:.7;margin-top:2px}
.msp-logo-slot:not(:empty){margin-top:14px}
.msp-call{border:0;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.msp-call legend{font-size:.86rem;font-weight:600;margin-bottom:8px;padding:0}
.msp-choice{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;white-space:nowrap;border-radius:999px;border:1px solid rgba(127,127,127,.35);cursor:pointer;font-size:.88rem;min-height:40px}
html body .msp-card .msp-choice input[type="radio"]{-webkit-appearance:radio!important;appearance:auto!important;flex:none!important;width:18px!important;height:18px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;accent-color:#D4B074}
.msp-choice:has(input:checked){border-color:rgba(212,176,116,.9);background:rgba(212,176,116,.12)}
.msp-preview{margin:10px 0 0;font-size:.86rem;opacity:.8;min-height:1.2em}
.msp-ro{display:flex;flex-direction:column;gap:2px;margin-top:16px;padding:10px 12px;border-radius:10px;background:rgba(127,127,127,.08)}
.msp-ro span{font-size:.8rem;opacity:.7}
.msp-ro strong{font-size:.92rem;overflow-wrap:anywhere}
.msp-ro small{font-size:.78rem;opacity:.65;line-height:1.4}
.msp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media (max-width:640px){.msp-actions .btn{flex:1 1 140px}}
.msp-card .fgrid{min-width:0}
.msp-card .field input,.msp-card .field select{max-width:100%}