:root{
  --red:#d71920;
  --red-dark:#b31217;
  --ink:#10254a;
  --muted:#68758d;
  --paper:#ffffff;
  --soft:#f5f7fb;
  --line:#e2e7ef;
  --green:#169a55;
  --blue:#2f80ed;
  --amber:#e99a13;
  --shadow:0 10px 30px rgba(16,37,74,.06);
  --shadow-soft:0 4px 16px rgba(16,37,74,.045);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:linear-gradient(180deg,#fafbfd 0%,#f4f7fb 100%);
  color:var(--ink);
  line-height:1.45;
}
a{color:var(--red-dark);text-decoration:none}
svg{display:block}
.top{
  min-height:78px;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid var(--line);
  padding:14px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  position:sticky;
  top:0;
  z-index:30;
  box-shadow:0 2px 10px rgba(16,37,74,.025);
}
.brand-area{display:flex;flex-direction:column;gap:3px;min-width:300px}
.brand{font-weight:900;font-size:18px;letter-spacing:-.01em}
.brand b{color:var(--red)}
.brand-sep{color:#aab3c2;font-weight:500;margin:0 5px}
.identity{font-size:13px;color:#455570}
.nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:7px;
}
.nav-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:9px 12px;
  border-radius:11px;
  border:1px solid transparent;
  color:#3e4f6c;
  font-size:14px;
  font-weight:750;
  white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.nav-link:hover{
  background:#fff4f4;
  border-color:#f1d2d4;
  color:var(--red-dark);
  transform:translateY(-1px);
}
.nav-link.active,
.nav-link[aria-current="page"]{
  background:linear-gradient(180deg,#fff2f3 0%,#ffe9eb 100%);
  border-color:#efc7ca;
  color:var(--red);
  box-shadow:inset 0 -3px 0 var(--red);
}
.nav-icon{
  width:18px;
  height:18px;
  display:inline-flex;
  flex:0 0 18px;
}
.nav-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.wrap{
  max-width:1220px;
  margin:36px auto 54px;
  padding:0 22px;
}
h1,h2,h3{color:var(--ink);margin-top:0}
h1{font-size:38px;line-height:1.08;letter-spacing:-.025em;margin-bottom:8px}
h2{font-size:23px;line-height:1.15;letter-spacing:-.018em}
h3{font-size:18px}
.muted{color:var(--muted)}
.grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:17px;
}
.c4{grid-column:span 4}
.c6{grid-column:span 6}
.c8{grid-column:span 8}
.c12{grid-column:span 12}
.card,.panel-card,.quick-new-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:17px;
  box-shadow:var(--shadow-soft);
}
.card{padding:20px}
.metric-card{
  min-height:148px;
  display:flex;
  flex-direction:column;
  gap:7px;
  justify-content:flex-start;
}
.metric-icon{
  width:43px;
  height:43px;
  border-radius:13px;
  background:#fff0f1;
  color:var(--red);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:3px;
}
.metric-icon svg{
  width:20px;height:20px;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.metric-label{
  color:#4f5f78;
  font-size:15px;
  font-weight:750;
}
.metric-value{
  color:var(--ink);
  font-size:32px;
  line-height:1;
  font-weight:900;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:11px;
  padding:11px 15px;
  background:linear-gradient(180deg,var(--red) 0%,var(--red-dark) 100%);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(215,25,32,.17);
}
.btn.alt{
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:none;
}
.btn-icon{width:17px;height:17px;display:inline-flex}
.btn-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
input,select,textarea{
  width:100%;
  padding:12px 13px;
  border:1px solid #ccd5e1;
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  font:inherit;
  margin:6px 0 14px;
}
input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:#dc8589;
  box-shadow:0 0 0 4px rgba(215,25,32,.075);
}
textarea{min-height:110px;resize:vertical}
label{font-size:13px;font-weight:800}
.badge{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:#eef2f6;
  border:1px solid #e2e7ed;
  color:#33435e;
  font-size:12px;
  font-weight:800;
}
.status-active{
  background:#eaf8ef;
  color:#0e7d40;
  border-color:#ccead7;
}
.section-head{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) minmax(300px,390px);
  align-items:center;
  gap:18px;
  margin-bottom:24px;
}
.section-icon{
  width:64px;
  height:64px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffecee 0%,#ffdee1 100%);
  color:var(--red);
  display:flex;
  align-items:center;
  justify-content:center;
}
.section-icon svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.section-copy h1{margin-bottom:6px}
.section-copy p{margin:0}
.search-box{
  height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 13px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:var(--shadow-soft);
}
.search-icon{
  width:19px;height:19px;
  color:#718099;
  flex:0 0 19px;
}
.search-icon svg{
  width:19px;height:19px;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.search-box input{
  height:auto;
  border:0;
  padding:0;
  margin:0;
  box-shadow:none!important;
  background:transparent;
}
.table-card{padding:0;overflow:hidden}
.table-card-head{
  padding:18px 20px;
  border-bottom:1px solid var(--line);
}
.table-foot{
  padding:13px 20px;
  color:var(--muted);
  font-size:13px;
}
table{width:100%;border-collapse:collapse}
th,td{
  text-align:left;
  padding:14px 13px;
  border-bottom:1px solid var(--line);
  vertical-align:middle;
}
th{
  background:#f8fafc;
  color:#65738b;
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
}
td{font-size:14px}
tr:hover td{background:#fcfdff}
td b a{color:var(--red-dark)}
.btn-view{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 12px;
  border-radius:10px;
  background:linear-gradient(180deg,var(--red) 0%,var(--red-dark) 100%);
  color:#fff;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 6px 14px rgba(215,25,32,.15);
}
.subnav{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin:16px 0 22px;
}
.subnav-link{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:9px 13px;
  border-radius:10px;
  border:1px solid var(--line);
  background:#fff;
  color:#34445f;
  font-size:14px;
  font-weight:800;
  box-shadow:0 2px 8px rgba(16,37,74,.03);
}
.subnav-link:hover{border-color:#cbd4e1;background:#fafbfd}
.subnav-link.active,
.subnav-link[aria-current="page"]{
  background:linear-gradient(180deg,var(--red) 0%,var(--red-dark) 100%);
  border-color:var(--red);
  color:#fff;
  box-shadow:0 6px 16px rgba(215,25,32,.16);
}
.seller-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.seller-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  align-items:start;
  gap:18px;
  margin-top:21px;
}
.panel-card{
  padding:20px;
  margin-bottom:18px;
}
.panel-card .card{
  border:0;
  box-shadow:none;
  padding:0;
  border-radius:0;
}
.panel-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:15px;
}
.panel-card-head h2{margin-bottom:4px}
.panel-card-head p{margin:0}
.link-more{
  flex:0 0 auto;
  display:inline-flex;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  color:#52627c;
  font-size:13px;
  font-weight:700;
}
.quick-new-card{padding:20px}
.quick-icon{
  width:43px;height:43px;
  border-radius:12px;
  background:linear-gradient(180deg,#ef3340 0%,#c80f17 100%);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:12px;
}
.quick-icon svg{
  width:23px;height:23px;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.quick-new-card h2{margin-bottom:5px}
.quick-new-card p{margin-top:0}
.quick-btn{width:100%;margin-top:5px}
.empty-state{
  min-height:175px;
  background:#fafbfd;
  border:1px solid var(--line);
  border-radius:14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:8px;
  color:#52627c;
}
.empty-state span{font-size:13px;color:var(--muted)}
.empty-icon{
  width:56px;height:56px;
  border-radius:50%;
  background:#eef2f7;
  display:flex;align-items:center;justify-content:center;
  color:#6d7b92;
}
.empty-icon svg{
  width:26px;height:26px;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.msg{padding:12px 14px;border-radius:10px;background:#eef8f2;margin-bottom:16px}
.err{background:#fff0f0;color:#8b1115}
.timeline{border-left:2px solid var(--line);margin-left:8px;padding-left:18px}
.note{margin:0 0 16px}.note small{color:var(--muted)}
.login{max-width:430px;margin:10vh auto}
@media(max-width:980px){
  .top{align-items:flex-start}
  .section-head{grid-template-columns:64px minmax(0,1fr)}
  .search-box{grid-column:1/-1}
  .seller-dashboard-grid{grid-template-columns:1fr}
  .c4{grid-column:span 6}
}
@media(max-width:760px){
  .top{position:static;flex-direction:column;padding:14px 16px}
  .brand-area{min-width:0}
  .nav{width:100%;justify-content:flex-start}
  .wrap{margin-top:22px;padding:0 14px}
  .c4,.c6,.c8{grid-column:span 12}
  .section-head{grid-template-columns:1fr}
  .section-icon{display:none}
  .search-box{grid-column:auto}
  .seller-title{flex-direction:column}
  table{display:block;overflow-x:auto;white-space:nowrap}
  h1{font-size:31px}
}

/* Logo corporativo real */
.brand-area{min-width:360px}
.brand-row{display:flex;align-items:center;gap:14px}
.corp-logo{
  display:block;
  width:230px;
  max-width:42vw;
  height:auto;
  object-fit:contain;
}
.panel-label{
  padding-left:14px;
  border-left:1px solid #dfe4ec;
  color:var(--ink);
  font-size:17px;
  font-weight:850;
  white-space:nowrap;
}
.identity{
  margin-left:244px;
  margin-top:-2px;
}
@media(max-width:1000px){
  .brand-area{min-width:0}
  .corp-logo{width:200px;max-width:52vw}
  .panel-label{font-size:15px}
  .identity{margin-left:214px}
}
@media(max-width:760px){
  .brand-row{align-items:flex-start;flex-direction:column;gap:8px}
  .corp-logo{width:210px;max-width:80vw}
  .panel-label{padding-left:0;border-left:0}
  .identity{margin-left:0}
}

/* Refuerzo definitivo de tamaño de logo */
.corp-logo{
  width:230px !important;
  max-width:42vw !important;
  height:auto !important;
  max-height:74px !important;
  object-fit:contain !important;
  display:block !important;
}
.top{
  overflow:hidden;
}
.brand-row{
  min-width:0;
}
@media(max-width:1000px){
  .corp-logo{
    width:200px !important;
    max-width:50vw !important;
    max-height:66px !important;
  }
}
@media(max-width:760px){
  .corp-logo{
    width:190px !important;
    max-width:78vw !important;
    max-height:64px !important;
  }
}

/* =========================================================
   AJUSTES GUIA VISUAL APROBADA - V4
   ========================================================= */

/* Fondo decorativo suave tipo ondas */
body::after{
  content:"";
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:190px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(65% 95% at 22% 105%, rgba(215,25,32,.07) 0 55%, transparent 56%),
    radial-gradient(70% 100% at 72% 115%, rgba(215,25,32,.045) 0 57%, transparent 58%);
}

/* Panel principal */
.wrap{
  max-width:1240px;
}

/* Dashboard admin: cards compactas y accesibles */
.admin-summary{
  align-items:stretch;
}
.metric-link{
  position:relative;
  display:block;
  grid-column:span 4;
  color:inherit;
  min-width:0;
}
.metric-link .metric-card{
  height:100%;
  grid-column:auto !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.metric-link:hover .metric-card{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
  border-color:#d9e0e9;
}
.metric-arrow{
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f2f5f9;
  color:#3f506d;
  font-size:23px;
  font-weight:700;
}
.metric-card{
  min-height:160px;
  padding:22px 24px;
}
.metric-desc{
  margin-top:1px;
  color:#7a879a;
  font-size:13px;
}
.metric-rose .metric-icon{background:#ffecee;color:#e21b2d}
.metric-blue .metric-icon{background:#eaf3ff;color:#2879da}
.metric-green .metric-icon{background:#e8f8ee;color:#16a05b}
.metric-amber .metric-icon{background:#fff3df;color:#e39713}
.metric-violet .metric-icon{background:#f1eaff;color:#7b3fd1}

/* Seller: cuatro tarjetas en una línea en escritorio */
.dashboard-cards .c4{
  grid-column:span 3;
}
.dashboard-cards .metric-card{
  min-height:142px;
}

/* El submenú sólo existe para admin dentro de un vendedor */
.subnav{
  margin-top:18px;
}

/* Dashboard vendedor según guía */
.seller-dashboard-grid{
  grid-template-columns:minmax(0,1fr) 330px;
}
.panel-card{
  overflow:hidden;
}
.panel-card .card{
  background:transparent;
}
.panel-card table{
  table-layout:auto;
}
.panel-card th,
.panel-card td{
  padding:12px 11px;
  font-size:13px;
}
.panel-card td:nth-child(1){
  white-space:nowrap;
}
.panel-card td:nth-child(2){
  min-width:155px;
}
.panel-card td:nth-child(3){
  min-width:135px;
}
.btn-follow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:118px;
  padding:8px 10px;
  border:1px solid #f2c7cb;
  border-radius:10px;
  color:var(--red);
  background:#fff6f7;
  font-size:12px;
  font-weight:800;
  line-height:1.15;
}
.btn-follow:hover{
  background:#ffedef;
}

/* Tarjeta/formulario lateral */
.quick-new-card{
  padding:18px;
}
.quick-card-head{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-bottom:14px;
}
.quick-card-head h2{
  margin:0 0 3px;
  font-size:18px;
}
.quick-card-head p{
  margin:0;
  font-size:12px;
}
.quick-form label{
  display:block;
  margin-top:2px;
  font-size:11px;
}
.quick-form input,
.quick-form select,
.quick-form textarea{
  margin:4px 0 9px;
  padding:9px 10px;
  border-radius:8px;
  font-size:12px;
}
.quick-form textarea{
  min-height:64px;
}
.quick-form .quick-btn{
  margin-top:3px;
  min-height:42px;
}

/* Empty state comisiones */
.empty-state{
  min-height:190px;
}

/* Cabecera algo más compacta */
.top{
  min-height:72px;
  padding-top:10px;
  padding-bottom:10px;
}
.corp-logo{
  width:215px !important;
  max-height:68px !important;
}
.identity{
  margin-left:229px;
}

/* Responsive */
@media(max-width:1050px){
  .metric-link{grid-column:span 6}
  .dashboard-cards .c4{grid-column:span 6}
}
@media(max-width:760px){
  .metric-link{grid-column:span 12}
  .dashboard-cards .c4{grid-column:span 12}
  .seller-dashboard-grid{grid-template-columns:1fr}
  .identity{margin-left:0}
}

/* =========================================================
   REFINAMIENTO VISUAL V5
   ========================================================= */

/* Cabecera más compacta y mejor alineada */
.top{
  min-height:68px;
  padding:8px 18px;
  gap:18px;
}
.brand-area{
  min-width:330px;
}
.brand-row{
  gap:12px;
}
.corp-logo{
  width:190px !important;
  max-height:58px !important;
}
.panel-label{
  font-size:16px;
  line-height:1.2;
}
.identity{
  margin-left:202px;
  font-size:12px;
  line-height:1.2;
}
.nav{
  gap:5px;
}
.nav-link{
  padding:8px 10px;
  min-height:38px;
  font-size:13px;
}

/* Área principal algo más compacta */
.wrap{
  max-width:1260px;
  margin-top:30px;
  margin-bottom:46px;
}
h1{
  font-size:36px;
  margin-bottom:7px;
}
h2{
  font-size:22px;
}

/* Resumen administración */
.admin-summary{
  gap:15px;
}
.metric-card{
  min-height:145px;
  padding:20px 22px;
}
.metric-icon{
  width:40px;
  height:40px;
}
.metric-icon svg{
  width:19px;
  height:19px;
}
.metric-label{
  font-size:15px;
}
.metric-value{
  font-size:31px;
}
.metric-desc{
  font-size:12px;
}
.metric-arrow{
  width:30px;
  height:30px;
  right:18px;
}

/* Dashboard vendedor */
.dashboard-cards{
  gap:14px;
}
.dashboard-cards .metric-card{
  min-height:136px;
  padding:18px 20px;
}
.dashboard-cards .metric-label{
  font-size:14px;
}
.dashboard-cards .metric-value{
  font-size:30px;
}

/* Mejor balance entre tabla y formulario */
.seller-dashboard-grid{
  grid-template-columns:minmax(0,1.95fr) minmax(300px,.85fr);
  gap:16px;
  align-items:start;
}
.panel-card{
  padding:18px;
  margin-bottom:16px;
}
.quick-new-card{
  padding:17px;
}
.quick-card-head{
  margin-bottom:12px;
}
.quick-card-head h2{
  font-size:17px;
}
.quick-card-head p{
  line-height:1.35;
}
.quick-form input,
.quick-form select,
.quick-form textarea{
  padding:8px 9px;
  margin:3px 0 8px;
  font-size:12px;
}
.quick-form textarea{
  min-height:58px;
}
.quick-form .quick-btn{
  min-height:40px;
}

/* Tabla más equilibrada */
.panel-card table{
  width:100%;
  table-layout:fixed;
}
.panel-card th,
.panel-card td{
  padding:11px 9px;
  font-size:12px;
  line-height:1.3;
}
.panel-card th:nth-child(1),
.panel-card td:nth-child(1){width:16%}
.panel-card th:nth-child(2),
.panel-card td:nth-child(2){width:20%}
.panel-card th:nth-child(3),
.panel-card td:nth-child(3){width:21%}
.panel-card th:nth-child(4),
.panel-card td:nth-child(4){width:10%}
.panel-card th:nth-child(5),
.panel-card td:nth-child(5){width:10%}
.panel-card th:nth-child(6),
.panel-card td:nth-child(6){width:13%}
.panel-card th:last-child,
.panel-card td:last-child{width:10%}
.btn-follow{
  min-width:104px;
  padding:7px 8px;
  font-size:11px;
}

/* En trámite / vistas internas */
.seller-title{
  margin-bottom:6px;
}
.subnav{
  margin:14px 0 19px;
}
.subnav-link{
  padding:8px 11px;
  min-height:38px;
  font-size:13px;
}

/* Tarjetas y bordes más suaves */
.card,.panel-card,.quick-new-card{
  border-color:#e4e8ef;
  box-shadow:0 6px 20px rgba(16,37,74,.05);
}
.table-card{
  border-radius:16px;
}
.table-card-head{
  padding:16px 18px;
}
.table-foot{
  padding:12px 18px;
}

/* Mejor respiración visual */
.section-head{
  margin-bottom:20px;
}
.section-copy h1{
  margin-bottom:4px;
}
.section-copy .muted{
  font-size:14px;
}

/* Responsive */
@media(max-width:1180px){
  .brand-area{min-width:285px}
  .corp-logo{width:170px !important}
  .identity{margin-left:182px}
  .nav-link{padding:7px 8px;font-size:12px}
}
@media(max-width:1000px){
  .seller-dashboard-grid{
    grid-template-columns:1fr;
  }
  .quick-new-card{
    max-width:none;
  }
  .identity{margin-left:0}
  .brand-area{min-width:0}
  .brand-row{
    align-items:center;
  }
}
@media(max-width:760px){
  .top{
    padding:10px 14px;
  }
  .brand-row{
    flex-direction:row;
    align-items:center;
  }
  .corp-logo{
    width:155px !important;
    max-width:60vw !important;
  }
  .panel-label{
    font-size:14px;
    padding-left:10px;
  }
  .nav{
    gap:4px;
  }
  .nav-link{
    padding:7px 8px;
    font-size:12px;
  }
  .wrap{
    margin-top:20px;
  }
  h1{
    font-size:30px;
  }
}

/* =========================================================
   POSTULANTES - V6
   ========================================================= */
.candidates-head{margin-bottom:16px}
.candidate-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
  max-width:680px;
}
.mini-stat{
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 15px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:13px;
  box-shadow:0 3px 12px rgba(16,37,74,.035);
}
.mini-stat-icon{
  width:38px;height:38px;
  display:flex;align-items:center;justify-content:center;
  border-radius:11px;
}
.mini-stat-icon svg{
  width:19px;height:19px;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.mini-stat-icon.rose{background:#ffecef;color:#dc2433}
.mini-stat-icon.blue{background:#eaf3ff;color:#2879da}
.mini-stat-icon.amber{background:#fff3df;color:#df9410}
.mini-stat div{display:flex;flex-direction:column}
.mini-stat b{font-size:21px;line-height:1;color:var(--ink)}
.mini-stat span:last-child{margin-top:4px;color:var(--muted);font-size:12px}
.candidate-table-card td{vertical-align:middle}
.cell-sub{font-size:12px;color:#7b8799}
.code-chip,.profile-chip{
  display:inline-flex;
  padding:5px 8px;
  border-radius:8px;
  background:#f3f6fa;
  border:1px solid #e5e9ef;
  color:#455570;
  font-size:12px;
  font-weight:750;
}
.profile-chip{background:#fff6f6;color:#a71920;border-color:#f2d9db}
.candidate-new{background:#eaf3ff!important;color:#286fbd!important;border-color:#d2e5fa!important}
.candidate-review{background:#fff4df!important;color:#a66a08!important;border-color:#f3dfb7!important}
.contact-line{font-weight:700;color:#33445f}
.empty-table{
  padding:38px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:var(--muted);
}
.empty-table-icon{
  width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  background:#f2f5f9;
  color:#7a879a;
}
.empty-table-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}
.empty-table b{color:#43526b}

/* Ficha postulante */
.candidate-back{margin-bottom:16px;font-size:13px;font-weight:700}
.candidate-hero{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:20px;
}
.candidate-avatar{
  width:62px;height:62px;
  flex:0 0 62px;
  display:flex;align-items:center;justify-content:center;
  border-radius:18px;
  background:linear-gradient(180deg,#ffecef,#ffdee2);
  color:var(--red);
}
.candidate-avatar svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7}
.candidate-heading{min-width:0}
.candidate-title-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.candidate-title-row h1{margin:0}
.candidate-heading p{margin:5px 0 0}
.candidate-layout{
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);
  gap:18px;
  align-items:start;
}
.candidate-main{display:grid;gap:16px}
.candidate-card{padding:20px}
.candidate-card-title{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-bottom:18px;
}
.candidate-card-title h2{font-size:18px;margin:0 0 3px}
.candidate-card-title p{margin:0;font-size:12px}
.candidate-card-icon{
  width:40px;height:40px;
  flex:0 0 40px;
  display:flex;align-items:center;justify-content:center;
  border-radius:11px;
  background:#ffecef;
  color:var(--red);
}
.candidate-card-icon.amber{background:#fff4df;color:#dc8d08}
.candidate-card-icon.green{background:#eaf8ef;color:#138b4b}
.candidate-card-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.candidate-data-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.data-item{
  padding:13px 14px;
  border:1px solid #e7ebf1;
  border-radius:11px;
  background:#fafbfd;
}
.data-item span{
  display:block;
  margin-bottom:5px;
  color:#7a879a;
  font-size:11px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.data-item b{
  display:block;
  color:#263a5c;
  font-size:14px;
  overflow-wrap:anywhere;
}
.experience-text{
  padding:16px;
  border-radius:12px;
  background:#fafbfd;
  border:1px solid #e8ecf2;
  color:#34445f;
  line-height:1.65;
}
.candidate-actions{
  padding:19px;
  position:sticky;
  top:90px;
}
.action-block{
  padding-top:15px;
  margin-top:15px;
  border-top:1px solid var(--line);
}
.action-block:first-of-type{
  margin-top:0;
}
.action-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:12px;
}
.action-copy b{font-size:14px;color:#273a5a}
.action-copy span{font-size:12px;color:var(--muted);line-height:1.45}
.btn-full{width:100%}
.btn-alt-danger{
  background:#fff!important;
  color:#a8171d!important;
  border:1px solid #efc7ca!important;
  box-shadow:none!important;
}
.btn-alt-danger:hover{background:#fff2f3!important}
.discard-block{margin-top:18px}
.candidate-result{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:15px;
  border-radius:12px;
  margin-top:14px;
}
.candidate-result b{font-size:14px}
.candidate-result span{font-size:12px}
.candidate-result.success{background:#eaf8ef;color:#176c3d;border:1px solid #cfead8}
.candidate-result.neutral{background:#f3f5f8;color:#526078;border:1px solid #e2e7ed}

@media(max-width:900px){
  .candidate-layout{grid-template-columns:1fr}
  .candidate-actions{position:static}
}
@media(max-width:700px){
  .candidate-summary{grid-template-columns:1fr}
  .candidate-data-grid{grid-template-columns:1fr}
  .candidate-hero{align-items:flex-start}
}

/* =========================================================
   LOGIN - V7
   ========================================================= */
.login-shell{
  min-height:calc(100vh - 1px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:38px 20px 120px;
  position:relative;
  overflow:hidden;
}
.login-shell::before,
.login-shell::after{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-72px;
  height:215px;
  border-radius:50%;
  pointer-events:none;
}
.login-shell::before{
  background:rgba(215,25,32,.055);
  transform:rotate(2deg);
}
.login-shell::after{
  bottom:-108px;
  background:rgba(215,25,32,.035);
  transform:rotate(-3deg);
}
.login-card{
  width:min(430px,100%);
  position:relative;
  z-index:1;
  padding:30px 30px 24px;
  border:1px solid #e2e7ee;
  border-radius:18px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 55px rgba(21,38,70,.10);
}
.login-brand{
  display:flex;
  justify-content:center;
  margin-bottom:20px;
}
.login-brand img{
  display:block;
  width:245px;
  max-width:78%;
  height:auto;
  object-fit:contain;
}
.login-copy{
  text-align:center;
  margin-bottom:23px;
}
.login-copy h1{
  margin:0 0 7px;
  font-size:26px;
  line-height:1.18;
  color:var(--ink);
}
.login-copy p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}
.login-error{
  margin-bottom:15px;
}
.login-form label{
  display:block;
  margin:0 0 6px;
  color:#273956;
  font-size:12px;
  font-weight:800;
}
.login-field{
  margin-bottom:14px;
  padding:0 12px;
  border:1px solid #cfd7e2;
  border-radius:10px;
  background:#fff;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.login-field:focus-within{
  border-color:#e47b82;
  box-shadow:0 0 0 3px rgba(215,25,32,.08);
}
.login-field input{
  width:100%;
  margin:0!important;
  padding:12px 0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  font-size:14px;
}
.login-submit{
  width:100%;
  min-height:44px;
  margin-top:2px;
  border-radius:10px;
  font-size:14px;
}
.login-footer{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #eef1f5;
  color:#8a95a7;
  text-align:center;
  font-size:11px;
}
@media(max-width:560px){
  .login-shell{
    align-items:flex-start;
    padding:24px 14px 110px;
  }
  .login-card{
    margin-top:24px;
    padding:24px 20px 20px;
  }
  .login-brand img{
    width:220px;
  }
  .login-copy h1{
    font-size:23px;
  }
}

/* =========================================================
   PIE LEGAL GLOBAL - V8
   ========================================================= */
.legal-footer{
  width:100%;
  margin:34px auto 0;
  padding:18px 20px 22px;
  text-align:center;
  color:#7c8798;
  font-size:11px;
  line-height:1.55;
}
.legal-footer div:first-child{
  color:#59677d;
  font-weight:700;
  margin-bottom:2px;
}
.login-shell + .legal-footer{
  margin-top:-92px;
  position:relative;
  z-index:2;
}
@media(max-width:560px){
  .legal-footer{
    padding-left:14px;
    padding-right:14px;
    font-size:10.5px;
  }
  .login-shell + .legal-footer{
    margin-top:-82px;
  }
}


/* =========================================================
   ADMIN: BUSQUEDA, EDICION Y FOOTER STICKY - V9
   ========================================================= */
html{min-height:100%}
body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
main.wrap{
  flex:1 0 auto;
  width:100%;
}
.legal-footer{
  margin-top:auto !important;
  flex:0 0 auto;
}
.login-shell{
  min-height:0 !important;
  flex:1 0 auto;
  width:100%;
}
.login-shell + .legal-footer{
  margin-top:0 !important;
}

.row-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.btn-edit,.btn-edit-small,.btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:800;
  border-radius:9px;
}
.btn-edit{
  padding:9px 13px;
  border:1px solid #e6b9bd;
  background:#fff5f5;
  color:#b5161d;
  font-size:12px;
}
.btn-edit-small{
  padding:8px 10px;
  border:1px solid #dfe4eb;
  background:#fff;
  color:#46556d;
  font-size:11px;
}
.btn-secondary{
  padding:11px 16px;
  border:1px solid #d9dfe7;
  background:#fff;
  color:#46556d;
  font-size:13px;
}
.record-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:17px;
  font-size:13px;
  font-weight:750;
}
.seller-title-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.edit-shell{
  max-width:980px;
  margin:0 auto;
  padding:24px;
}
.edit-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}
.edit-head h1{
  margin:0 0 5px;
  font-size:30px;
}
.edit-head p{margin:0}
.edit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}
.admin-edit-form textarea{min-height:150px}
.edit-note{
  margin-top:7px;
  padding:13px 14px;
  border:1px solid #e6e9ee;
  border-radius:10px;
  background:#fafbfc;
  color:#68758a;
  font-size:12px;
  line-height:1.5;
}
.edit-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  margin-top:18px;
}
@media(max-width:760px){
  .edit-grid{grid-template-columns:1fr}
  .record-toolbar,.edit-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .seller-title-actions{
    width:100%;
    justify-content:flex-start;
  }
}


/* =========================================================
   GESTION DE ESTADO DEL VENDEDOR - V10
   ========================================================= */
.state-menu{position:relative}
.state-menu summary{
  list-style:none;
  cursor:pointer;
  user-select:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 12px;
  border:1px solid #d9dfe7;
  border-radius:9px;
  background:#fff;
  color:#46556d;
  font-size:12px;
  font-weight:800;
}
.state-menu summary::-webkit-details-marker{display:none}
.state-menu summary::after{content:"▾";margin-left:7px;font-size:10px}
.state-menu[open] summary{
  border-color:#e6b9bd;
  background:#fff7f7;
  color:#b5161d;
}
.state-menu-panel{
  position:absolute;
  right:0;
  top:44px;
  z-index:40;
  width:300px;
  padding:16px;
  border:1px solid #dde2e9;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 46px rgba(20,30,45,.14);
}
.state-menu-title{
  margin-bottom:12px;
  color:#647187;
  font-size:12px;
}
.state-form label{
  display:block;
  margin-bottom:5px;
  font-size:11px;
  font-weight:800;
  color:#42516a;
}
.state-form select,.state-form textarea{
  width:100%;
  margin:0 0 11px;
  padding:9px 10px;
  border:1px solid #cfd6df;
  border-radius:8px;
  background:#fff;
  font:inherit;
  font-size:12px;
}
.state-form textarea{resize:vertical}
.state-apply{width:100%;min-height:38px}
.status-suspendido{
  background:#fff3df !important;
  color:#9a6108 !important;
  border-color:#f0d6a4 !important;
}
.status-inactivo{
  background:#f1f3f6 !important;
  color:#596579 !important;
  border-color:#dfe4ea !important;
}
@media(max-width:760px){
  .state-menu-panel{
    left:0;
    right:auto;
    width:min(300px,82vw);
  }
}


/* =========================================================
   CORRECCION GESTION DE ESTADO - V11
   ========================================================= */
.status-activo{
  background:#eaf8ef !important;
  color:#0e7d40 !important;
  border-color:#ccead7 !important;
}
.state-menu-trigger{
  cursor:pointer;
  user-select:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 12px;
  border:1px solid #d9dfe7;
  border-radius:9px;
  background:#fff;
  color:#46556d;
  font-size:12px;
  font-weight:800;
  box-shadow:none;
}
.state-menu-trigger::after{
  content:"▾";
  margin-left:7px;
  font-size:10px;
}
.state-menu-trigger[aria-expanded="true"]{
  border-color:#e6b9bd;
  background:#fff7f7;
  color:#b5161d;
}
.state-menu-panel[hidden]{
  display:none !important;
}


/* =========================================================
   INFORMES - V12
   ========================================================= */
.reports-head{
  grid-template-columns:64px minmax(0,1fr);
}
.report-filters{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  align-items:end;
  margin-bottom:18px;
  padding:18px;
}
.report-filters label{
  display:block;
  margin-bottom:4px;
  font-size:11px;
  color:#66748a;
}
.report-filters input,
.report-filters select{
  margin:0;
  min-height:42px;
  padding:9px 10px;
}
.report-filter-action .btn{
  width:100%;
  min-height:42px;
}
.report-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.report-card{
  min-height:130px;
  padding:18px 20px;
  border-top:4px solid #e5e9ef;
}
.report-card-label{
  font-size:13px;
  font-weight:800;
  color:#526077;
}
.report-card-value{
  margin-top:7px;
  font-size:32px;
  line-height:1;
  font-weight:900;
  color:#27364f;
}
.report-card-desc{
  margin-top:7px;
  color:#8791a1;
  font-size:12px;
}
.report-rose{border-top-color:#df3842}
.report-amber{border-top-color:#e9a92c}
.report-green{border-top-color:#2fa366}
.report-gray{border-top-color:#9ca6b5}
.report-money-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.report-money{
  padding:17px 19px;
}
.report-money span{
  display:block;
  color:#788498;
  font-size:12px;
  font-weight:750;
}
.report-money b{
  display:block;
  margin-top:5px;
  color:#263750;
  font-size:24px;
}
.report-table td,.report-table th{
  vertical-align:middle;
}
@media(max-width:1050px){
  .report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
  .report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .report-filters,
  .report-cards,
  .report-money-grid{grid-template-columns:1fr}
}


/* =========================================================
   DESCARTADOS / REACTIVAR - V13
   ========================================================= */
.inline-reactivate-form{
  margin:0;
}
.btn-reactivate{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid #c9e5d4;
  border-radius:9px;
  background:#edf9f1;
  color:#167342;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.btn-reactivate:hover{
  background:#e3f5e9;
  border-color:#b9ddc6;
}


/* =========================================================
   DASHBOARD ADMINISTRACION - V15
   ========================================================= */
.admin-dashboard-group{
  margin-top:18px;
}
.admin-group-title{
  margin:0 0 10px 2px;
  color:#52627a;
  font-size:13px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.admin-summary-4{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.admin-summary-4 .metric-link{
  grid-column:auto !important;
  min-width:0;
}
.admin-summary-4 .metric-card{
  min-height:170px;
  padding:18px;
}
.admin-summary-4 .metric-icon{
  width:46px;
  height:46px;
  border-radius:14px;
}
.admin-summary-4 .metric-label{
  margin-top:13px;
  font-size:15px;
}
.admin-summary-4 .metric-value{
  margin-top:5px;
  font-size:30px;
}
.admin-summary-4 .metric-desc{
  margin-top:7px;
  font-size:12px;
}
.metric-gray .metric-icon{
  background:#eef1f4;
  color:#657187;
}
@media(max-width:1180px){
  .admin-summary-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .admin-summary-4{grid-template-columns:1fr}
}


/* =========================================================
   GESTION DIRECTA DE PROPUESTAS - V16
   ========================================================= */
.proposals-head{
  grid-template-columns:64px minmax(0,1fr) minmax(300px,390px);
}
.proposals-subnav{margin-top:-6px}
.proposal-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:22px;
  margin-bottom:18px;
}
.proposal-hero h1{margin:4px 0 6px}
.proposal-code{
  display:inline-flex;
  padding:5px 9px;
  border-radius:8px;
  background:#f3f5f8;
  color:#59677d;
  font-size:12px;
  font-weight:850;
}
.proposal-owner{
  min-width:210px;
  padding:12px 14px;
  border:1px solid #e3e7ed;
  border-radius:12px;
  background:#fafbfc;
}
.proposal-owner span,.proposal-origin span{
  display:block;
  color:#7a8799;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.proposal-owner b,.proposal-owner small{display:block;margin-top:4px}
.proposal-owner small{color:#7a8799}
.proposal-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:18px;
  align-items:start;
}
.proposal-grid section>.card{margin-bottom:18px}
.proposal-info,.proposal-followups,.proposal-state,.proposal-origin{padding:20px}
.data-wide{grid-column:1/-1}
.proposal-timeline{margin:8px 0 20px 8px}
.followup-form{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid #e7ebf0;
}
.followup-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.inline-check{
  display:flex;
  align-items:center;
  gap:8px;
  margin:3px 0 14px;
  color:#59677d;
}
.inline-check input{width:auto;margin:0}
.proposal-state textarea{min-height:82px}
.proposal-origin p{
  padding:10px 0;
  margin:0;
  border-bottom:1px solid #eef1f4;
}
.proposal-origin p:last-child{border-bottom:0}
.proposal-origin b{display:block;margin-top:3px}
@media(max-width:960px){
  .proposal-grid{grid-template-columns:1fr}
  .proposal-owner{min-width:0}
}
@media(max-width:700px){
  .proposal-hero{flex-direction:column}
  .followup-grid{grid-template-columns:1fr}
}


/* =========================================================
   VENTA, LINEAS Y COMISIONES - V17
   ========================================================= */
.sale-box{padding:20px;margin-bottom:18px}
.sale-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-bottom:16px;
}
.sale-summary>div{
  padding:11px;
  border:1px solid #e5e9ee;
  border-radius:10px;
  background:#fafbfc;
}
.sale-summary span{
  display:block;
  color:#7a8799;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.sale-summary b{display:block;margin-top:4px;font-size:15px}
.sale-lines-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:14px 0 10px;
}
.btn-add-line{padding:8px 10px;min-height:34px}
.sale-line{
  position:relative;
  padding:13px;
  margin-bottom:11px;
  border:1px solid #e3e7ed;
  border-radius:11px;
  background:#fcfcfd;
}
.sale-line-top{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:3px;
}
.sale-line-top .sale-type{margin:0}
.sale-remove{
  flex:0 0 34px;
  width:34px;height:34px;
  border:1px solid #e3d7d8;
  border-radius:8px;
  background:#fff;
  color:#a62a31;
  font-size:20px;
  cursor:pointer;
}
.sale-line label{font-size:11px}
.sale-line input,.sale-line select{
  padding:9px 10px;
  margin:4px 0 10px;
  font-size:12px;
}
.sale-line-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.sale-bonus{margin:2px 0 9px!important}
.sale-line-commission{
  padding-top:8px;
  border-top:1px dashed #dde2e8;
  text-align:right;
  color:#6e7b8e;
  font-size:11px;
}
.sale-line-commission b{color:#263750}
.sale-totals{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 0;
  margin:5px 0 10px;
  border-top:1px solid #e4e8ed;
  border-bottom:1px solid #e4e8ed;
  font-size:13px;
}
.sale-totals b{font-size:16px;color:#263750}
.sale-note{font-size:11px;margin:10px 0 0}
@media(max-width:700px){
 .sale-summary{grid-template-columns:1fr}
 .sale-line-grid{grid-template-columns:1fr}
 .sale-totals{flex-direction:column}
}


/* =========================================================
   PLAN DE COMISION ADMINISTRATIVO - V18
   ========================================================= */
.field-help{
  margin:-4px 0 10px;
  color:#7a8799;
  font-size:11px;
  line-height:1.45;
}
.seller-plan-strip{
  display:flex;
  align-items:center;
  gap:10px 14px;
  flex-wrap:wrap;
  padding:11px 14px;
  margin:10px 0 16px;
  border:1px solid #e3e7ed;
  border-radius:11px;
  background:#fafbfc;
}
.seller-plan-strip span{
  color:#758296;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.seller-plan-strip b{font-size:15px}
.seller-plan-strip small{margin-left:auto;color:#7a8799}
.commission-info{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2px 10px;
  padding:11px 13px;
  margin-bottom:14px;
  border:1px solid #eadfe0;
  border-radius:10px;
  background:#fffafa;
}
.commission-info span{
  color:#7a8799;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.commission-info b{font-size:18px;color:#8d2027}
.commission-info small{grid-column:1/-1;color:#758296}
.sale-summary-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.msg.compact{padding:10px 12px;margin:0 0 12px;font-size:12px}
@media(max-width:700px){
 .seller-plan-strip{align-items:flex-start}
 .seller-plan-strip small{width:100%;margin-left:0}
 .sale-summary-two{grid-template-columns:1fr}
}


/* =========================================================
   PAGOS DEL CLIENTE Y COMISIONES - V19
   ========================================================= */
.payment-box{padding:20px;margin-bottom:18px}
.payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}
.payment-summary>div{padding:11px;border:1px solid #e4e8ed;border-radius:10px;background:#fafbfc}
.payment-summary span{display:block;color:#7a8799;font-size:10px;font-weight:800;text-transform:uppercase}
.payment-summary b{display:block;margin-top:4px;font-size:15px}
.payment-list{display:grid;gap:8px;margin:10px 0 16px}
.payment-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 11px;border:1px solid #e7ebef;border-radius:10px;background:#fff}
.payment-row span,.payment-row small{display:block;color:#748196;font-size:11px;margin-top:2px}
.payment-actions{display:flex;gap:6px;align-items:center}.payment-actions form{margin:0}
.payment-form{padding-top:15px;border-top:1px solid #e5e9ee}
.inline-action{margin:0}
.pay-details{position:relative}.pay-details summary{cursor:pointer;list-style:none}.pay-details summary::-webkit-details-marker{display:none}
.pay-form{position:absolute;right:0;z-index:20;width:250px;padding:12px;margin-top:7px;border:1px solid #dde3e9;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(31,42,55,.14)}
.pay-form label{font-size:11px}.pay-form input{margin:4px 0 9px}
@media(max-width:800px){.payment-summary{grid-template-columns:1fr}.payment-row{grid-template-columns:1fr}.pay-form{position:static;width:auto}}


/* FLUJO OPERATIVO SIMPLE - V20 */
.simple-step{scroll-margin-top:20px}
.simple-step-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.simple-step-head h2{margin:0}.simple-step-head p{margin:3px 0 0}
.step-number{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#8f1d24;color:#fff;font-size:13px;font-weight:900}
.step-ok{margin-left:auto;padding:5px 9px;border-radius:999px;background:#eef7f0;color:#2f6d3b;font-size:10px;font-weight:900;text-transform:uppercase}
.quick-payment-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quick-payment small{display:block;margin-top:7px}
.commission-step{padding:20px;margin-bottom:18px}
.commission-simple-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.commission-simple-summary>div{padding:11px;border:1px solid #e4e8ed;border-radius:10px;background:#fafbfc}
.commission-simple-summary span{display:block;color:#778497;font-size:10px;font-weight:800;text-transform:uppercase}
.commission-simple-summary b{display:block;margin-top:3px;font-size:17px}
.commission-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #edf0f3}
.commission-action-row>div>span{display:block;margin-top:2px;color:#748196;font-size:11px}
.inline-pay{position:relative}
@media(max-width:700px){
 .quick-payment-row{grid-template-columns:1fr}
 .commission-simple-summary{grid-template-columns:1fr}
 .commission-action-row{grid-template-columns:1fr}
 .simple-step-head{align-items:flex-start;flex-wrap:wrap}
 .step-ok{margin-left:0}
}