/** Autor IA: Codex (GPT-5), v8, 2026-10-01. Diseño de checkout aprobado. */

#susContratacion {
  --iti-ink:light-dark(#142b46,#ecf2fa); --iti-secondary:light-dark(#52647a,#b1bfd0);
  --iti-blue:light-dark(#125be0,#86b4ff); --iti-on-blue:light-dark(#ffffff,#102341);
  --iti-pale-blue:light-dark(#edf4ff,#233b58); --iti-line:light-dark(#dce3ed,#3b4b61);
  --iti-paper:light-dark(#ffffff,#182638); --iti-canvas:light-dark(#f4f7fb,#111c2c);
  --iti-soft:light-dark(#f8fafc,#1e2f44); --iti-green:light-dark(#207149,#82d9a7);
  --iti-green-bg:light-dark(#edf8f1,#1b3c31); --iti-lime:light-dark(#9cda28,#acdf57);
  --iti-warn:light-dark(#845415,#f0c572); --iti-warn-bg:light-dark(#fff6e6,#3c301d);
  color:var(--iti-ink); font:400 15px/1.5 Inter,"Segoe UI",Arial,sans-serif; width:100%; text-align:left;
}
#susContratacion * {box-sizing:border-box;}
#susContratacion [hidden] {display:none !important;}
#susContratacion h1,#susContratacion h2,#susContratacion h3,#susContratacion p {margin:0;}
#susContratacion h1 {font-size:29px;line-height:1.2;font-weight:650;letter-spacing:-.8px;margin:0 0 10px;}
#susContratacion h2 {font-size:18px;line-height:1.35;font-weight:650;letter-spacing:-.3px;}
#susContratacion h3 {font-size:15px;font-weight:650;}
#susContratacion button,#susContratacion input {font-family:inherit;font-size:inherit;line-height:1.4;}
#susContratacion button {appearance:none;margin:0;transition:background .12s ease;}
#susContratacion button:disabled {cursor:not-allowed;}
#susContratacion svg {flex-shrink:0;}
#susContratacion .iti-preview {display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:0 2px 12px;font-size:12px;color:var(--iti-secondary);}
#susContratacion .iti-preview>span:first-child {font-weight:600;}
#susContratacion .iti-page {background:var(--iti-canvas);border:1px solid var(--iti-line);border-radius:16px;overflow:clip;}
#susContratacion .iti-header {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 32px;background:var(--iti-paper);border-bottom:1px solid var(--iti-line);}
/* Autor IA: Codex (GPT-6), 2026-10-07. Logo oficial; retirar los estilos de la marca provisional. */
#susContratacion .iti-brand {display:flex;align-items:center;flex-shrink:0;}
#susContratacion .iti-brand-logo {display:block;width:200px;max-width:100%;height:auto;}
#susContratacion .iti-domain {display:flex;align-items:center;gap:6px;font-size:12px;color:var(--iti-secondary);}
#susContratacion .iti-content {padding:28px 32px 18px;}
#susContratacion .iti-progress {display:flex;align-items:center;gap:12px;margin-bottom:29px;}
#susContratacion .iti-step {display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--iti-secondary);padding:3px 0;font-size:13px;font-weight:600;}
#susContratacion .iti-step>span:first-child {display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--iti-paper);border:1px solid var(--iti-line);font-size:12px;}
#susContratacion .iti-step[aria-current="step"] {color:var(--iti-blue);}
#susContratacion .iti-step[aria-current="step"]>span:first-child {background:var(--iti-blue);border-color:var(--iti-blue);color:var(--iti-on-blue);}
#susContratacion .iti-step.iti-done>span:first-child {background:var(--iti-pale-blue);border-color:var(--iti-pale-blue);color:var(--iti-blue);}
#susContratacion .iti-step-line {height:1px;background:var(--iti-line);width:42px;}
#susContratacion .iti-layout {display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start;}
#susContratacion .iti-form {min-width:0;}
#susContratacion .iti-lead {color:var(--iti-secondary);font-size:14px;margin-bottom:25px;max-width:480px;}
#susContratacion .iti-block {margin-top:22px;}
#susContratacion .iti-field-label {display:block;font-size:14px;font-weight:600;margin-bottom:8px;}
#susContratacion .iti-section-label {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
#susContratacion .iti-small {font-size:12px;color:var(--iti-secondary);}
#susContratacion .iti-note {font-size:13px;color:var(--iti-secondary);margin-top:9px;}
#susContratacion .iti-switch {display:flex;border:1px solid var(--iti-line);padding:4px;border-radius:10px;background:var(--iti-paper);width:fit-content;max-width:100%;}
#susContratacion .iti-switch button {display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:9px 17px;border:0;border-radius:7px;background:transparent;color:var(--iti-secondary);font-size:13px;font-weight:600;}
#susContratacion .iti-switch button[aria-pressed="true"] {background:var(--iti-pale-blue);color:var(--iti-blue);}
#susContratacion .iti-save {font-size:11px;line-height:1.4;color:var(--iti-green);background:var(--iti-green-bg);padding:3px 6px;border-radius:5px;font-weight:600;}
#susContratacion .iti-plans {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
#susContratacion .iti-plan {position:relative;text-align:left;padding:19px 16px 17px;border:1px solid var(--iti-line);border-radius:12px;background:var(--iti-paper);color:var(--iti-ink);min-width:0;}
#susContratacion .iti-plan[aria-pressed="true"] {border:2px solid var(--iti-blue);padding:18px 15px 16px;background:var(--iti-paper);}
#susContratacion .iti-plan-name {display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:17px;font-weight:650;margin-bottom:4px;}
#susContratacion .iti-plan-check {width:17px;height:17px;border-radius:50%;border:1px solid var(--iti-line);display:grid;place-items:center;color:var(--iti-on-blue);}
#susContratacion .iti-plan[aria-pressed="true"] .iti-plan-check {background:var(--iti-blue);border-color:var(--iti-blue);}
#susContratacion .iti-plan-check svg {width:12px;height:12px;stroke-width:3;}
#susContratacion .iti-plan-description {display:block;font-size:12px;color:var(--iti-secondary);min-height:36px;}
#susContratacion .iti-plan-price {display:block;font-size:27px;font-weight:650;letter-spacing:-.6px;margin-top:15px;font-variant-numeric:tabular-nums;}
#susContratacion .iti-plan-price small {font-size:12px;font-weight:400;letter-spacing:0;color:var(--iti-secondary);}
#susContratacion .iti-plan-foot {display:block;color:var(--iti-secondary);font-size:12px;margin-top:2px;}
#susContratacion .iti-users {display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;background:var(--iti-paper);border:1px solid var(--iti-line);border-radius:11px;}
#susContratacion .iti-users p {font-size:12px;color:var(--iti-secondary);margin-top:4px;}
#susContratacion .iti-counter {display:flex;align-items:center;flex-shrink:0;border:1px solid var(--iti-line);border-radius:8px;background:var(--iti-paper);}
#susContratacion .iti-counter button {width:34px;height:40px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--iti-blue);font-size:20px;}
#susContratacion .iti-counter button:disabled {color:var(--iti-secondary);opacity:.45;}
#susContratacion .iti-counter input {appearance:textfield;-moz-appearance:textfield;width:43px;text-align:center;border:0;background:transparent;color:var(--iti-ink);font-size:16px;font-weight:600;padding:6px 0;}
#susContratacion .iti-counter input::-webkit-inner-spin-button {appearance:none;}
#susContratacion .iti-actions {display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:27px;}
#susContratacion .iti-mobile-total {display:none;}
#susContratacion .iti-primary {display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 23px;border:1px solid var(--iti-blue);border-radius:9px;background:var(--iti-blue);color:var(--iti-on-blue);font-weight:600;font-size:14px;}
#susContratacion .iti-primary:hover:not(:disabled) {filter:brightness(.94);}
#susContratacion .iti-primary:disabled {background:var(--iti-line);border-color:var(--iti-line);color:var(--iti-secondary);}
#susContratacion .iti-secondary-action {display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--iti-paper);color:var(--iti-blue);border:1px solid var(--iti-line);border-radius:8px;padding:11px 15px;font-size:13px;font-weight:600;min-height:42px;}
#susContratacion .iti-text-action {border:0;background:transparent;color:var(--iti-blue);font-size:13px;padding:8px 0;font-weight:600;display:inline-flex;align-items:center;gap:6px;}
#susContratacion .iti-full {width:100%;}
#susContratacion .iti-summary {background:var(--iti-paper);border:1px solid var(--iti-line);border-radius:14px;padding:23px;position:sticky;top:16px;}
#susContratacion .iti-eyebrow {font-size:11px;text-transform:uppercase;letter-spacing:1.1px;font-weight:650;color:var(--iti-secondary);margin-bottom:15px;}
#susContratacion .iti-solution {display:flex;align-items:center;gap:11px;margin-bottom:22px;}
#susContratacion .iti-solution-icon {display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:var(--iti-pale-blue);color:var(--iti-blue);}
#susContratacion .iti-solution-icon svg {width:21px;height:21px;}
#susContratacion .iti-solution h2 {font-size:17px;}
#susContratacion .iti-solution p {font-size:12px;color:var(--iti-secondary);margin-top:1px;}
#susContratacion .iti-breakdown {display:grid;gap:12px;font-size:13px;}
#susContratacion .iti-cost-row {display:flex;justify-content:space-between;gap:12px;align-items:baseline;}
#susContratacion .iti-cost-row>span:last-child {font-variant-numeric:tabular-nums;white-space:nowrap;}
#susContratacion .iti-cost-row small {display:block;color:var(--iti-secondary);font-size:11px;}
#susContratacion .iti-total {border-top:1px solid var(--iti-line);margin-top:19px;padding-top:17px;}
#susContratacion .iti-total .iti-cost-row {align-items:center;}
#susContratacion .iti-total-number {font-size:28px;font-weight:700;letter-spacing:-.7px;line-height:1.25;}
#susContratacion .iti-tax-line {text-align:right;color:var(--iti-secondary);font-size:11px;margin-top:4px;}
#susContratacion .iti-payment-policy {margin-top:17px;border-radius:8px;padding:11px 12px;font-size:12px;line-height:1.6;background:var(--iti-soft);color:var(--iti-secondary);}
#susContratacion .iti-payment-policy strong {display:block;font-weight:600;color:var(--iti-ink);}
#susContratacion .iti-includes {border-top:1px solid var(--iti-line);margin-top:18px;padding-top:16px;}
#susContratacion summary {font-size:12px;font-weight:600;color:var(--iti-ink);}
#susContratacion .iti-includes ul {display:grid;gap:9px;list-style:none;margin:14px 0 0;padding:0;color:var(--iti-secondary);font-size:12px;}
#susContratacion .iti-includes li {display:flex;align-items:center;gap:9px;}
#susContratacion .iti-includes li svg {width:15px;height:15px;color:var(--iti-green);}
#susContratacion .iti-summary-security {display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--iti-secondary);line-height:1.6;margin-top:18px;}
#susContratacion .iti-summary-security svg {margin-top:2px;width:14px;height:14px;}
#susContratacion .iti-footer {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--iti-line);padding-top:16px;margin-top:30px;color:var(--iti-secondary);font-size:11px;}
#susContratacion .iti-field {display:block;color:var(--iti-ink);margin-top:17px;font-size:13px;font-weight:600;}
#susContratacion .iti-input {display:block;width:100%;min-width:0;height:45px;border:1px solid var(--iti-line);border-radius:8px;padding:10px 12px;margin-top:7px;background:var(--iti-paper);color:var(--iti-ink);font-size:16px;font-weight:400;}
#susContratacion .iti-input[readonly] {background:var(--iti-soft);}
#susContratacion .iti-form-surface {padding:22px;border:1px solid var(--iti-line);border-radius:12px;background:var(--iti-paper);margin-top:20px;}
#susContratacion .iti-form-surface>.iti-field:first-child {margin-top:0;}
#susContratacion .iti-field-pair {display:grid;grid-template-columns:1fr 1fr;gap:15px;}
#susContratacion .iti-code {max-width:190px;font-size:21px;letter-spacing:8px;font-variant-numeric:tabular-nums;}
#susContratacion .iti-notice {display:flex;align-items:flex-start;gap:9px;font-size:13px;padding:12px 13px;border-radius:8px;margin-top:15px;background:var(--iti-pale-blue);color:var(--iti-blue);}
#susContratacion .iti-notice svg {margin-top:2px;width:16px;height:16px;}
#susContratacion .iti-success-note {background:var(--iti-green-bg);color:var(--iti-green);}
#susContratacion .iti-review {display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:var(--iti-paper);border:1px solid var(--iti-line);border-radius:11px;padding:15px 17px;margin-bottom:20px;}
#susContratacion .iti-review p {font-size:12px;color:var(--iti-secondary);overflow-wrap:anywhere;}
#susContratacion .iti-payment-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
#susContratacion .iti-mp {font-weight:650;font-size:11px;color:var(--iti-blue);}
#susContratacion .iti-payment-hint {display:flex;align-items:center;gap:7px;font-size:11px;color:var(--iti-secondary);margin-top:14px;}
#susContratacion .iti-consent {display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:20px 0 18px;color:var(--iti-ink);}
#susContratacion .iti-consent input {appearance:auto;flex-shrink:0;width:18px;height:18px;margin:2px 0 0;accent-color:var(--iti-blue);}
#susContratacion .iti-consent small {display:block;color:var(--iti-secondary);font-size:12px;}
#susContratacion .iti-under-button {text-align:center;font-size:11px;color:var(--iti-secondary);margin-top:9px;}
#susContratacion .iti-result {padding:26px;background:var(--iti-paper);border:1px solid var(--iti-line);border-radius:12px;}
#susContratacion .iti-result-symbol {display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--iti-green-bg);color:var(--iti-green);margin-bottom:18px;}
#susContratacion .iti-result-symbol svg {width:25px;height:25px;}
#susContratacion .iti-result-symbol.iti-pending {background:var(--iti-warn-bg);color:var(--iti-warn);}
#susContratacion .iti-result-path {display:grid;gap:16px;padding:22px 0;margin:20px 0;border-top:1px solid var(--iti-line);border-bottom:1px solid var(--iti-line);}
#susContratacion .iti-result-path>div {display:flex;gap:10px;align-items:flex-start;}
#susContratacion .iti-result-path svg {color:var(--iti-green);margin-top:3px;}
#susContratacion .iti-result-path p {font-size:12px;color:var(--iti-secondary);}
#susContratacion.iti-compact .iti-content {padding:22px 26px 16px;}
#susContratacion.iti-compact .iti-block {margin-top:17px;}
#susContratacion.iti-compact .iti-plan {padding-top:14px;padding-bottom:14px;}
#susContratacion.iti-compact .iti-lead {margin-bottom:19px;}
@media (max-width:800px) {
  #susContratacion .iti-content {padding:23px;}
  #susContratacion .iti-header {padding:19px 23px;}
  #susContratacion .iti-layout {grid-template-columns:minmax(0,1fr) 265px;gap:18px;}
  #susContratacion .iti-summary {padding:18px;}
  #susContratacion .iti-plans {gap:8px;}
  #susContratacion .iti-plan {padding:15px 12px;}
  #susContratacion .iti-plan[aria-pressed="true"] {padding:14px 11px;}
  #susContratacion .iti-plan-name {font-size:15px;}
}
@media (max-width:680px) {
  #susContratacion .iti-header {padding:16px;}
  #susContratacion .iti-brand-logo {width:180px;}
  #susContratacion .iti-domain {font-size:11px;}
  #susContratacion .iti-domain svg {display:none;}
  #susContratacion .iti-content,#susContratacion.iti-compact .iti-content {padding:20px 16px 16px;}
  #susContratacion .iti-layout {grid-template-columns:minmax(0,1fr);gap:24px;}
  #susContratacion .iti-summary {position:static;}
  #susContratacion .iti-progress {gap:8px;justify-content:space-between;margin-bottom:25px;}
  #susContratacion .iti-step {font-size:12px;gap:6px;}
  #susContratacion .iti-step-line {flex:1;max-width:30px;min-width:5px;}
  #susContratacion h1 {font-size:26px;}
  #susContratacion .iti-plan-description {min-height:36px;}
  #susContratacion .iti-plan-price {font-size:26px;}
  #susContratacion .iti-actions .iti-primary {flex:1;}
  #susContratacion .iti-mobile-total {display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--iti-line);padding-top:18px;margin-top:24px;font-size:14px;}
  #susContratacion .iti-mobile-total strong {display:block;text-align:right;font-size:24px;font-weight:700;}
  #susContratacion .iti-mobile-total small {display:block;text-align:right;font-size:11px;color:var(--iti-secondary);}
  #susContratacion .iti-form-surface {padding:17px;}
  #susContratacion .iti-users {padding:14px;}
}
@media (max-width:365px) {
  #susContratacion .iti-preview {font-size:11px;}
  #susContratacion .iti-brand-logo {width:160px;}
  #susContratacion .iti-progress {gap:5px;}
  #susContratacion .iti-step {font-size:11px;gap:5px;}
  #susContratacion .iti-step>span:first-child {width:25px;height:25px;}
  #susContratacion .iti-plan-name {font-size:14px;}
  #susContratacion .iti-plan-price {font-size:23px;}
  #susContratacion .iti-switch button {padding:8px 13px;}
  #susContratacion .iti-users {flex-wrap:wrap;}
  #susContratacion .iti-users .iti-counter {margin-left:auto;}
}
@media (pointer:coarse) {
  #susContratacion .iti-step,#susContratacion .iti-switch button,#susContratacion .iti-text-action {min-height:44px;}
  #susContratacion .iti-counter button {width:44px;height:44px;}
}
@media (prefers-reduced-motion:reduce) {#susContratacion button {transition:none;}}

/* Autor IA: Codex (GPT-5), v8. Adaptación del diseño aprobado al framework público existente. */
body.sus-checkout{background:#f4f7fb;color-scheme:light;}
#susContratacion.iti-page{background:var(--iti-canvas);}
#susContratacion .iti-content{max-width:1120px;margin:auto;padding-top:32px;}
#susContratacion .iti-header{padding-left:max(24px,calc((100% - 1056px)/2));padding-right:max(24px,calc((100% - 1056px)/2));}
#susContratacion .iti-brand{color:var(--iti-ink);text-decoration:none;}
#susContratacion .iti-layout{grid-template-columns:minmax(0,1fr) 320px;gap:32px;}
#susContratacion .iti-loading{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:20px;color:var(--iti-secondary);}
#susContratacion .iti-step{min-height:36px;}
#susContratacion .iti-step.iti-done>span:first-child{color:var(--iti-blue);}
#susContratacion .iti-field input,#susContratacion .iti-field select{margin-top:8px;}
#susContratacion .iti-field{margin-bottom:0;}
#susContratacion .iti-input{font-size:16px!important;box-shadow:none;color:var(--iti-ink)!important;}
#susContratacion .iti-secure-field{display:flex;align-items:center;height:48px;padding:0 12px;}
#susContratacion .iti-secure-field iframe{display:block;width:100%;border:0;min-height:24px;}
#susContratacion .iti-primary{color:var(--iti-on-blue)!important;}
#susContratacion .iti-text-action,#susContratacion .iti-secondary-action{color:var(--iti-blue)!important;}
#susContratacion .iti-text-action:hover,#susContratacion .iti-secondary-action:hover{background:var(--iti-pale-blue);}
#susContratacion .iti-consent input{cursor:pointer;}
#susContratacion button,#susContratacion summary{cursor:pointer;}
#susContratacion button:disabled{cursor:not-allowed;}
#susContratacion fieldset{min-width:0;}
#susContratacion .iti-switch:has(button:disabled){opacity:.7;}
#susContratacion .iti-cost-row dt{font-weight:400;}
#susContratacion .iti-cost-row dd{margin:0;}
#susContratacion .iti-summary-security i{padding-top:4px;}
#susContratacion .iti-notice{overflow-wrap:anywhere;}
#susContratacion .iti-review{overflow-wrap:anywhere;}
#susContratacion .iti-form-surface>.iti-field:first-child{margin-top:0;}
#susContratacion .iti-section-label .iti-field-label{margin-bottom:0;}
#susContratacion .iti-plan-check{font-size:12px;}
#susContratacion .iti-includes li:before{content:"✓";color:var(--iti-green);}
#susContratacion .iti-domain i{font-size:12px;color:var(--iti-secondary);}
#susContratacion .iti-form-surface .iti-payment-heading{margin-bottom:18px;}
#susContratacion .iti-notice.iti-error-note{background:#fff0ed;color:#963d2c;}
#susContratacion .iti-notice.iti-wait-note{background:var(--iti-warn-bg);color:var(--iti-warn);}
#susContratacion .iti-plan-price{overflow-wrap:anywhere;}
#susContratacion .iti-total-number{overflow-wrap:anywhere;white-space:normal;}
#susContratacion .iti-cost-row>span:last-child{white-space:normal;text-align:right;overflow-wrap:anywhere;}
@media(max-width:800px){#susContratacion .iti-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px;}}
@media(max-width:680px){#susContratacion .iti-layout{grid-template-columns:minmax(0,1fr);gap:26px;}#susContratacion .iti-header{padding:17px 16px;}#susContratacion .iti-content{padding-top:20px;}#susContratacion .iti-users{flex-wrap:wrap;}#susContratacion .iti-counter{margin-left:auto;}#susContratacion .iti-mobile-total small{color:var(--iti-secondary);}}