/* Licencias UI - reuse WeHost admin theme (responsive) */
:root{
  --wh-primary:#1F3A5F;
  --wh-primary-hover:#162B45;
  --wh-secondary:#64748B;
  --wh-bg:#F3F5F7;
  --wh-card:#FFFFFF;
  --wh-accent:#B08D57;
  --wh-text:#111827;
  --wh-muted:#6B7280;
  --wh-border:#E5E7EB;
}
html,body{height:100%;}
.wehost-body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Open Sans',Arial,sans-serif;background:var(--wh-bg);color:var(--wh-text);} 

.wehost-nav{background:var(--wh-card);border-bottom:1px solid var(--wh-border);box-shadow:0 2px 12px rgba(17,24,39,.05);} 
.wehost-nav-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;} 
.wehost-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--wh-text);} 
.wehost-brand-mark{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(176,141,87,.14);border:1px solid rgba(176,141,87,.28);color:var(--wh-accent);font-size:18px;} 
.wehost-brand-name{font-weight:800;letter-spacing:.2px;line-height:1.1;} 
.wehost-brand-sub{font-size:12px;color:var(--wh-muted);} 

.wehost-menu{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:center;} 
.nav-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--wh-border);background:#F8FAFC;color:var(--wh-text);text-decoration:none;font-weight:800;font-size:12px;white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .15s ease;} 
.nav-btn i{font-size:15px;color:var(--wh-secondary);} 
.nav-btn:hover{background:#EEF2F7;border-color:#D7DEE7;transform:translateY(-1px);color:var(--wh-text);} 
.nav-btn.active{background:rgba(31,58,95,.08);border-color:rgba(31,58,95,.22);} 

.btn{border-radius:12px;font-weight:800;font-size:13px;padding:9px 12px;line-height:1.15;} 
.btn-sm{border-radius:12px;font-weight:800;font-size:13px;padding:9px 12px;line-height:1.15;} 
.btn-primary{background:var(--wh-primary)!important;border-color:var(--wh-primary)!important;} 
.btn-primary:hover{background:var(--wh-primary-hover)!important;border-color:var(--wh-primary-hover)!important;} 
.btn-outline-secondary{border-color:#CBD5E1!important;color:#334155!important;} 
.btn-outline-secondary:hover{background:#EEF2F7!important;} 

.card-soft{background:var(--wh-card);border:1px solid var(--wh-border);border-radius:16px;box-shadow:0 8px 30px rgba(17,24,39,.04);} 
.text-muted{color:var(--wh-muted)!important;} 

/* Dropdowns */
.dropdown-menu{border-radius:14px;border:1px solid var(--wh-border);box-shadow:0 18px 40px rgba(17,24,39,.12);padding:8px;overflow:hidden;} 
.dropdown-item{border-radius:10px;padding:9px 10px;font-weight:800;font-size:13px;} 

/* Offcanvas */
.offcanvas{border-left:1px solid var(--wh-border);} 
.offcanvas .nav-btn{background:#F8FAFC;} 

@media (max-width: 991.98px){
  .wehost-nav-row{flex-wrap:nowrap;}
  .wehost-brand{max-width:calc(100% - 56px);} 
  .wehost-brand-mark{width:36px;height:36px;border-radius:12px;font-size:16px;}
  .wehost-brand-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;}
  .wehost-brand-sub{display:none;}
}

@media (max-width: 420px){
  .wehost-brand-name{max-width:140px;}
}