.mrrhh{
  --purple:#6f35f1;
  --purple-2:#8b5cf6;
  --purple-soft:#f5f1ff;
  --purple-line:#ddd2ff;
  --ink:#12162a;
  --muted:#65708a;
  --line:#dcd4f2;
  --surface:#ffffff;
  --surface-soft:#fbfaff;
  width:calc(100vw - 3cm);
  max-width:1580px;
  margin:5mm 0 40px calc(50% - 50vw + 1.5cm);
  color:var(--ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.mrrhh *{box-sizing:border-box}
.mrrhh__hero{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.72fr) minmax(280px,.66fr);
  gap:28px;
  align-items:center;
  min-height:330px;
  padding:38px 42px;
  border:1px solid var(--purple-line);
  border-radius:24px;
  background:
    radial-gradient(circle at 58% 82%,rgba(111,53,241,.12),transparent 27%),
    radial-gradient(circle at 88% 10%,rgba(139,92,246,.09),transparent 22%),
    linear-gradient(135deg,#fff 0%,#fbf9ff 70%,#f8f4ff 100%);
  box-shadow:0 16px 40px rgba(51,35,111,.07);
  overflow:hidden;
}
.mrrhh__eyebrow{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:var(--purple-soft);
  color:var(--purple);
  font-size:.78rem;
  letter-spacing:.07em;
  font-weight:800;
}
.mrrhh__hero-copy h2{margin:13px 0 3px;font-size:clamp(2.35rem,3vw,4rem);line-height:1.02;letter-spacing:-.04em;color:var(--ink)}
.mrrhh__hero-copy h2 span{color:var(--purple)}
.mrrhh__hero-copy h3{margin:0 0 16px;font-size:1.22rem;color:#5a6680;font-weight:700}
.mrrhh__hero-copy p{max-width:62ch;margin:0;color:#3f4962;line-height:1.75;font-size:1rem}
.mrrhh__hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.mrrhh__tag{
  appearance:none;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:#232942;
  padding:11px 16px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 5px 12px rgba(17,24,39,.04);
}
.mrrhh__tag.is-active{border-color:var(--purple-2);color:var(--purple);background:#fbf9ff}
.mrrhh__tag--plain{display:inline-flex;align-items:center;cursor:pointer}
.mrrhh__visual{position:relative;min-height:245px;display:flex;align-items:center;justify-content:center}
.mrrhh__calculator{
  position:relative;
  z-index:2;
  width:180px;
  padding:14px;
  border-radius:22px;
  background:linear-gradient(145deg,#fff,#eeeafb);
  box-shadow:0 22px 36px rgba(88,53,190,.2);
  transform:rotate(-4deg);
  border:1px solid rgba(111,53,241,.12);
}
.mrrhh__screen{padding:16px 10px;border-radius:10px;background:#202342;color:#fff;text-align:right;font-size:1rem;font-weight:800}
.mrrhh__keys{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.mrrhh__keys span{display:grid;place-items:center;height:30px;border-radius:7px;background:linear-gradient(180deg,#9a6df7,#7441e4);color:#fff;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.mrrhh__sheet{position:absolute;right:10px;top:32px;width:125px;height:170px;border-radius:15px;background:rgba(255,255,255,.78);border:1px solid #ddd3f5;transform:rotate(13deg);box-shadow:0 14px 25px rgba(60,40,130,.08)}
.mrrhh__sheet i{display:block;width:58%;height:7px;margin:18px 18px -10px;border-radius:99px;background:#dcd4f5}
.mrrhh__sheet b{display:inline-block;width:17px;margin:70px 2px 0;height:34px;background:#aa89f5}
.mrrhh__sheet b:nth-of-type(2){height:55px}.mrrhh__sheet b:nth-of-type(3){height:75px}
.mrrhh__coin{position:absolute;z-index:3;right:5px;bottom:20px;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8f61f5,#5b23da);color:#fff;font-size:1.55rem;font-weight:900;border:6px solid rgba(255,255,255,.65);box-shadow:0 12px 24px rgba(94,45,218,.28)}
.mrrhh__pdf-card{padding:25px;border:1px solid #d9cff4;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(38,27,88,.07)}
.mrrhh__pdf-icon{font-size:2.1rem;color:var(--purple)}
.mrrhh__pdf-card h3{margin:8px 0 13px;color:var(--purple);font-size:1.25rem}
.mrrhh__pdf-card p{margin:0 0 20px;color:var(--muted);line-height:1.65}
.mrrhh__print,.mrrhh button[type="submit"]{width:100%;border:0;border-radius:11px;padding:14px 18px;background:linear-gradient(90deg,#5e24dd,#7d3ff3);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 9px 19px rgba(111,53,241,.2)}
.mrrhh button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.mrrhh__notice{display:flex;align-items:center;gap:12px;margin:16px 0;padding:15px 20px;border-left:4px solid var(--purple);border-radius:13px;background:linear-gradient(90deg,#f7f3ff,#fcfbff);color:#5e36c7}
.mrrhh__notice p{margin:0;line-height:1.55}.mrrhh__notice-icon{font-size:1.4rem;color:var(--purple)}
.mrrhh__card,.mrrhh__results{margin-top:16px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(31,39,79,.06)}
.mrrhh__section-head{display:flex;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:2px solid #9f7cf8}
.mrrhh__section-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#7540ef,#5e25dd);color:#fff;font-weight:900;flex:0 0 38px;box-shadow:0 7px 14px rgba(111,53,241,.2)}
.mrrhh__section-head h3{margin:1px 0 3px;font-size:1.35rem;color:var(--ink)}
.mrrhh__section-head p{margin:0;color:var(--muted);font-size:.93rem}
.mrrhh__grid{display:grid;gap:20px;margin-top:22px}.mrrhh__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.mrrhh__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mrrhh label{display:flex;flex-direction:column;gap:8px}.mrrhh__label{font-weight:800;font-size:.91rem;color:#1b2136}
.mrrhh input,.mrrhh select{width:100%;padding:13px 14px;border:1px solid #d8cff0;border-radius:11px;background:#fff;color:#151a2c;font:inherit;outline:none;transition:.18s ease}
.mrrhh input:focus,.mrrhh select:focus{border-color:var(--purple-2);box-shadow:0 0 0 3px rgba(139,92,246,.13)}
.mrrhh__hint{color:#707b94;font-size:.82rem;line-height:1.55;font-weight:400}
.mrrhh__context-box{margin-top:20px;padding:14px 16px;border-radius:12px;background:#faf8ff;border:1px solid #ddd2f7}.mrrhh__context-box strong{display:block;margin-bottom:4px;color:var(--purple)}.mrrhh__context{margin:0;color:#5d6680;line-height:1.6}
.mrrhh__check{flex-direction:row!important;align-items:flex-start;gap:11px;margin-top:21px;padding:14px 16px;border-radius:12px;background:#faf8ff;border:1px solid #d9cff4}.mrrhh__check input{width:auto;margin-top:3px;accent-color:var(--purple)}
.mrrhh__actions{display:flex;gap:12px;margin-top:18px}.mrrhh__actions button{width:auto;min-width:190px}.mrrhh__actions .secondary{border:1px solid #d8cff0;border-radius:11px;padding:14px 18px;background:#fff;color:#313851;font-weight:800;cursor:pointer;box-shadow:none}
.mrrhh__results{border-color:#ded4fa}.mrrhh__result-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.mrrhh__result-head span{font-size:.74rem;letter-spacing:.18em;color:#737d94}.mrrhh__result-head h3{margin:6px 0 0;font-size:1.7rem}.mrrhh__result-head strong{font-size:clamp(2rem,2.5vw,3rem);color:var(--purple)}
.mrrhh__breakdown{display:grid;gap:8px;margin-top:15px}.mrrhh__row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px dashed #dfe3ed}.mrrhh__formula{margin-top:18px;padding:15px 17px;border-radius:12px;background:#faf8ff;color:#4e5870;font-size:.9rem;line-height:1.65}.mrrhh__warnings{margin-top:15px;color:#78581d;font-size:.9rem;line-height:1.6}.mrrhh__warnings ul{margin-bottom:0}
@media(max-width:1200px){.mrrhh__hero{grid-template-columns:1.2fr .7fr}.mrrhh__pdf-card{grid-column:1/-1}.mrrhh__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.mrrhh{width:calc(100vw - 32px);margin:12px 16px 30px}.mrrhh__hero{grid-template-columns:1fr;padding:26px}.mrrhh__visual{min-height:210px}.mrrhh__grid--2,.mrrhh__grid--3{grid-template-columns:1fr}}
@media(max-width:560px){.mrrhh__hero,.mrrhh__card,.mrrhh__results{padding:20px}.mrrhh__hero-copy h2{font-size:2.25rem}.mrrhh__visual{display:none}.mrrhh__actions{flex-direction:column}.mrrhh__actions button{width:100%;min-width:0}.mrrhh__notice{align-items:flex-start}}

.mrrhh__tax-note{margin-top:20px;padding:16px 18px;border:1px solid #d7c9fa;border-radius:13px;background:#fbf9ff;color:#4f3b83}
.mrrhh__tax-note strong{display:block;margin-bottom:6px;color:var(--purple)}
.mrrhh__tax-note p{margin:0;line-height:1.65}
.mrrhh__tax-year{margin:18px 0 0;padding:12px 14px;border-left:3px solid var(--purple);background:#faf8ff;color:#5d6680;border-radius:8px}
.mrrhh__tax-summary{margin-top:20px;padding:20px;border:1px solid #cdbbf7;border-radius:16px;background:linear-gradient(135deg,#fbf9ff,#f5f0ff)}
.mrrhh__tax-summary-head span{font-size:.72rem;letter-spacing:.16em;color:#7252c7;font-weight:800}
.mrrhh__tax-summary-head h4{margin:5px 0 14px;font-size:1.25rem;color:#241a40}
.mrrhh__tax-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mrrhh__tax-grid>div{padding:14px;border:1px solid #ddd2f8;border-radius:12px;background:#fff}
.mrrhh__tax-grid span{display:block;color:#68728a;font-size:.84rem;line-height:1.45}
.mrrhh__tax-grid strong{display:block;margin-top:7px;color:#252b41;font-size:1.12rem}
.mrrhh__tax-grid .mrrhh__tax-negative{color:#9b2c4c}
.mrrhh__tax-grid .mrrhh__tax-net{border-color:#9f7cf8;background:#f8f4ff}
.mrrhh__tax-grid .mrrhh__tax-net strong{color:var(--purple);font-size:1.28rem}
.mrrhh__tax-summary>p{margin:14px 0 0;color:#626d85;font-size:.84rem;line-height:1.6}
@media(max-width:900px){.mrrhh__tax-grid{grid-template-columns:1fr}}
@media print{.mrrhh__tax-summary{break-inside:avoid;border:1px solid #bbb!important;background:#fff!important}.mrrhh__tax-grid{grid-template-columns:repeat(3,1fr)!important}.mrrhh__tax-grid>div{border:1px solid #ddd!important}.mrrhh__tax-summary,.mrrhh__tax-summary *{color:#000!important}}

@page{size:auto;margin:.15cm 1.5cm 1.8cm}
@media print{html,body{background:#fff!important}body *{visibility:hidden!important}.mrrhh,.mrrhh *{visibility:visible!important}.mrrhh{position:static;width:100%!important;max-width:none!important;margin:0!important;background:#fff!important;color:#000!important}.mrrhh__form,.mrrhh__notice,.mrrhh__visual,.mrrhh__pdf-card,.mrrhh__hero-tags{display:none!important}.mrrhh__hero{display:block;min-height:0;padding:0 0 16px!important;border:0!important;border-bottom:2px solid #111!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}.mrrhh__eyebrow{padding:0;background:none;color:#555}.mrrhh__hero-copy h2,.mrrhh__hero-copy h2 span,.mrrhh__hero-copy h3,.mrrhh__hero-copy p{color:#000!important}.mrrhh__results{padding:0!important;border:0!important;box-shadow:none!important}.mrrhh__results[hidden]{display:none!important}.mrrhh__result-head strong{color:#000!important}.mrrhh__formula{border:1px solid #ddd;background:#fafafa}.mrrhh__warnings{color:#5d4100}}

/* 0.1.3 — integración de ancho completo y alineación inmediata bajo la cabecera. */
.mrrhh{
  --mrrhh-lift:0px;
  width:calc(100vw - 3cm)!important;
  max-width:none!important;
  min-width:0!important;
  margin-top:calc(5mm - var(--mrrhh-lift))!important;
  margin-right:0!important;
  margin-bottom:40px!important;
  margin-left:calc(50% - 50vw + 1.5cm)!important;
  padding:0!important;
  position:relative!important;
  z-index:1;
}
.mrrhh__hero{width:100%!important;grid-template-columns:minmax(0,1.35fr) minmax(300px,.72fr) minmax(320px,.68fr)!important;padding:38px 42px!important}
.mrrhh__notice,.mrrhh__form,.mrrhh__results{width:100%!important;max-width:none!important}

@media(max-width:1200px){
  .mrrhh{width:calc(100vw - 32px)!important;margin-left:calc(50% - 50vw + 16px)!important}
  .mrrhh__hero{grid-template-columns:minmax(0,1.15fr) minmax(240px,.65fr)!important}
  .mrrhh__pdf-card{grid-column:1/-1}
}
@media(max-width:900px){
  .mrrhh{margin-top:calc(12px - var(--mrrhh-lift))!important}
  .mrrhh__hero{grid-template-columns:1fr!important;padding:26px!important}
}
@media(max-width:560px){
  .mrrhh{width:calc(100vw - 20px)!important;margin-left:calc(50% - 50vw + 10px)!important}
  .mrrhh__hero{padding:20px!important}
}


/* 0.1.4 — correcciones puntuales: PDF más arriba, ancho estable en escritorio y botón Ver todos. */
@media screen and (pointer:fine){
  .mrrhh{
    width:var(--mrrhh-fixed-width, calc(100vw - 3cm))!important;
    min-width:var(--mrrhh-fixed-width, calc(100vw - 3cm))!important;
    max-width:none!important;
    margin-left:calc(50% - (var(--mrrhh-fixed-width, calc(100vw - 3cm)) / 2))!important;
  }
}
.mrrhh__tag--plain:focus-visible{
  outline:3px solid rgba(111,53,241,.2);
  outline-offset:3px;
}
@media print{
  .mrrhh{transform:none!important;top:0!important}
  .mrrhh__hero{margin-top:0!important}
}


/* 0.1.8 — ajustes puntuales: formulario tributario simplificado, PDF más alto y carga sin FOUC. */
.mrrhh[data-magister-rrhh]{transition:visibility 0s}
.mrrhh__card .mrrhh__grid--3:has([name="annualTaxableIncome"]){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.mrrhh__card .mrrhh__grid--3:has([name="annualTaxableIncome"]){grid-template-columns:1fr}}
@page{size:auto;margin:0 1.5cm 1.4cm!important}
@media print{
  .mrrhh{position:relative!important;top:-1.15cm!important}
  .mrrhh__hero{margin-top:0!important;padding-top:0!important}
}
