/* INARU Client Portal — mismo sistema visual del sitio */
.inp{
  --ink:#1A1A1A;--mut:#5E6168;--acc:#CE2C29;--bg:#F2F3F7;--card:#fff;
  --ln:rgba(26,26,26,.10);--ln-2:rgba(26,26,26,.18);
  font-family:"Raleway",Helvetica,Arial,sans-serif;color:var(--ink);
  display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start;
  width:100%;box-sizing:border-box;
}
.inp *,.inp *::before,.inp *::after{box-sizing:border-box;font-family:inherit}
.inp h2,.inp h3,.inp h4{color:var(--ink);font-weight:500;margin:0;letter-spacing:-.3px}
.inp-muted{color:var(--mut);font-size:14px;line-height:1.6;margin:0}
.inp-ic{width:18px;height:18px;flex-shrink:0}

/* ---------- Navegación ---------- */
.inp-nav{
  position:sticky;top:24px;display:flex;flex-direction:column;gap:6px;
  padding:14px;border-radius:24px;background:var(--card);border:1px solid var(--ln);
  box-shadow:0 10px 30px rgba(26,26,26,.04);
}
.inp-me{display:flex;align-items:center;gap:12px;padding:8px 8px 16px;margin-bottom:6px;border-bottom:1px solid var(--ln)}
.inp-me strong{display:block;font-size:14.5px;font-weight:600;line-height:1.3}
.inp-me small{display:block;font-size:12px;color:var(--mut);word-break:break-all}
.inp-avatar{
  width:42px;height:42px;border-radius:50%;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--ink);color:#fff;font-weight:600;font-size:16px;
}
.inp-nav nav{display:flex;flex-direction:column;gap:2px}
.inp-nav a{
  display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;
  color:var(--mut);text-decoration:none;font-size:14px;font-weight:500;
  transition:background .25s ease,color .25s ease;
}
.inp-nav a:hover{background:var(--bg);color:var(--ink)}
.inp-nav a.is-on{background:var(--ink);color:#fff}
.inp-logout{margin-top:8px;border-top:1px solid var(--ln);border-radius:0 0 14px 14px !important;padding-top:14px !important}

/* ---------- Contenido ---------- */
.inp-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.inp-head h2{font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.6px;margin-bottom:6px}
.inp-head{margin-bottom:4px}

.inp-card{
  padding:26px;border-radius:24px;background:var(--card);border:1px solid var(--ln);
  box-shadow:0 10px 30px rgba(26,26,26,.04);
}
.inp-card h3{font-size:19px;margin-bottom:16px}
.inp-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.inp-card__head h3{margin-bottom:4px}
.inp-card--cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--bg)}
.inp-card--cta h3{margin-bottom:4px}
.inp-sub{margin-top:22px;padding-top:18px;border-top:1px solid var(--ln)}
.inp-sub h4{font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--mut);margin-bottom:12px}
.inp-row{margin-top:18px}
.inp-empty{margin:0 0 4px;color:var(--mut);font-size:14px}

/* Stats */
.inp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.inp-stat{
  display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:22px;
  background:var(--card);border:1px solid var(--ln);text-decoration:none;color:var(--ink);
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;
}
.inp-stat strong{font-size:34px;font-weight:500;line-height:1;letter-spacing:-1px}
.inp-stat span{font-size:13px;color:var(--mut)}
.inp-stat:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(26,26,26,.08)}

/* Botones */
.inp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 26px;border-radius:999px;border:1px solid var(--ink);
  background:var(--ink);color:#fff !important;cursor:pointer;
  font-size:12px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;line-height:1;text-decoration:none;
  transition:background .3s ease,color .3s ease;
}
.inp-btn svg{width:15px;height:15px;transition:transform .3s ease}
.inp-btn:hover{background:transparent;color:var(--ink) !important}
.inp-btn:hover svg{transform:translateX(4px)}
.inp-btn--ghost{background:transparent;color:var(--ink) !important}
.inp-btn--ghost:hover{background:var(--ink);color:#fff !important}
.inp-btn:focus-visible,.inp-chip:focus-visible,.inp-nav a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.inp-link{font-size:13px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* Documentos */
.inp-docs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.inp-docs li{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--ln)}
.inp-docs li:first-child{border-top:0;padding-top:0}
.inp-docs__ext{
  width:44px;height:44px;border-radius:12px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--bg);font-size:10.5px;font-weight:700;letter-spacing:.4px;color:var(--ink);
}
.inp-docs__tx{flex:1;min-width:0}
.inp-docs__tx strong{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inp-docs__tx small{font-size:12px;color:var(--mut)}
.inp-chip{
  display:inline-flex;align-items:center;gap:7px;flex-shrink:0;
  padding:9px 14px;border-radius:999px;border:1px solid var(--ln-2);background:#fff;
  color:var(--ink);font-size:12.5px;font-weight:600;cursor:pointer;text-decoration:none;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.inp-chip .inp-ic{width:15px;height:15px}
.inp-chip:hover{background:var(--ink);border-color:var(--ink);color:#fff}

/* Estados */
.inp-badge{
  display:inline-flex;align-items:center;gap:7px;flex-shrink:0;
  padding:6px 12px;border-radius:999px;border:1px solid var(--ln-2);
  font-size:11.5px;font-weight:600;line-height:1;white-space:nowrap;
}
.inp-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.inp-badge.is-pending_payment{color:var(--acc);border-color:rgba(206,44,41,.35)}
.inp-badge.is-paid,.inp-badge.is-in_progress{color:var(--ink)}
.inp-badge.is-completed{background:var(--ink);border-color:var(--ink);color:#fff}
.inp-badge.is-cancelled{color:var(--mut)}

.inp-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:8px}
.inp-steps li{position:relative;padding-top:18px;font-size:12px;color:var(--mut)}
.inp-steps li span{position:absolute;top:0;left:0;right:0;height:4px;border-radius:4px;background:var(--ln)}
.inp-steps li.is-done span{background:var(--ink)}
.inp-steps li.is-done{color:var(--ink)}
.inp-steps li.is-now{font-weight:600}

/* Servicios */
.inp-services{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.inp-service{
  display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;
  border:1px solid var(--ln);background:var(--bg);
  transition:border-color .3s ease,background .3s ease;
}
.inp-service:hover{border-color:var(--ln-2);background:#fff}
.inp-service__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.inp-service h4{font-size:16.5px;font-weight:600;line-height:1.3}
.inp-price{font-size:15px;font-weight:600;white-space:nowrap}
.inp-service .inp-btn{margin-top:auto;width:100%}
.inp-notes{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--mut)}

/* Formularios */
.inp-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.inp-form .is-full{grid-column:1/-1}
.inp-form label,.inp-notes{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--ink)}
.inp-form small{font-weight:400;color:var(--mut);font-size:12px}
.inp input[type=text],.inp input[type=email],.inp input[type=tel],.inp input[type=password],.inp textarea,.inp select{
  width:100%;min-height:48px;padding:12px 15px;border-radius:14px;
  border:1px solid var(--ln-2);background:#fff;color:var(--ink);font-size:15px;
  box-shadow:none;outline:none;transition:border-color .25s ease,box-shadow .25s ease;
}
.inp textarea{min-height:0;resize:vertical}
.inp select{
  -webkit-appearance:none;appearance:none;padding-right:44px;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center/16px;
}
.inp input:focus,.inp textarea:focus,.inp select:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(26,26,26,.06)}
.inp input:disabled{background:var(--bg);color:var(--mut)}

/* Carga */
.inp-upload{display:flex;flex-direction:column;gap:14px}
.inp-drop{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:34px 20px;border-radius:20px;border:1.5px dashed var(--ln-2);background:var(--bg);
  text-align:center;cursor:pointer;transition:border-color .25s ease,background .25s ease;
}
.inp-drop .inp-ic{width:28px;height:28px}
.inp-drop strong{font-size:14.5px;font-weight:600}
.inp-drop small{font-size:12px;color:var(--mut)}
.inp-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.inp-drop.is-over,.inp-drop:hover{border-color:var(--ink);background:#fff}
.inp-picked{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.inp-picked li{padding:7px 12px;border-radius:999px;background:var(--bg);font-size:12.5px;font-weight:500}

/* Avisos */
.inp-flash{padding:14px 18px;border-radius:16px;font-size:14px;line-height:1.5;border:1px solid var(--ln-2);background:#fff}
.inp-flash.is-success{border-color:var(--ink)}
.inp-flash.is-error{border-color:rgba(206,44,41,.5);color:var(--acc)}
.inp-flash.is-info{background:var(--bg)}

/* Visor */
.inp-viewer{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(12,12,14,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.inp-viewer[hidden]{display:none}
.inp-viewer__box{width:min(1000px,100%);height:min(88vh,1100px);display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 40px 100px rgba(0,0,0,.35)}
.inp-viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(26,26,26,.1);font-family:"Raleway",Helvetica,Arial,sans-serif}
.inp-viewer__bar strong{font-size:15px;font-weight:600;color:#1A1A1A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inp-viewer__x{width:38px;height:38px;border-radius:50%;border:1px solid rgba(26,26,26,.15);background:#fff;font-size:22px;line-height:1;cursor:pointer;color:#1A1A1A}
.inp-viewer__x:hover{background:#1A1A1A;color:#fff}
.inp-viewer__body{flex:1;background:#F2F3F7;user-select:none;-webkit-user-select:none}
.inp-viewer__body iframe{width:100%;height:100%;border:0;display:block}

/* Login */
.inp-login{display:flex;justify-content:center;grid-template-columns:none}
.inp-login__card{
  width:100%;max-width:460px;padding:40px 36px;border-radius:28px;background:var(--card);
  border:1px solid var(--ln);box-shadow:0 24px 60px rgba(26,26,26,.07);
}
.inp-login__card h2{font-size:30px;letter-spacing:-.6px;margin:0 0 8px}
.inp-login__card .inp-muted{margin-bottom:24px}
.inp-eyebrow{
  display:inline-flex;align-items:center;gap:9px;padding:8px 16px 8px 13px;margin-bottom:20px;
  border:1px solid var(--ln-2);border-radius:999px;font-size:13px;font-weight:600;line-height:1;
}
.inp-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--acc)}
.inp-login form p{margin:0 0 14px}
.inp-login form label{display:block;margin-bottom:7px;font-size:13px;font-weight:600}
.inp-login .login-remember label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--mut)}
.inp-login input[type=submit]{
  width:100%;min-height:52px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:#fff;
  font-size:12.5px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;cursor:pointer;
  transition:background .3s ease,color .3s ease;
}
.inp-login input[type=submit]:hover{background:transparent;color:var(--ink)}
.inp-login .inp-flash{margin-bottom:16px}
.inp-seal{display:flex;align-items:center;gap:8px;margin:24px 0 0;padding-top:18px;border-top:1px solid var(--ln);font-size:12px;color:var(--mut)}
.inp-seal .inp-ic{width:15px;height:15px}

/* ---------- v0.8: cargas, solicitudes, footer, panel lateral ---------- */
.inp-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.inp-head--row > div{flex:1 1 320px}
.inp-card .inp-seal{margin-top:20px}
.inp-note{margin:-4px 0 14px;padding:12px 14px;border-radius:14px;background:var(--bg);font-size:13.5px;line-height:1.6;color:var(--mut);white-space:pre-line}
.inp-emptycard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:44px 26px}
.inp-emptycard > .inp-ic{width:34px;height:34px;margin-bottom:8px;color:var(--mut)}
.inp-emptycard h3{margin-bottom:0}
.inp-emptycard .inp-btn{margin-top:14px}

details.inp-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}
details.inp-more summary::-webkit-details-marker{display:none}
details.inp-more summary h3{margin:0}
details.inp-more summary::after{content:"+";font-size:22px;font-weight:300;line-height:1;transition:transform .3s ease}
details.inp-more[open] summary::after{transform:rotate(45deg)}
.inp-dl{margin:18px 0 0;display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:12px 20px;font-size:14px;line-height:1.6}
.inp-dl dt{font-weight:600}
.inp-dl dd{margin:0;color:var(--mut)}

.inp-cases{display:flex;flex-direction:column;gap:12px}
.inp-case{padding:18px;border-radius:18px;border:1px solid var(--ln);background:#fff}
.inp-case .inp-card__head{margin-bottom:12px}
.inp-case h4{font-size:16px;font-weight:600;margin-bottom:3px}
.inp-add{margin-top:14px}
.inp-add summary{list-style:none;width:max-content}
.inp-add summary::-webkit-details-marker{display:none}
.inp-add[open] summary{background:var(--ink);border-color:var(--ink);color:#fff}
.inp-add .inp-upload{margin-top:14px}

.inp-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.inp-results li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--ln)}
.inp-results li:first-child{border-top:0;padding-top:0}
.inp-results .inp-badge{white-space:normal;line-height:1.35}
.inp-results small{font-size:12px;color:var(--mut);white-space:nowrap}
.inp-badge.is-ready{background:var(--ink);border-color:var(--ink);color:#fff}
.inp-badge.is-expert{color:var(--acc);border-color:rgba(206,44,41,.35)}
.inp-assess .ias{max-width:none}

/* Footer del portal */
.inp-foot{grid-column:1/-1;margin-top:10px;border-radius:28px;background:var(--card);border:1px solid var(--ln);overflow:hidden}
.inp-foot__main{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:34px 36px}
.inp-foot__tx{flex:1 1 380px;max-width:640px}
.inp-foot__tx .inp-eyebrow{margin-bottom:14px}
.inp-foot__tx h3{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.5px;margin-bottom:8px}
.inp-foot__act{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.inp-foot__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 36px;border-top:1px solid var(--ln);background:var(--bg);font-size:12.5px;color:var(--mut)}
.inp-foot__bar span{display:inline-flex;align-items:center;gap:8px}
.inp-foot__bar .inp-ic{width:15px;height:15px}
.inp-foot__bar a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* Panel lateral */
.inp-drawer{position:fixed;inset:0;z-index:100000}
.inp-drawer[hidden]{display:none}
.inp-drawer__scrim{position:absolute;inset:0;background:rgba(12,12,14,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .35s ease}
.inp.inp-drawer__panel{
  position:absolute;top:0;right:0;bottom:0;width:min(520px,100%);box-sizing:border-box;
  display:flex;flex-direction:column;align-items:stretch;gap:0;overflow-y:auto;overscroll-behavior:contain;
  padding:26px 32px 32px;background:#fff;box-shadow:-30px 0 80px rgba(0,0,0,.18);
  transform:translateX(100%);transition:transform .45s cubic-bezier(.22,1,.36,1);
}
.inp-drawer.is-open .inp-drawer__scrim{opacity:1}
.inp-drawer.is-open .inp-drawer__panel{transform:none}
.inp-drawer__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.inp-drawer__top .inp-eyebrow{margin:0}
.inp-drawer__panel h2{font-size:28px;letter-spacing:-.6px;margin-bottom:8px}
.inp-drawer__panel > .inp-muted{margin-bottom:24px}
.inp-askform{grid-template-columns:1fr}
.inp-askform .inp-btn{width:100%}
.inp-opts{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.inp-opts legend{padding:0;margin-bottom:8px;font-size:13px;font-weight:600}
.inp-opt{
  position:relative;display:flex !important;flex-direction:row !important;align-items:flex-start;gap:12px !important;
  padding:15px 16px;border-radius:16px;border:1px solid var(--ln-2);background:#fff;cursor:pointer;
  transition:border-color .25s ease,background .25s ease;
}
.inp-opt:hover{border-color:var(--ink)}
.inp-opt input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:18px;height:18px;margin:2px 0 0;border-radius:50%;border:1.5px solid var(--ln-2);background:#fff;transition:border .2s ease}
.inp-opt input:checked{border:6px solid var(--ink)}
.inp-opt input:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.inp-opt span{flex:1;min-width:0}
.inp-opt strong{display:block;font-size:14.5px;font-weight:600;line-height:1.35}
.inp-opt small{display:block;margin-top:3px;font-size:12.5px;font-weight:400;color:var(--mut);line-height:1.5}
.inp-opt em{font-style:normal;font-size:13.5px;font-weight:600;white-space:nowrap}
.inp-opt:has(input:checked){border-color:var(--ink);background:var(--bg)}
.inp-askform small[data-inp-req-note]{display:inline;font-weight:400;color:var(--mut)}

@media(max-width:600px){
  .inp-foot{border-radius:22px}
  .inp-foot__main{padding:26px 20px;gap:20px}
  .inp-foot__act{width:100%;flex-direction:column;align-items:stretch;gap:14px;text-align:center}
  .inp-foot__bar{padding:14px 20px;justify-content:center;text-align:center}
  .inp-head--row .inp-btn{width:100%}
  .inp-dl{grid-template-columns:1fr;gap:4px}
  .inp-dl dd{margin-bottom:10px}
  .inp.inp-drawer__panel{width:100%;padding:20px 20px 28px}
  .inp-results li{flex-direction:column;align-items:flex-start;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .inp.inp-drawer__panel,.inp-drawer__scrim{transition:none}
}

/* ---------- v0.9: servicios a la venta ---------- */
.inp-topbar{display:flex;justify-content:flex-end;margin-bottom:-6px}
.inp-cart{
  position:relative;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 8px 0 16px;
  border-radius:999px;border:1px solid var(--ln-2);background:#fff;color:var(--ink);text-decoration:none;
  font-size:12px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.inp-cart svg{width:19px;height:19px}
.inp-cart b{min-width:30px;height:30px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);font-size:12.5px;letter-spacing:0;transition:background .25s ease,color .25s ease}
.inp-cart.has-items b{background:var(--acc);color:#fff}
.inp-cart:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.inp-cart:hover b{background:#fff;color:var(--ink)}
.inp-cart:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

.inp-block{display:flex;flex-direction:column;gap:14px}
.inp-block__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.inp-block__head h3{font-size:19px}

.inp-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.inp-prod{
  display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--ln);
  box-shadow:0 10px 30px rgba(26,26,26,.04);
  transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,border-color .3s ease;
  animation:inpUp .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0) * 90ms);
}
@keyframes inpUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.inp-prod:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(26,26,26,.09);border-color:var(--ln-2)}
.inp-prod__media{
  position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;margin:0;border:0;cursor:pointer;
  background:var(--bg);overflow:hidden;
}
.inp-prod__media img,.inp-drawer__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.inp-prod:hover .inp-prod__media img{transform:scale(1.04)}
.inp-prod__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mut);
  background:radial-gradient(circle at 80% 20%,rgba(206,44,41,.10),transparent 55%),var(--bg)}
.inp-prod__ph .inp-ic{width:34px;height:34px}
.inp-prod__tag{position:absolute;top:14px;left:14px;padding:7px 12px;border-radius:999px;background:#fff;color:var(--ink);font-size:11.5px;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.inp-prod__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:20px 20px 20px}
.inp-prod__body h4{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.2px}
.inp-prod__body .inp-muted{font-size:13.5px}
.inp-prod__foot{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--ln)}
.inp-prod__price{font-size:20px;font-weight:600;letter-spacing:-.3px;color:var(--ink)}
.inp-prod__price del{color:var(--mut);font-weight:400;font-size:.75em;margin-right:6px}
.inp-prod__price ins{text-decoration:none}
.inp-prod__price .woocommerce-price-suffix,.inp-prod__price small{font-size:12px;font-weight:500;color:var(--mut)}
.inp-prod__acts{display:flex;align-items:center;gap:8px}
.inp-prod__acts .inp-buy{flex:1}
.inp-prod__acts .inp-btn{width:100%;padding:14px 18px}
.inp-prod__acts > .inp-btn{flex:1}
.inp-prod__acts .inp-chip{height:44px;padding:0 16px}

.inp-drawer__media{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:var(--bg);margin-bottom:22px;flex-shrink:0}
.inp-drawer--prod .inp-prod__price{display:block;margin-bottom:18px}
.inp-prose{font-size:15px;line-height:1.75;color:var(--mut)}
.inp-prose p{margin:0 0 14px}
.inp-prose h2,.inp-prose h3,.inp-prose h4{font-size:16px;font-weight:600;margin:22px 0 10px;color:var(--ink)}
.inp-prose ul,.inp-prose ol{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.inp-prose li{position:relative;padding-left:26px;color:var(--ink)}
.inp-prose li::before{content:"";position:absolute;left:2px;top:.6em;width:12px;height:7px;border-left:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:translateY(-50%) rotate(-45deg)}
.inp-prose a{color:var(--ink)}
.inp-drawer__buy{position:sticky;bottom:-32px;margin:auto -32px -32px;padding:18px 32px 24px;background:linear-gradient(to bottom,rgba(255,255,255,.85),#fff 30%);border-top:1px solid var(--ln)}
.inp-drawer__buy .inp-btn,.inp-drawer__buy form{width:100%}
.inp-drawer__buy .inp-seal{margin-top:14px;padding-top:0;border-top:0;justify-content:center}

.inp-orders{list-style:none;margin:0;padding:0}
.inp-orders li{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--ln)}
.inp-orders li:first-child{border-top:0;padding-top:0}
.inp-orders__tx{flex:1;min-width:0}
.inp-orders__tx strong{display:block;font-size:14.5px;font-weight:600}
.inp-orders__tx small{font-size:12px;color:var(--mut)}

@media(max-width:900px){
}
@media(max-width:600px){
  .inp-drawer__buy{bottom:-28px;margin:auto -20px -28px;padding:16px 20px 22px}
  .inp-orders li{flex-wrap:wrap}
  .inp-orders__tx{flex:1 1 100%}
  .inp-prods{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.inp-prod{animation:none}}

/* ---------- Aviso flotante ---------- */
.inp-toast{
  position:fixed;left:50%;bottom:24px;z-index:100001;max-width:calc(100% - 32px);padding:14px 20px;border-radius:999px;
  background:#1A1A1A;color:#fff;font:600 13px/1.4 "Raleway",Helvetica,Arial,sans-serif;box-shadow:0 18px 40px rgba(0,0,0,.25);
  transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1);
}
.inp-toast.is-on{opacity:1;transform:translate(-50%,0)}
.inp-admin{display:block;max-width:640px;margin:0 auto}
.inp-admin .inp-card h3{font-size:24px;margin:0 0 6px}
.inp-admin__acts{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
@media(max-width:600px){
  .inp-admin__acts .inp-btn{width:100%}
}

/* ---------- Tablet / móvil ---------- */
@media(max-width:900px){
  .inp{grid-template-columns:minmax(0,1fr);gap:18px}
  .inp-nav,.inp-main{min-width:0;max-width:100%}
  .inp-nav{position:static;padding:10px}
  .inp-me{padding:6px 6px 12px}
  .inp-nav nav{flex-direction:row;overflow-x:auto;gap:6px;scrollbar-width:none;margin:0 -2px}
  .inp-nav nav::-webkit-scrollbar{display:none}
  .inp-nav a{flex-shrink:0;padding:10px 14px}
  .inp-logout{display:none !important}
}
@media(max-width:600px){
  .inp-card{padding:20px 18px;border-radius:20px}
  .inp-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .inp-stat{padding:16px 12px;border-radius:18px}
  .inp-stat strong{font-size:26px}
  .inp-stat span{font-size:11.5px}
  .inp-form{grid-template-columns:1fr}
  .inp-card__head{flex-direction:column;gap:10px}
  .inp-card--cta .inp-btn,.inp-upload .inp-btn,.inp-form .inp-btn{width:100%}
  .inp-steps li{font-size:10.5px}
  .inp-docs__ext{width:40px;height:40px}
  .inp-chip{padding:8px 12px}
  .inp-viewer{padding:0}
  .inp-viewer__box{height:100%;border-radius:0}
  .inp-login__card{padding:30px 22px;border-radius:24px}
  .inp input,.inp textarea{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .inp *{transition:none !important}
}

/* ---------- v0.10.5: blindaje contra estilos del tema (Hello/Elementor) ---------- */
/* Enlaces sin subrayado (salvo los enlaces de texto .inp-link y los del pie) */
.inp a,.inp a:hover,.inp a:focus,.inp-drawer a{text-decoration:none !important}
.inp a.inp-link,.inp .inp-foot__bar a{text-decoration:underline !important;text-underline-offset:3px}
.inp a{color:inherit}
.inp .inp-nav a{color:var(--mut)}
.inp .inp-nav a:hover{color:var(--ink)}
.inp .inp-nav a.is-on{color:#fff}

/* Botones: el tema pone borde y texto rosados y fondo transparente a <button> */
.inp button,.inp [type=button],.inp [type=submit]{font-family:inherit;text-transform:none;letter-spacing:normal;box-shadow:none}
.inp :is(button,[type=button],[type=submit],a).inp-btn{
  background:var(--ink) !important;border:1px solid var(--ink) !important;color:#fff !important;
  text-transform:uppercase;letter-spacing:.9px;font-size:12px;font-weight:600;border-radius:999px;
}
.inp :is(button,[type=button],[type=submit],a).inp-btn:hover,
.inp :is(button,[type=button],[type=submit],a).inp-btn:focus-visible{background:transparent !important;color:var(--ink) !important}
.inp :is(button,[type=button],[type=submit],a).inp-btn.inp-btn--ghost{background:transparent !important;color:var(--ink) !important}
.inp :is(button,[type=button],[type=submit],a).inp-btn.inp-btn--ghost:hover{background:var(--ink) !important;color:#fff !important}
.inp :is(button,[type=button],a).inp-chip{background:#fff !important;border:1px solid var(--ln-2) !important;color:var(--ink) !important;border-radius:999px}
.inp :is(button,[type=button],a).inp-chip:hover{background:var(--ink) !important;border-color:var(--ink) !important;color:#fff !important}
.inp-viewer__x,.inp .inp-viewer__x{background:#fff !important;border:1px solid rgba(26,26,26,.15) !important;color:#1A1A1A !important;padding:0 !important}
.inp-viewer__x:hover,.inp .inp-viewer__x:hover{background:#1A1A1A !important;color:#fff !important}
.inp button.inp-prod__media{background:var(--bg) !important;border:0 !important;padding:0 !important;border-radius:0 !important}
.inp .inp-cart{text-decoration:none !important}
.inp .inp-cart:hover{color:#fff !important}
.inp :is(button,[type=button],[type=submit]).inp-btn{display:inline-flex !important;align-items:center;justify-content:center;gap:10px;padding:15px 26px !important;font-size:12px !important;line-height:1 !important;white-space:nowrap}
.inp :is(button,[type=button]).inp-chip{display:inline-flex !important;align-items:center;gap:7px;padding:9px 14px !important;font-size:12.5px !important;font-weight:600 !important;line-height:1.2 !important}
.inp .inp-prod__acts .inp-chip{height:44px;padding:0 16px !important}
.inp .inp-prod__acts .inp-btn{padding:14px 18px !important}
@media(max-width:600px){.inp :is(button,[type=button]).inp-chip{padding:8px 12px !important}}


/* ======================================================================
   v0.11 — campana, carrito lateral, tipos, facturas, visor, solicitudes y
   Readiness check en ventana
   ====================================================================== */
.inp-viewer,.inp-quiz{--ink:#1A1A1A;--mut:#5E6168;--acc:#CE2C29;--bg:#F2F3F7;--ln:rgba(26,26,26,.10);--ln-2:rgba(26,26,26,.18)}

/* Barra superior */
.inp-topbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:-6px;position:relative;z-index:5}
.inp-bell{position:relative}
.inp .inp-bell__btn{
  position:relative;width:46px;height:46px;border-radius:50% !important;display:inline-flex !important;align-items:center;justify-content:center;
  border:1px solid var(--ln-2) !important;background:#fff !important;color:var(--ink) !important;cursor:pointer;padding:0 !important;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.inp .inp-bell__btn:hover,.inp .inp-bell__btn[aria-expanded=true]{background:var(--ink) !important;border-color:var(--ink) !important;color:#fff !important}
.inp-bell__btn .inp-ic{width:20px;height:20px}
.inp-bell.has-unread .inp-bell__btn .inp-ic{animation:inpRing 2.4s ease 1s 2}
@keyframes inpRing{0%,100%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(0)}}
.inp-bell__btn b{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--acc);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center;border:2px solid #fff}
.inp-bell__pop{
  position:absolute;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 32px));max-height:min(460px,70vh);overflow:auto;
  border-radius:20px;background:#fff;border:1px solid var(--ln);box-shadow:0 30px 70px rgba(26,26,26,.16);z-index:50;
  animation:inpPop .25s cubic-bezier(.22,1,.36,1);
}
.inp-bell__pop[hidden]{display:none}
@keyframes inpPop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.inp-bell__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--ln);position:sticky;top:0;background:#fff}
.inp-bell__head strong{font-size:15px;font-weight:600}
.inp-bell__head span{font-size:11.5px;font-weight:600;color:var(--acc)}
.inp-bell__pop ul{list-style:none;margin:0;padding:6px}
.inp-bell__item{display:flex;gap:12px;padding:12px;border-radius:14px;color:var(--ink);transition:background .2s ease}
a.inp-bell__item:hover{background:var(--bg)}
.inp-bell__pop li.is-new .inp-bell__item{background:rgba(206,44,41,.05)}
.inp-bell__ic{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg)}
.inp-bell__pop li.is-new .inp-bell__ic{background:var(--ink);color:#fff}
.inp-bell__ic .inp-ic{width:17px;height:17px}
.inp-bell__tx{min-width:0;display:flex;flex-direction:column;gap:2px}
.inp-bell__tx strong{font-size:13.5px;font-weight:600;line-height:1.35}
.inp-bell__tx small{font-size:12.5px;color:var(--mut);line-height:1.45}
.inp-bell__tx em{font-style:normal;font-size:11px;color:var(--mut);margin-top:2px}
.inp-bell__empty{margin:0;padding:22px 18px;font-size:13.5px;color:var(--mut);line-height:1.6}

/* Carrito lateral */
.inp-cartd{display:flex;flex-direction:column;gap:16px;margin-top:6px}
.inp-cartd__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.inp-cartd__list li{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--ln);transition:opacity .3s ease}
.inp-cartd__list li:first-child{border-top:0}
.inp-cartd__list li.is-leaving{opacity:.35}
.inp-cartd__img{width:56px;height:56px;border-radius:14px;overflow:hidden;background:var(--bg);flex-shrink:0}
.inp-cartd__img img{width:100%;height:100%;object-fit:cover;display:block}
.inp-cartd__tx{flex:1;min-width:0}
.inp-cartd__tx strong{display:block;font-size:14.5px;font-weight:600;line-height:1.35}
.inp-cartd__tx small{font-size:12px;color:var(--mut)}
.inp-cartd__price{font-size:14.5px;font-weight:600;white-space:nowrap}
.inp .inp-cartd__rm{width:32px;height:32px;border-radius:50% !important;border:1px solid var(--ln-2) !important;background:#fff !important;color:var(--mut) !important;display:inline-flex !important;align-items:center;justify-content:center;padding:0 !important;cursor:pointer;flex-shrink:0}
.inp .inp-cartd__rm:hover{background:var(--ink) !important;color:#fff !important;border-color:var(--ink) !important}
.inp-cartd__rm svg{width:14px;height:14px}
.inp-cartd__total{display:flex;align-items:baseline;justify-content:space-between;padding:16px 0 4px;border-top:1px solid var(--ln-2)}
.inp-cartd__total span{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:var(--mut)}
.inp-cartd__total strong{font-size:24px;font-weight:600;letter-spacing:-.4px}
.inp-cartd .inp-btn.is-wide{width:100%}
.inp-cartd__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:40px 10px;color:var(--mut)}
.inp-cartd__empty svg{width:40px;height:40px;margin-bottom:8px;color:var(--ink)}
.inp-cartd__empty strong{color:var(--ink);font-size:16px}
.inp-cartd__empty p{margin:0;font-size:13.5px}
.inp-drawer--cart .inp-seal{margin-top:auto;padding-top:22px;justify-content:center}

/* Tarjetas de servicio: Ver detalles + Agregar al carrito */
.inp-prod__acts{display:grid !important;grid-template-columns:1fr 1fr;gap:8px}
.inp-prod__acts .inp-buy{display:block;min-width:0}
.inp .inp-prod__acts .inp-btn{width:100%;padding:14px 12px !important;gap:8px;font-size:11.5px !important;letter-spacing:.6px}
.inp .inp-prod__acts .inp-btn .inp-ic{width:16px;height:16px}
.inp .inp-btn.is-added{background:#fff !important;color:var(--ink) !important;border-color:var(--ink) !important}
.inp .inp-btn.is-added .inp-ic{color:var(--acc)}
.inp .inp-btn.is-busy{opacity:.6;pointer-events:none}
.inp .inp-prod__more{background:#fff !important}
.inp .inp-prod__more .inp-ic{transition:transform .3s ease}
.inp .inp-prod__more:hover .inp-ic{transform:scale(1.1)}
.inp-drawer__buy .inp-buy .inp-btn{width:100%}
@media(max-width:380px){.inp-prod__acts{grid-template-columns:1fr}}

/* Documentos: tipo, nuevo, carpetas */
.inp-seg{display:flex;gap:6px;padding:5px;border-radius:999px;background:#fff;border:1px solid var(--ln);width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.inp-seg::-webkit-scrollbar{display:none}
.inp-seg a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--mut);white-space:nowrap;transition:background .25s ease,color .25s ease}
.inp-seg a:hover{color:var(--ink)}
.inp-seg a.is-on{background:var(--ink);color:#fff}
.inp-seg b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink);font-size:11px}
.inp-seg a.is-on b{background:rgba(255,255,255,.18);color:#fff}
.inp-type{display:inline-flex;align-items:center;padding:3px 9px;margin-right:8px;border-radius:999px;background:var(--bg);color:var(--ink);font-size:11px;font-weight:600;line-height:1.3}
.inp-new{display:inline-flex;vertical-align:2px;margin-left:6px;padding:3px 8px;border-radius:999px;background:var(--acc);color:#fff;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;line-height:1}
.inp-docs__tx small{display:flex;align-items:center;flex-wrap:wrap;row-gap:4px}
.inp-docs__acts{display:flex;align-items:center;gap:8px;flex-shrink:0}
.inp-docs li[hidden]{display:none}
.inp-docs__ext.is-inv{background:var(--ink);color:#fff}
.inp-docs__ext.is-inv .inp-ic{width:19px;height:19px}
.inp-invoices .inp-docs__tx strong{display:flex;align-items:center;gap:8px;white-space:normal}
.inp-invoices .inp-badge{padding:4px 9px;font-size:10.5px}
.inp-invoices .inp-docs__tx small{display:block}
.inp .inp-chip.is-dark{background:var(--ink) !important;color:#fff !important;border-color:var(--ink) !important}
.inp-filter select{height:40px;padding:0 36px 0 14px;border-radius:999px;font-size:13px}
.inp-stat.is-alert strong{color:var(--acc)}

/* Solicitudes con pago */
.inp-askform__foot{display:flex;flex-direction:column;gap:12px;position:sticky;bottom:-32px;margin:6px -32px -32px;padding:16px 32px 24px;background:linear-gradient(to bottom,rgba(255,255,255,.85),#fff 30%);border-top:1px solid var(--ln)}
.inp-askform__sum{display:flex;align-items:baseline;justify-content:space-between}
.inp-askform__sum[hidden]{display:none}
.inp-askform__sum span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:var(--mut)}
.inp-askform__sum strong{font-size:22px;font-weight:600;letter-spacing:-.4px}
.inp .inp-askform .inp-btn:disabled{opacity:.45;cursor:not-allowed}
.inp-opt em{align-self:center;padding:6px 10px;border-radius:999px;background:var(--bg)}
.inp-opt:has(input:checked) em{background:var(--ink);color:#fff}
.inp-paynote{justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:rgba(206,44,41,.05);border:1px solid rgba(206,44,41,.18)}
.inp-paynote .inp-muted{flex:1 1 240px;font-size:13.5px}

/* Visor */
.inp-viewer__name{display:flex;flex-direction:column;min-width:0;flex:1}
.inp-viewer__name small{font-size:11.5px;font-weight:600;color:var(--acc);text-transform:uppercase;letter-spacing:.8px}
.inp-viewer__name small[hidden]{display:none}
.inp-viewer__lock{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--bg);font:600 11.5px/1 "Raleway",Helvetica,Arial,sans-serif;color:var(--ink);white-space:nowrap}
.inp-viewer__lock .inp-ic{width:14px;height:14px}
.inp-viewer__body{overflow:auto;position:relative;-webkit-touch-callout:none}
.inp-viewer__pages{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px}
.inp-viewer__pages canvas{display:block;max-width:100%;height:auto !important;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.08);border-radius:4px}
.inp-viewer__img{display:block;max-width:calc(100% - 32px);margin:16px auto;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.08);pointer-events:none}
.inp-viewer__docx{padding:8px 0}
.inp-viewer__docx .docx-wrapper{background:transparent !important;padding:16px !important}
.inp-viewer__docx .docx-wrapper>section.docx{box-shadow:0 8px 30px rgba(0,0,0,.08) !important;margin-bottom:16px !important;max-width:100%}
.inp-viewer__msg{height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px;text-align:center;font:500 14px/1.6 "Raleway",Helvetica,Arial,sans-serif;color:var(--mut)}
.inp-viewer__msg strong{color:var(--ink);font-size:16px}
.inp-spin{width:28px;height:28px;border-radius:50%;border:2.5px solid rgba(26,26,26,.12);border-top-color:#1A1A1A;animation:inpSpin .8s linear infinite}
@keyframes inpSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){.inp-viewer__lock{display:none}}
@media print{.inp-viewer,.inp-viewer *{display:none !important}}

/* Readiness check */
.inp-qhero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center;padding:30px;border-radius:24px;background:#fff;border:1px solid var(--ln);box-shadow:0 10px 30px rgba(26,26,26,.04);position:relative;overflow:hidden}
.inp-qhero::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(206,44,41,.10),transparent 70%);pointer-events:none}
.inp-qhero__tx{display:flex;flex-direction:column;align-items:flex-start;gap:12px;position:relative;z-index:1}
.inp-qhero__tx h3{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.5px}
.inp-qhero__tx .inp-btn{margin-top:6px}
.inp-qstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;position:relative;z-index:1}
.inp-qstats div{padding:16px 14px;border-radius:18px;background:var(--bg);text-align:center}
.inp-qstats dt{font-size:11.5px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}
.inp-qstats dd{margin:0;font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1}
.inp-qstats dd small{font-size:14px;color:var(--mut);letter-spacing:0}
.inp-results li{justify-content:flex-start}
.inp-results__n{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);font-size:12px;font-weight:700}
.inp-results__tx{flex:1;min-width:0}
.inp-results__tx strong{display:block;font-size:14px;font-weight:600;line-height:1.4}
.inp-results__tx small{white-space:normal}
.inp-results__score{flex-shrink:0;font-size:13px;color:var(--mut);padding:8px 12px;border-radius:999px;background:var(--bg)}
.inp-results__score b{font-size:17px;color:var(--ink)}
.inp-results__score.is-ready{background:var(--ink);color:rgba(255,255,255,.7)}
.inp-results__score.is-ready b{color:#fff}
.inp-results__score.is-expert b{color:var(--acc)}

.inp-quiz{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}
.inp-quiz[hidden]{display:none}
.inp-quiz__scrim{position:absolute;inset:0;background:rgba(12,12,14,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}
.inp.inp-quiz__box{
  display:flex;flex-direction:column;align-items:stretch;gap:0;position:relative;width:min(640px,100%);max-height:calc(100vh - 40px);overflow:auto;
  padding:24px 30px 28px;border-radius:28px;background:#fff;box-shadow:0 40px 100px rgba(0,0,0,.3);
  opacity:0;transform:translateY(16px) scale(.98);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1);
}
.inp-quiz.is-open .inp-quiz__scrim{opacity:1}
.inp-quiz.is-open .inp-quiz__box{opacity:1;transform:none}
.inp-quiz__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.inp-quiz__top .inp-eyebrow{margin:0}
.inp-quiz__bar{height:4px;border-radius:4px;background:var(--bg);margin:18px 0 22px;overflow:hidden}
.inp-quiz__bar i{display:block;height:100%;width:0;background:var(--acc);border-radius:4px;transition:width .45s cubic-bezier(.22,1,.36,1)}
.inp-quiz__q{animation:inpQIn .45s cubic-bezier(.22,1,.36,1)}
.inp-quiz__q.is-back{animation-name:inpQBack}
@keyframes inpQIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes inpQBack{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
.inp-quiz__meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;font-weight:600;color:var(--mut);margin-bottom:12px}
.inp-quiz__meta span:first-child{color:var(--acc);text-transform:uppercase;letter-spacing:.8px}
.inp h3.inp-quiz__text{font-size:clamp(19px,2.3vw,23px);line-height:1.4;letter-spacing:-.3px;margin:0 0 22px}
.inp-quiz__opts{display:flex;flex-direction:column;gap:10px}
.inp .inp-quiz__opt{
  display:flex !important;align-items:center;gap:14px;width:100%;text-align:left;padding:15px 16px !important;cursor:pointer;
  border-radius:18px !important;border:1px solid var(--ln-2) !important;background:#fff !important;color:var(--ink) !important;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.inp .inp-quiz__opt:hover{border-color:var(--ink) !important;transform:translateY(-1px)}
.inp .inp-quiz__opt:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.inp-quiz__opt i{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);font-style:normal;font-size:13px;font-weight:700;transition:background .2s ease,color .2s ease}
.inp-quiz__opt span{display:flex;flex-direction:column;gap:2px;min-width:0}
.inp-quiz__opt strong{font-size:15px;font-weight:600}
.inp-quiz__opt small{font-size:12.5px;color:var(--mut);line-height:1.45}
.inp .inp-quiz__opt.is-on{border-color:var(--ink) !important;background:var(--bg) !important}
.inp-quiz__opt.is-on i{background:var(--ink);color:#fff}
.inp-quiz__opt.is-no.is-on i{background:var(--acc)}
.inp-quiz__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}
.inp .inp-quiz__back{display:inline-flex !important;align-items:center;gap:8px;padding:12px 4px !important;border:0 !important;background:none !important;color:var(--mut) !important;font-size:13px !important;font-weight:600;cursor:pointer}
.inp .inp-quiz__back:hover{color:var(--ink) !important}
.inp .inp-quiz__back:disabled{opacity:0;pointer-events:none}
.inp-quiz__back svg{width:16px;height:16px}
.inp .inp-quiz__next:disabled{opacity:.3;cursor:not-allowed}
.inp .inp-quiz__next.is-ready{animation:inpNudge .5s ease}
@keyframes inpNudge{0%{transform:scale(1)}50%{transform:scale(1.04)}100%{transform:scale(1)}}
.inp-quiz__wait{display:flex;flex-direction:column;align-items:center;gap:14px;padding:50px 0;color:var(--mut);font-size:14px}
.inp-quiz__res{display:flex;flex-direction:column;align-items:center;text-align:center;animation:inpQIn .5s cubic-bezier(.22,1,.36,1)}
.inp-quiz__ring{--p:0;width:132px;height:132px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--ink) calc(var(--p) * 1%),var(--bg) 0);margin-bottom:12px}
.inp-quiz__ring.is-expert{background:conic-gradient(var(--acc) calc(var(--p) * 1%),var(--bg) 0)}
.inp-quiz__ring span{width:104px;height:104px;border-radius:50%;background:#fff;display:flex;align-items:baseline;justify-content:center;padding-top:34px;font-size:15px;color:var(--mut)}
.inp-quiz__ring b{font-size:40px;font-weight:500;letter-spacing:-1px;color:var(--ink);line-height:1}
.inp-quiz__att{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:var(--mut);margin-bottom:8px}
.inp-quiz__res h3{font-size:22px;line-height:1.3;letter-spacing:-.4px;margin-bottom:8px;max-width:460px}
.inp-quiz__res > .inp-muted{max-width:480px}
.inp-quiz__counts{display:flex;gap:8px;margin:18px 0 6px;flex-wrap:wrap;justify-content:center}
.inp-quiz__counts span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--bg);font-size:12.5px;font-weight:600;color:var(--mut)}
.inp-quiz__counts b{color:var(--ink);font-size:15px}
.inp-quiz__counts .is-no b{color:var(--acc)}
.inp-quiz__res h4{align-self:stretch;text-align:left;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--mut);margin:18px 0 8px}
.inp-quiz__secs{list-style:none;margin:0;padding:0;align-self:stretch;text-align:left}
.inp-quiz__secs li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--ln);font-size:14px;font-weight:500}
.inp-quiz__secs em{font-style:normal;flex-shrink:0;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--bg)}
.inp-quiz__secs em.is-strong{background:var(--ink);color:#fff}
.inp-quiz__secs em.is-priority{background:rgba(206,44,41,.1);color:var(--acc)}
.inp-quiz__mail{font-size:12.5px;color:var(--mut);margin:14px 0 0}
.inp-quiz__nav.is-end{align-self:stretch;justify-content:center;flex-wrap:wrap}

@media(max-width:900px){
  .inp-qhero{grid-template-columns:1fr}
}
@media(max-width:600px){
  .inp-topbar{margin-bottom:0}
  .inp-bell__pop{position:fixed;top:auto;left:16px;right:16px;bottom:16px;width:auto;max-height:70vh}
  .inp-seg{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));border-radius:20px;overflow:visible}
  .inp-seg a{flex-direction:column;justify-content:center;gap:5px;padding:10px 6px;border-radius:15px;white-space:normal;text-align:center;font-size:12px;line-height:1.2}
  .inp-docs li{flex-wrap:wrap}
  .inp-docs__tx{flex:1 1 calc(100% - 60px)}
  .inp-docs__acts{width:100%;padding-left:58px}
  .inp-askform__foot{bottom:-28px;margin:6px -20px -28px;padding:14px 20px 22px}
  .inp-qhero{padding:22px 20px}
  .inp-qhero__tx .inp-btn{width:100%}
  .inp-qstats dd{font-size:24px}
  .inp-quiz{padding:0;align-items:flex-end}
  .inp.inp-quiz__box{width:100%;max-height:94vh;border-radius:26px 26px 0 0;padding:20px 20px calc(22px + env(safe-area-inset-bottom))}
  .inp-quiz__nav{position:sticky;bottom:-22px;margin:20px -20px -22px;padding:14px 20px 20px;background:#fff;border-top:1px solid var(--ln)}
  .inp-quiz__nav.is-end{flex-direction:column-reverse}
  .inp-quiz__nav.is-end .inp-btn{width:100%}
  .inp .inp-quiz__next{flex:1;max-width:220px}
  .inp-results__score{padding:6px 10px}
  .inp-results li{flex-direction:row;align-items:center;gap:12px}
}
@media(prefers-reduced-motion:reduce){
  .inp-quiz__q,.inp-quiz__res,.inp-bell__pop,.inp-bell.has-unread .inp-bell__btn .inp-ic{animation:none}
  .inp.inp-quiz__box,.inp-quiz__scrim{transition:none}
}
/* Botón del carrito (ahora es <button>): blindaje contra el tema */
.inp button.inp-cart{display:inline-flex !important;align-items:center;gap:10px;height:46px;padding:0 8px 0 16px !important;border-radius:999px !important;border:1px solid var(--ln-2) !important;background:#fff !important;color:var(--ink) !important;font-size:12px !important;font-weight:600;letter-spacing:.9px;text-transform:uppercase;line-height:1 !important;cursor:pointer}
.inp button.inp-cart:hover{background:var(--ink) !important;border-color:var(--ink) !important;color:#fff !important}
.inp .inp-quiz__top .inp-viewer__x{margin-left:auto}

/* v0.11.1 — carga dentro de My documents */
.inp-head--row .inp-btn .inp-ic{width:16px;height:16px}
.inp-upcard{scroll-margin-top:110px;border-color:var(--ln-2)}
.inp-upcard__head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.inp-upcard__head h3{font-size:19px;margin-bottom:4px}
.inp-upcard__ic{width:44px;height:44px;border-radius:14px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff}
.inp-upcard__ic .inp-ic{width:20px;height:20px}
.inp-upcard .inp-form{grid-template-columns:repeat(3,minmax(0,1fr))}
.inp-upcard .inp-form .is-full{grid-column:1/-1}
.inp-upcard .inp-form .is-span2{grid-column:span 2}
.inp-upcard .inp-drop{padding:26px 20px}
.inp-upcard__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.inp-upcard__foot .inp-seal{margin:0;padding:0;border:0}
.inp-upwrap{display:flex;flex-direction:column;gap:18px;scroll-margin-top:110px}
.inp-upcard:target,.inp-upwrap:target{animation:inpGlow 1.6s ease}
@keyframes inpGlow{0%{box-shadow:0 0 0 0 rgba(206,44,41,.35)}100%{box-shadow:0 0 0 14px rgba(206,44,41,0)}}
#inaruInvoices{scroll-margin-top:110px}
@media(max-width:900px){.inp-upcard .inp-form{grid-template-columns:1fr 1fr}.inp-upcard .inp-form > label:last-child:not(.is-span2){grid-column:1/-1}}
@media(max-width:600px){
  .inp-upcard .inp-form{grid-template-columns:1fr}
  .inp-upcard .inp-form .is-span2{grid-column:auto}
  .inp-upcard__foot{flex-direction:column-reverse;align-items:stretch}
  .inp-upcard__foot .inp-btn{width:100%}
  .inp-upcard__foot .inp-seal{justify-content:center}
}
.inp .screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.inp-form label > span small{display:inline;font-weight:400;color:var(--mut)}

/* v0.11.2 — pestañas del perfil */
.inp-ptabs a .inp-ic{width:16px;height:16px}
.inp-ppanel[hidden]{display:none}
.inp-ppanel{animation:inpFade .3s ease}
@keyframes inpFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.inp-ppanel .inp-card__head{margin-bottom:18px}
.inp-ppanel .inp-card__head h3{margin-bottom:4px}
.inp-form--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.inp-form--3 .is-full{grid-column:1/-1}
@media(max-width:900px){.inp-form--3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){
  .inp-form--3{grid-template-columns:1fr}
  .inp-ptabs a .inp-ic{display:none}
  .inp-ppanel .inp-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.inp-ppanel{animation:none}}
.inp-form--3 label.is-full:has(input[name=company]),.inp-form--3 label.is-full:has(input[name=address]){grid-column:span 2}
@media(max-width:900px){.inp-form--3 label.is-full:has(input[name=company]),.inp-form--3 label.is-full:has(input[name=address]){grid-column:1/-1}}
@media(max-width:600px){.inp-form--3 label.is-full:has(input){grid-column:auto}}