/* subvenciones.io · Frontend Design System v1.0
 * Canonical public/admin component layer. New surfaces should compose these
 * primitives instead of introducing local colours, radii or button systems.
 */
:root{
  --sio-ink:#0B051D;
  --sio-ink-soft:#2C2242;
  --sio-muted:#625B6D;
  --sio-line:#E4E3DF;
  --sio-pink:#FFA8CD;
  --sio-pink-strong:#D9467A;
  --sio-pink-soft:#FFF0F6;
  --sio-lime:#E6FFA9;
  --sio-paper:#F9F8F5;
  --sio-grey-soft:#F3F1F4;
  --sio-white:#FFFFFF;
  --sio-danger:#A32035;
  --sio-danger-soft:#FBEAE6;
  --sio-warning:#8A5A00;
  --sio-warning-soft:#FFF6DF;
  --sio-radius-sm:10px;
  --sio-radius-md:16px;
  --sio-radius-lg:22px;
  --sio-shadow-soft:0 12px 32px rgba(11,5,29,.055);
  --sio-container:1200px;
  --sio-container-narrow:900px;
  --sio-font:"Helvetica Neue",Arial,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.sio-ui-shell{font-family:var(--sio-font);color:var(--sio-ink)}
.sio-ui-shell *{box-sizing:border-box}
.sio-ui-container{width:min(var(--sio-container),calc(100% - 32px));margin-inline:auto}
.sio-ui-container--narrow{max-width:var(--sio-container-narrow)}
.sio-ui-stack{display:grid;gap:16px}
.sio-ui-stack--lg{gap:24px}
.sio-ui-grid{display:grid;gap:16px}
.sio-ui-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sio-ui-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}

.sio-ui-pagehead{margin:0 0 22px}
.sio-ui-eyebrow{display:block;margin:0 0 7px;color:var(--sio-pink-strong);font-size:11px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.sio-ui-title{margin:0;color:var(--sio-ink);font-size:clamp(34px,5vw,58px);line-height:1.01;font-weight:600;letter-spacing:-.045em}
.sio-ui-title--md{font-size:clamp(28px,4vw,42px)}
.sio-ui-lede{max-width:760px;margin:10px 0 0;color:var(--sio-muted);font-size:15px;line-height:1.6}
.sio-ui-section-title{margin:0 0 8px;color:var(--sio-ink);font-size:22px;line-height:1.15;font-weight:650;letter-spacing:-.025em}
.sio-ui-copy{margin:0;color:#453E4E;font-size:14px;line-height:1.6}
.sio-ui-muted{color:var(--sio-muted)}

.sio-ui-card{background:var(--sio-white);border:1px solid var(--sio-line);border-radius:var(--sio-radius-lg);padding:26px;box-shadow:none}
.sio-ui-card--soft{background:var(--sio-paper)}
.sio-ui-card--compact{padding:18px 20px;border-radius:var(--sio-radius-md)}
.sio-ui-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.sio-ui-divider{height:1px;background:var(--sio-line);border:0;margin:20px 0}

.sio-ui-badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 10px;border-radius:999px;background:var(--sio-grey-soft);color:var(--sio-ink);font-size:10.5px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.sio-ui-badge--pink{background:var(--sio-pink-soft);color:var(--sio-pink-strong)}
.sio-ui-badge--success{background:var(--sio-lime)}
.sio-ui-badge--warning{background:var(--sio-warning-soft);color:var(--sio-warning)}
.sio-ui-badge--danger{background:var(--sio-danger-soft);color:var(--sio-danger)}

.sio-ui-alert{padding:15px 17px;border:1px solid var(--sio-line);border-radius:14px;background:var(--sio-paper);color:var(--sio-ink)}
.sio-ui-alert strong{display:block;margin-bottom:4px;font-size:13px}
.sio-ui-alert p{margin:0;color:#4D4656;font-size:13px;line-height:1.55}
.sio-ui-alert--info{background:var(--sio-pink-soft);border-color:#F5C9DC}
.sio-ui-alert--success{background:#F5FBDD;border-color:#D6E99B}
.sio-ui-alert--warning{background:var(--sio-warning-soft);border-color:#EED89B}
.sio-ui-alert--critical{background:var(--sio-pink-soft);border-color:var(--sio-pink);border-left:4px solid var(--sio-pink-strong)}
.sio-ui-alert--danger{background:var(--sio-danger-soft);border-color:#E7C2B8;border-left:4px solid var(--sio-danger)}

.sio-ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--sio-ink);border-radius:999px;background:var(--sio-white);color:var(--sio-ink)!important;text-decoration:none!important;font:700 12.5px/1 var(--sio-font);cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}
.sio-ui-button:hover{background:var(--sio-paper);color:var(--sio-ink)!important;transform:translateY(-1px)}
.sio-ui-button--primary{background:var(--sio-ink);color:#fff!important}
.sio-ui-button--primary:hover{background:var(--sio-ink-soft);color:#fff!important}
.sio-ui-button--danger{border-color:var(--sio-danger);background:var(--sio-danger);color:#fff!important}
.sio-ui-button--ghost{border-color:transparent;background:transparent;color:var(--sio-muted)!important;padding-inline:4px}
.sio-ui-button--full{width:100%}
.sio-ui-button[disabled]{opacity:.45;pointer-events:none;transform:none}

.sio-ui-field{display:grid;gap:6px;color:var(--sio-ink);font-size:12px;font-weight:700}
.sio-ui-field small{color:var(--sio-muted);font-size:11px;font-weight:500;line-height:1.4}
.sio-ui-input,.sio-ui-select,.sio-ui-textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--sio-line);border-radius:11px;background:#fff;color:var(--sio-ink);font:400 14px/1.4 var(--sio-font);box-shadow:none}
.sio-ui-textarea{min-height:104px;resize:vertical}
.sio-ui-input:focus,.sio-ui-select:focus,.sio-ui-textarea:focus{outline:none;border-color:var(--sio-pink);box-shadow:0 0 0 3px rgba(255,168,205,.24)}
.sio-ui-check{display:flex;align-items:flex-start;gap:9px;color:#4D4656;font-size:12px;line-height:1.5}
.sio-ui-check input{margin-top:2px;accent-color:var(--sio-ink)}

.sio-ui-meta{display:grid;gap:0;margin:0}
.sio-ui-meta>div{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(0,1fr);gap:16px;padding:10px 0;border-bottom:1px solid var(--sio-line)}
.sio-ui-meta>div:last-child{border-bottom:0}
.sio-ui-meta dt{color:var(--sio-muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.sio-ui-meta dd{margin:0;color:var(--sio-ink);font-size:13px;line-height:1.5}

.sio-ui-timeline{list-style:none!important;margin:20px 0 28px!important;padding:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.sio-ui-timeline li{position:relative;display:flex;flex-direction:column;gap:7px;color:#8A8491;font-size:11.5px}
.sio-ui-timeline li:not(:last-child):after{content:"";position:absolute;left:26px;right:6px;top:14px;height:2px;background:var(--sio-line)}
.sio-ui-timeline li>span{position:relative;z-index:1;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--sio-grey-soft);border:1px solid var(--sio-line);font-weight:800}
.sio-ui-timeline li.is-done,.sio-ui-timeline li.is-current{color:var(--sio-ink)}
.sio-ui-timeline li.is-done>span{background:var(--sio-lime)}
.sio-ui-timeline li.is-current>span{background:var(--sio-pink)}
.sio-ui-timeline li.is-done:not(:last-child):after{background:var(--sio-lime)}
.sio-ui-timeline b{font-weight:650}

.sio-ui-price{margin:6px 0 2px;color:var(--sio-ink);font-size:clamp(34px,5vw,46px);font-weight:750;letter-spacing:-.045em}
.sio-ui-price small{font-size:13px;letter-spacing:0;font-weight:650}
.sio-ui-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}
.sio-ui-private-note{margin:13px 0 0;color:var(--sio-muted);font-size:11px;line-height:1.5}

/* Admin composition primitives: intentionally scoped so WordPress itself is untouched. */
.sio-admin-context .sio-ui-admin-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.9fr);gap:20px;align-items:start}
.sio-admin-context .sio-ui-admin-stack{display:grid;gap:16px}
.sio-admin-context .sio-ui-admin-card{margin:0;padding:20px 22px;background:#fff;border:1px solid var(--sio-admin-line,var(--sio-line));border-radius:18px;box-shadow:none}
.sio-admin-context .sio-ui-admin-card h2{margin:0 0 14px;font-size:20px;line-height:1.15;letter-spacing:-.02em;color:var(--sio-admin-ink,var(--sio-ink))}
.sio-admin-context .sio-ui-admin-card h3{margin:18px 0 8px;color:var(--sio-admin-ink,var(--sio-ink));font-size:14px}
.sio-admin-context .sio-ui-admin-field{display:grid;gap:6px;margin:0 0 13px;font-size:12px;font-weight:700;color:var(--sio-admin-ink,var(--sio-ink))}
.sio-admin-context .sio-ui-admin-field input,.sio-admin-context .sio-ui-admin-field select,.sio-admin-context .sio-ui-admin-field textarea{width:100%}
.sio-admin-context .sio-ui-admin-help{margin:7px 0 0;color:var(--sio-admin-muted,var(--sio-muted));font-size:11px;line-height:1.45}
.sio-admin-context .sio-ui-admin-alert{margin:0 0 16px;padding:14px 16px;border-radius:13px;border:1px solid var(--sio-admin-line,var(--sio-line));background:#fff}
.sio-admin-context .sio-ui-admin-alert.is-critical{background:var(--sio-pink-soft);border-color:#F2BAD2;border-left:4px solid var(--sio-pink-strong)}
.sio-admin-context .sio-ui-admin-alert.is-warning{background:var(--sio-warning-soft);border-color:#EED89B}
.sio-admin-context .sio-ui-admin-alert.is-danger{background:var(--sio-danger-soft);border-color:#E7C2B8;border-left:4px solid var(--sio-danger)}
.sio-admin-context .sio-ui-admin-alert strong{display:block;margin-bottom:4px;color:var(--sio-admin-ink,var(--sio-ink))}
.sio-admin-context .sio-ui-admin-alert p{margin:0;color:var(--sio-admin-muted,var(--sio-muted));font-size:12px;line-height:1.5}
.sio-admin-context .sio-ui-admin-meta{display:grid;gap:0;margin:0}
.sio-admin-context .sio-ui-admin-meta>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--sio-admin-line,var(--sio-line))}
.sio-admin-context .sio-ui-admin-meta>div:last-child{border-bottom:0}
.sio-admin-context .sio-ui-admin-meta dt{font-size:11px;font-weight:700;color:var(--sio-admin-muted,var(--sio-muted))}.sio-admin-context .sio-ui-admin-meta dd{margin:0;color:var(--sio-admin-ink,var(--sio-ink))}

@media(max-width:820px){
  .sio-ui-grid--2,.sio-ui-grid--3{grid-template-columns:1fr}
  .sio-ui-container{width:min(100% - 24px,var(--sio-container))}
  .sio-ui-card{padding:20px}
  .sio-ui-timeline{grid-template-columns:1fr;gap:10px}
  .sio-ui-timeline li{flex-direction:row;align-items:center}
  .sio-ui-timeline li:not(:last-child):after{left:14px;right:auto;top:29px;bottom:-10px;width:2px;height:auto}
  .sio-ui-meta>div{grid-template-columns:1fr;gap:4px}
  .sio-admin-context .sio-ui-admin-grid{grid-template-columns:1fr}
  .sio-admin-context .sio-ui-admin-meta>div{grid-template-columns:1fr;gap:4px}
}

.sio-ui-section-title--spaced{margin-top:10px}

/* Professional registration · v3.6.7 */











.sio-sort-filter{min-width:205px}
@media(max-width:820px){
  
  
  
  .sio-sort-filter{min-width:0;width:100%}
}


/* Professional network landing · v3.6.8
 * Home semantics: paper=discover, pink=understand, lime=validate, ink=act.
 */