:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#1e293b;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:#f4f7fb}.siglad-header{height:64px;padding:0 max(1rem,calc((100% - 1280px)/2));background:#07377f;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 15px rgba(5,35,79,.18)}.brand{display:flex;align-items:center;gap:.65rem;color:#fff;font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#0d55bf}.siglad-main{min-height:calc(100vh - 64px)}code{overflow-wrap:anywhere}

/* Layout del módulo de Ventas */
.ventas-shell{--ventas-header:64px;--ventas-sidebar:285px;min-height:100vh;background:#f4f7fb}.ventas-header{position:fixed;inset:0 0 auto 0;z-index:1040;height:var(--ventas-header);display:flex;align-items:center;gap:1rem;padding:0 1rem;background:#07377f;color:#fff;box-shadow:0 2px 14px rgba(5,35,79,.22)}.ventas-brand{display:flex;align-items:center;gap:.7rem;min-width:220px;color:#fff;font-weight:800;letter-spacing:.03em;text-decoration:none}.ventas-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#0d55bf}.ventas-menu-toggle{color:#fff;font-size:1.35rem}.ventas-menu-toggle:hover,.ventas-menu-toggle:focus{color:#cfe2ff}.ventas-search{display:flex;gap:.45rem;width:min(480px,42vw);margin-right:auto}.ventas-session{display:flex;align-items:center;gap:1rem;white-space:nowrap}.ventas-sidebar{position:fixed;z-index:1030;left:0;top:var(--ventas-header);bottom:0;width:var(--ventas-sidebar);padding:1rem .8rem;overflow-y:auto;background:#fff;border-right:1px solid #e6ebf2;box-shadow:3px 0 12px rgba(15,23,42,.05);transition:transform .2s ease}.ventas-sidebar a,.ventas-nav-heading{display:flex;align-items:center;width:100%;gap:.7rem;border:0;border-radius:.5rem;color:#334155;background:transparent;text-decoration:none;text-align:left}.ventas-sidebar a{padding:.66rem .8rem}.ventas-sidebar a:hover,.ventas-sidebar a.active{background:#eaf2ff;color:#0d55bf}.ventas-sidebar a i{width:1.2rem;text-align:center}.ventas-nav-home{margin-bottom:.6rem;font-weight:700}.ventas-nav-section{margin:.35rem 0}.ventas-nav-heading{justify-content:space-between;padding:.7rem .8rem;font-weight:700}.ventas-nav-heading:hover{background:#f1f5f9}.ventas-nav-heading .bi-chevron-down{transition:transform .2s}.ventas-nav-heading.collapsed .bi-chevron-down{transform:rotate(-90deg)}.ventas-nav-section .collapse a,.ventas-nav-section .collapsing a{padding-left:1.15rem;font-size:.94rem}.ventas-main{min-height:calc(100vh - var(--ventas-header));margin-left:var(--ventas-sidebar);padding:calc(var(--ventas-header) + 1.25rem) 1.4rem 2rem;transition:margin-left .2s ease}.ventas-footer{margin-left:var(--ventas-sidebar);padding:1rem 1.4rem;text-align:center;color:#64748b;border-top:1px solid #e2e8f0;background:#fff}.ventas-sidebar-open .ventas-sidebar{transform:translateX(calc(-1 * var(--ventas-sidebar)))}.ventas-sidebar-open .ventas-main,.ventas-sidebar-open .ventas-footer{margin-left:0}
@media(max-width:991.98px){.ventas-brand{min-width:auto}.ventas-brand>span:last-child{display:none}.ventas-search{width:auto;flex:1}.ventas-session #ventas-session-name{display:none}.ventas-sidebar{transform:translateX(-100%)}.ventas-main,.ventas-footer{margin-left:0}.ventas-sidebar-open .ventas-sidebar{transform:translateX(0)}}
@media(max-width:575.98px){.ventas-header{gap:.5rem;padding:.5rem}.ventas-search input{min-width:0}.ventas-session .btn{font-size:0}.ventas-session .btn i{font-size:1rem;margin:0!important}.ventas-main{padding-left:.7rem;padding-right:.7rem}}
.brand-mark{width:46px;height:36px;border-radius:0;background:transparent;color:inherit}.brand-mark img{width:46px;height:36px;object-fit:contain}.ventas-brand-mark{width:46px;height:36px;border-radius:0;background:transparent;color:inherit}.ventas-brand-mark img{width:46px;height:36px;object-fit:contain}.ventas-session{margin-left:auto}

/* Directorio empresarial compartido */
.clientes-page{width:100%;max-width:1500px;margin-inline:auto}.clientes-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:1.5rem}.clientes-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.clientes-eyebrow{display:block;margin-bottom:.35rem;color:#64748b;font-size:.72rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.clientes-title{margin:0;color:#0d55bf;font-size:clamp(1.55rem,2.4vw,2rem);font-weight:750;letter-spacing:-.025em}.clientes-description{margin:.4rem 0 0;color:#64748b;font-size:.97rem}.clientes-filter{padding:1.05rem 1.15rem;border:1px solid #e6ebf2!important;border-radius:.85rem}.clientes-filter .form-label{margin-bottom:.45rem;color:#334155;font-size:.84rem;font-weight:650}.clientes-filter .input-group{min-height:46px}.clientes-filter .input-group-text{border-right:0}.clientes-filter .input-group .form-control{border-left:0}.clientes-filter .form-control:focus{box-shadow:none;border-color:#86b7fe}.clientes-card{overflow:hidden;border:1px solid #e6ebf2!important;border-radius:.9rem}.clientes-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #e9eef5}.clientes-section-heading .clientes-eyebrow{margin-bottom:.2rem}.clientes-table{min-width:760px}.clientes-table thead th{padding:.9rem 1rem;background:#f8fafc;color:#475569;font-size:.76rem;font-weight:750;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #e2e8f0}.clientes-table tbody td{padding:.95rem 1rem;border-color:#edf1f6}.clientes-table tbody tr:last-child td{border-bottom:0}.clientes-table tbody tr:hover{background:#f8fbff}.cliente-row-name{color:#1e293b}.cliente-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.cliente-actions .btn{white-space:nowrap}.clientes-pagination{padding:.85rem 1rem;background:#fff;border-top:1px solid #e9eef5}.clientes-empty{color:#64748b}.clientes-loading{display:flex;align-items:center;margin-bottom:1rem;padding:.9rem 1rem;border:1px solid #dbeafe;border-radius:.75rem;background:#eff6ff;color:#1e40af}.cliente-hero{border:1px solid #e6ebf2!important;border-radius:.9rem;background:linear-gradient(115deg,#fff 0%,#f8fbff 100%)}.cliente-hero .card-body{padding:1.35rem 1.5rem}.cliente-hero h2{color:#0f2748;font-weight:750}.clientes-info-card{border:1px solid #e6ebf2!important;border-radius:.85rem;overflow:hidden}.clientes-info-card .card-header{padding:.9rem 1.1rem;border-bottom:1px solid #edf1f6}.clientes-info-card .card-header h3{color:#263b58;font-weight:700}.clientes-info-card .card-body{padding:1.1rem}.clientes-info-card dl{row-gap:.15rem}.clientes-info-card dt{color:#64748b;font-size:.83rem;font-weight:650}.clientes-info-card dd{margin-bottom:.55rem;color:#1e293b;overflow-wrap:anywhere}.cliente-dialog{width:min(900px,95vw);max-height:92vh;overflow:auto;padding:0;color:#1e293b;background:#fff}.cliente-dialog::backdrop{background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}.cliente-dialog form{padding:1.4rem!important}.cliente-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e9eef5}.cliente-dialog-header .clientes-eyebrow{margin-bottom:.2rem}.cliente-form-section{padding:.15rem 0}.participante-edit{padding:1rem;border:1px solid #dbeafe;border-radius:.75rem;background:#f8fbff}
@media(max-width:767.98px){.clientes-header{align-items:flex-start;flex-direction:column}.clientes-header-actions{width:100%;justify-content:flex-start}.clientes-header-actions .btn{flex:1 1 auto}.cliente-actions{justify-content:flex-start}.cliente-hero .card-body{padding:1rem}.clientes-info-card .card-body{padding:.9rem}.clientes-filter{padding:.9rem}.clientes-pagination{align-items:flex-start!important;flex-direction:column;gap:.75rem}.cliente-dialog form{padding:1rem!important}}
@media(max-width:575.98px){.clientes-page{padding-top:1rem!important}.clientes-title{font-size:1.5rem}.clientes-header-actions .btn{width:100%}.clientes-table{min-width:700px}.clientes-pagination>div{width:100%}.clientes-pagination .btn{flex:1}}
.cliente-form-heading{margin-top:.45rem;padding-top:.8rem;border-top:1px solid #e9eef5}.cliente-form-heading h3{margin:0;color:#334155;font-size:.91rem;font-weight:750}.cliente-form-heading p{margin:.2rem 0 0;color:#64748b;font-size:.82rem}