/* Cotizador Renovaciones Nuevo — interfaz por fases. Namespace CRN para coexistir con el plugin original. */
#crn-cotizador-app{
  --crn-navy:#082b67;
  --crn-navy-2:#061e4b;
  --crn-blue:#0b67d8;
  --crn-blue-2:#1585ee;
  --crn-ink:#102452;
  --crn-muted:#6b7a9a;
  --crn-line:#dce5f2;
  --crn-soft:#f4f8fd;
  --crn-soft-blue:#eef6ff;
  --crn-green:#23a55a;
  --crn-white:#fff;
  color:var(--crn-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.4;
  box-sizing:border-box;
}
#crn-cotizador-app *,#crn-cotizador-app *::before,#crn-cotizador-app *::after{box-sizing:border-box}
#crn-cotizador-app button,#crn-cotizador-app input,#crn-cotizador-app select,#crn-cotizador-app textarea{font:inherit}

.crn-app{width:100%;padding:24px 12px 40px;background:linear-gradient(180deg,#fbfdff 0%,#f5f9fe 100%)}
.crn-shell{max-width:1420px;margin:0 auto}
.crn-app-header{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:18px}
.crn-app-header__copy{max-width:900px}
.crn-kicker{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#e9f3ff;color:var(--crn-blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.crn-app-header h2{margin:0;color:var(--crn-navy-2);font-size:clamp(28px,3vw,44px);line-height:1.04;letter-spacing:-.035em;font-weight:850}
.crn-app-header p{margin:9px 0 0;color:#536789;font-size:15px;max-width:880px}
.crn-advisor-badge{display:flex;align-items:center;gap:12px;min-width:275px;padding:14px 18px;border:1px solid #d8e4f4;background:rgba(255,255,255,.9);border-radius:12px;box-shadow:0 6px 24px rgba(21,57,105,.06)}
.crn-advisor-photo{display:block;width:44px;height:44px;min-width:44px;border-radius:50%;object-fit:cover;object-position:center;border:2px solid #e1ebf7;background:#eef5ff;box-shadow:0 2px 8px rgba(16,62,115,.10)}
.crn-advisor-badge span:last-child{display:flex;flex-direction:column}
.crn-advisor-badge strong{font-size:14px;color:var(--crn-navy-2)}
.crn-advisor-badge small{font-size:12px;color:var(--crn-muted)}

.crn-stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding:12px 18px;background:#fff;border:1px solid var(--crn-line);border-radius:14px;box-shadow:0 7px 24px rgba(24,57,101,.06);margin-bottom:16px;overflow:hidden}
.crn-step{appearance:none;border:0;background:transparent;position:relative;display:flex;justify-content:center;align-items:center;gap:9px;min-height:46px;color:#8090ae;cursor:pointer;padding:5px 12px}
.crn-step::after{content:"";position:absolute;right:-1px;top:50%;width:40%;height:2px;background:#dce6f4;transform:translateY(-50%);z-index:0}
.crn-step:last-child::after{display:none}
.crn-step span,.crn-step b{position:relative;z-index:1}
.crn-step span{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid #b9c7dc;background:#fff;border-radius:50%;font-size:12px;font-weight:800}
.crn-step b{font-size:12px;font-weight:750;background:#fff;padding-right:7px}
.crn-step.is-active{color:var(--crn-blue)}
.crn-step.is-active span{background:var(--crn-blue);border-color:var(--crn-blue);color:#fff;box-shadow:0 0 0 4px #e9f4ff}
.crn-step.is-complete{color:#355b8f}
.crn-step.is-complete span{background:#e8f3ff;border-color:#7bb8ef;color:var(--crn-blue)}
/* Neutraliza estilos hover/focus globales del tema/constructor sobre los botones del stepper. */
html body #crn-cotizador-app .crn-stepper>.crn-step,
html body #crn-cotizador-app .crn-stepper>.crn-step:hover,
html body #crn-cotizador-app .crn-stepper>.crn-step:focus,
html body #crn-cotizador-app .crn-stepper>.crn-step:focus-visible,
html body #crn-cotizador-app .crn-stepper>.crn-step:active{
  -webkit-appearance:none!important;appearance:none!important;background:transparent!important;background-color:transparent!important;background-image:none!important;
  color:#8090ae!important;border:0!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;outline:0!important;
}
html body #crn-cotizador-app .crn-stepper>.crn-step>b,
html body #crn-cotizador-app .crn-stepper>.crn-step:hover>b,
html body #crn-cotizador-app .crn-stepper>.crn-step:focus>b,
html body #crn-cotizador-app .crn-stepper>.crn-step:active>b{background:#fff!important;color:inherit!important;text-shadow:none!important}
html body #crn-cotizador-app .crn-stepper>.crn-step>span,
html body #crn-cotizador-app .crn-stepper>.crn-step:hover>span,
html body #crn-cotizador-app .crn-stepper>.crn-step:focus>span,
html body #crn-cotizador-app .crn-stepper>.crn-step:active>span{background:#fff!important;border-color:#b9c7dc!important;color:#8090ae!important;box-shadow:none!important}
html body #crn-cotizador-app .crn-stepper>.crn-step.is-active,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-active:hover,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-active:focus{color:var(--crn-blue)!important}
html body #crn-cotizador-app .crn-stepper>.crn-step.is-active>span,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-active:hover>span,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-active:focus>span{background:var(--crn-blue)!important;border-color:var(--crn-blue)!important;color:#fff!important;box-shadow:0 0 0 4px #e9f4ff!important}
html body #crn-cotizador-app .crn-stepper>.crn-step.is-complete,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-complete:hover,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-complete:focus{color:#355b8f!important}
html body #crn-cotizador-app .crn-stepper>.crn-step.is-complete>span,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-complete:hover>span,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-complete:focus>span{background:#e8f3ff!important;border-color:#7bb8ef!important;color:var(--crn-blue)!important;box-shadow:none!important}

.crn-phase{padding:20px;border:1px solid var(--crn-line);border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(13,43,89,.055)}
.crn-phase[hidden]{display:none!important}
.crn-phase-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.crn-phase-head>div{display:flex;align-items:flex-start;gap:12px}
.crn-phase-number{display:grid;place-items:center;min-width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--crn-navy),var(--crn-blue));color:#fff;font-size:12px;font-weight:850;letter-spacing:.04em}
.crn-phase-head h3{margin:0 0 3px;color:var(--crn-navy-2);font-size:20px;line-height:1.2}
.crn-phase-head p{margin:0;color:var(--crn-muted);font-size:13px}

.crn-layout-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.crn-card{background:#fff;border:1px solid var(--crn-line);border-radius:12px;padding:18px;box-shadow:0 4px 16px rgba(24,63,109,.035);margin-bottom:14px}
.crn-card-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.crn-card-title>div{display:flex;align-items:center;gap:10px}
.crn-card-title--between{justify-content:space-between}
.crn-card-title--between>div{display:flex;align-items:center;gap:10px}
.crn-card-title div>div,.crn-card-title>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.crn-card-title strong{color:var(--crn-navy-2);font-size:14px}
.crn-card-title small{color:var(--crn-muted);font-size:11.5px}
.crn-card-icon{display:grid;place-items:center;min-width:32px;height:32px;border-radius:9px;background:#eaf4ff;color:var(--crn-blue);font-size:16px;font-weight:850}
.crn-query-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}

.crn-grid-2,.crn-grid-3{display:grid;gap:14px}
.crn-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.crn-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.crn-form label,#crn-info_renovacion label{display:flex;flex-direction:column;gap:6px;color:#334c73;font-size:11px;text-transform:uppercase;letter-spacing:.03em;font-weight:750}
#crn-cotizador-app input[type="text"],#crn-cotizador-app input[type="email"],#crn-cotizador-app input[type="date"],#crn-cotizador-app input[type="number"],#crn-cotizador-app select,#crn-cotizador-app textarea{width:100%;min-height:40px;border:1px solid #ccd9e9;border-radius:8px;background:#fff;color:#18345e;padding:8px 10px;outline:none;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;text-transform:none;letter-spacing:0;font-weight:500}
#crn-cotizador-app input:focus,#crn-cotizador-app select:focus,#crn-cotizador-app textarea:focus{border-color:#6ca9e8;box-shadow:0 0 0 3px rgba(22,126,228,.10)}
#crn-cotizador-app input[readonly]{background:#f6f9fd;color:#506685}
#crn-cotizador-app input::placeholder{color:#a2aec1}

.crn-info-strip{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;background:#eef6ff;border:1px solid #d5e8ff;border-radius:8px;color:#547096;font-size:12px}
.crn-info-strip>span{display:grid;place-items:center;min-width:20px;height:20px;border:1px solid var(--crn-blue);border-radius:50%;color:var(--crn-blue);font-size:11px;font-weight:900}
.crn-actions,.crn-wizard-actions{display:flex;align-items:center;gap:10px}
.crn-actions--start{justify-content:flex-start;margin-top:14px}
.crn-wizard-actions{justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid #e6edf6}
.crn-wizard-actions--end{justify-content:flex-end}
.crn-btn{appearance:none;border:0;border-radius:8px;min-height:40px;padding:9px 16px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;color:#fff;text-decoration:none}
.crn-btn:hover{transform:translateY(-1px)}
.crn-btn-primary{background:linear-gradient(135deg,var(--crn-navy),var(--crn-blue));box-shadow:0 6px 14px rgba(7,76,158,.16)}
.crn-btn-primary:hover{background:linear-gradient(135deg,#0a377f,#0d74eb)}
.crn-btn-secondary{background:#eaf0f8;color:#28466d}
.crn-btn-ghost{background:#fff;color:#36577e;border:1px solid #cfdbea}
.crn-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}

.crn-dc-row,.crn-iv-grid{display:grid;gap:10px}
.crn-dc-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.crn-iv-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.crn-dc-row>div,.crn-iv-grid>div{min-width:0;padding:10px 11px;border:1px solid #e4ebf4;border-radius:8px;background:#fbfdff}
.crn-dc-row small,.crn-iv-grid small{display:block;color:#8290aa;text-transform:uppercase;font-size:9.5px;font-weight:800;letter-spacing:.04em;margin-bottom:4px}
.crn-dc-row span,.crn-iv-grid span{display:block;min-width:0;color:#18365f;font-size:12.5px;font-weight:700;overflow-wrap:anywhere}
.crn-mini-btn{display:grid;place-items:center;width:36px;height:34px;padding:0;border-radius:8px;border:1px solid #cbd8e9;background:#fff;color:#41658d;cursor:pointer}
.crn-mini-btn[aria-pressed="true"]{background:#eaf4ff;border-color:#8ebeed;color:var(--crn-blue)}

.crn-result-card{margin-bottom:14px}
.crn-vehiculos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.crn-vehiculo-btn{appearance:none;display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center;padding:10px 12px;border-radius:9px;background:#f4f8fd;color:#28496f;font-size:12px;font-weight:750;border:1px solid #d9e5f2;cursor:pointer}
.crn-vehiculo-btn:hover{border-color:#8ebde9;background:#eef7ff}
.crn-vehiculo-btn.active{background:linear-gradient(135deg,var(--crn-navy),var(--crn-blue));border-color:transparent;color:#fff;box-shadow:0 5px 14px rgba(7,75,155,.15)}
.crn-empty{padding:16px;border:1px dashed #cbd9ea;border-radius:8px;background:#f9fbfe;color:var(--crn-muted);text-align:center;font-size:12px}
.crn-section-label{margin:16px 0 8px;color:var(--crn-navy-2);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:850}
.crn-table-wrap{overflow:auto;border:1px solid #e2eaf4;border-radius:9px}
.crn-table{width:100%;border-collapse:collapse;min-width:640px;background:#fff}
.crn-table th,.crn-table td{padding:9px 10px;border-top:1px solid #edf1f7;text-align:left;vertical-align:middle;font-size:11.5px}
.crn-table thead th{border-top:0;background:#f3f7fc;color:#496381;text-transform:uppercase;font-size:9.5px;letter-spacing:.035em}
.crn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
.crn-dot.green{background:#28ad61}.crn-dot.red{background:#e74f4f}
#crn-certificados td:nth-child(4){white-space:nowrap}

.crn-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.crn-benefit-grid>div{display:grid;grid-template-columns:34px 1fr;gap:0 9px;align-items:center;padding:13px;border:1px solid #dce8f5;border-radius:10px;background:#f6faff}
.crn-benefit-grid>div>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0c79e5;color:#fff;font-weight:900}
.crn-benefit-grid strong{font-size:12px;color:#173d70}.crn-benefit-grid small{font-size:10.5px;color:#6e7f9b}

.crn-summary-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px}
.crn-summary-context{margin:0}
.crn-summary-context dl{margin:0;display:grid;gap:0}
.crn-summary-context dl>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid #edf1f7}
.crn-summary-context dt{color:#7d8ba4;font-size:10.5px;text-transform:uppercase;font-weight:800}
.crn-summary-context dd{margin:0;text-align:right;color:#18375e;font-size:12px;font-weight:750}
.crn-summary-plans-wrap{padding:16px;border:1px solid var(--crn-line);border-radius:12px;background:#fff}
.crn-summary-plans-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.crn-summary-plans-head strong{font-size:14px;color:var(--crn-navy-2)}
.crn-summary-plans-head span{font-size:10.5px;color:var(--crn-muted)}
.crn-plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.crn-plan-card{position:relative;padding:14px;border:1px solid #dce6f2;border-radius:10px;background:linear-gradient(180deg,#fff,#f9fbfe);min-height:155px}
.crn-plan-card.is-best{border-color:#8bc993;box-shadow:inset 0 -4px 0 #65b66f}
.crn-plan-card__badge{display:inline-block;margin-bottom:8px;padding:3px 7px;border-radius:999px;background:#e8f6e9;color:#2f7f3c;font-size:9px;font-weight:850;text-transform:uppercase}
.crn-plan-card h4{margin:0 0 3px;color:var(--crn-navy-2);font-size:14px}.crn-plan-card p{margin:0 0 14px;color:#637591;font-size:11px}
.crn-plan-card dl{margin:0;display:grid;gap:6px}.crn-plan-card dl>div{display:flex;justify-content:space-between;gap:8px}.crn-plan-card dt{font-size:10px;color:#7e8ba2}.crn-plan-card dd{margin:0;font-size:11px;color:#294a73;font-weight:800}.crn-plan-card .crn-plan-total dd{font-size:18px;color:#082b67}
.crn-plan-empty{grid-column:1/-1;padding:24px;border:1px dashed #cbd8e7;border-radius:9px;background:#f8fbff;color:#7889a4;text-align:center;font-size:12px}
.crn-pdf-area{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:16px 18px;border-radius:12px;background:linear-gradient(135deg,#082b67,#0b67d8);color:#fff}
.crn-pdf-area>div:first-child{display:flex;flex-direction:column}.crn-pdf-area strong{font-size:14px}.crn-pdf-area span{font-size:11px;opacity:.82}
#crn-form-pdf{display:flex;justify-content:flex-end;margin:0}
#crn-form-pdf .crn-btn-pdf{margin:0;background:#fff;color:#0b4f9f;box-shadow:none;white-space:nowrap}
.crn-plan-card__logo{
    height:52px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:2px 0 10px;
}

.crn-plan-card__logo img{
    display:block;
    max-width:125px;
    max-height:46px;
    width:auto;
    height:auto;
    object-fit:contain;
}

.crn-inline-input{width:100%;min-height:32px!important;padding:5px 8px!important;border:1px solid #a9c5e2!important;border-radius:6px!important;background:#fff!important;font-size:12px!important}

#crn-loading-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(4,21,51,.68);backdrop-filter:blur(2px);z-index:99999}
#crn-loading-overlay.is-visible{display:flex}
.crn-loading-box{display:flex;flex-direction:column;align-items:center;gap:11px;color:#fff;font-weight:700;text-align:center;padding:18px 22px}
.crn-spinner{width:50px;height:50px;border-radius:50%;border:4px solid rgba(255,255,255,.35);border-top-color:#fff;animation:crnspin .75s linear infinite}
@keyframes crnspin{to{transform:rotate(360deg)}}

@media (max-width:1100px){
  .crn-iv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .crn-summary-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
  .crn-app{padding:14px 8px 28px}
  .crn-app-header{align-items:flex-start;flex-direction:column}.crn-advisor-badge{min-width:0;width:100%}
  .crn-stepper{overflow-x:auto;grid-template-columns:repeat(6,minmax(120px,1fr));padding:8px}
  .crn-step::after{display:none}
  .crn-layout-2,.crn-grid-3,.crn-benefit-grid{grid-template-columns:1fr}
  .crn-grid-2,.crn-dc-row{grid-template-columns:1fr}
  .crn-iv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crn-vehiculos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crn-plan-cards{grid-template-columns:1fr}
}
@media (max-width:540px){
  .crn-phase{padding:14px}.crn-app-header h2{font-size:29px}
  .crn-iv-grid,.crn-vehiculos{grid-template-columns:1fr}
  .crn-wizard-actions{flex-direction:column-reverse;align-items:stretch}.crn-wizard-actions--end{flex-direction:column;align-items:stretch}
  .crn-wizard-actions .crn-btn{width:100%}
  .crn-pdf-area{align-items:stretch;flex-direction:column}#crn-form-pdf{justify-content:stretch}#crn-form-pdf .crn-btn-pdf{width:100%}
}


.crn-plan-card__logo{
    min-height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:4px 0 8px;
    text-align:center;
}

.crn-plan-card__logo img{
    display:block;
    max-width:140px;
    max-height:52px;
    width:auto;
    height:auto;
    object-fit:contain;
    margin:0 auto;
}

.crn-plan-card__producto{
    margin:0 0 16px;
    text-align:center;
    font-size:13px;
    font-weight:600;
    line-height:1.35;
    color:#345078;
}
/* ==========================================================================
   CRN UI — Neumorfismo + Claymorfismo
   Capa visual añadida sin cambiar estructura, IDs, estados ni funcionalidad.
   ========================================================================== */

#crn-cotizador-app{
  --crn-surface:#edf3f9;
  --crn-surface-hi:#f8fbff;
  --crn-surface-low:#dfe7f1;
  --crn-surface-blue:#e7f2ff;
  --crn-shadow-dark:rgba(57,79,111,.16);
  --crn-shadow-mid:rgba(43,72,111,.10);
  --crn-shadow-light:rgba(255,255,255,.96);
  --crn-clay-border:rgba(255,255,255,.88);
  --crn-radius-xl:24px;
  --crn-radius-lg:20px;
  --crn-radius-md:16px;
  --crn-radius-sm:12px;
}

/* Fondo general suave */
#crn-cotizador-app .crn-app{
  background:
    radial-gradient(circle at 8% 0%,rgba(21,133,238,.08),transparent 28%),
    radial-gradient(circle at 96% 10%,rgba(8,43,103,.06),transparent 30%),
    linear-gradient(145deg,#f7faff 0%,#edf3f9 52%,#f5f9fd 100%);
}

/* Encabezado */
#crn-cotizador-app .crn-kicker{
  border:1px solid rgba(255,255,255,.9);
  background:linear-gradient(145deg,#f5faff,#e2eefb);
  box-shadow:
    5px 5px 12px var(--crn-shadow-mid),
    -5px -5px 12px var(--crn-shadow-light),
    inset 1px 1px 0 rgba(255,255,255,.9);
}

#crn-cotizador-app .crn-advisor-badge{
  border:1px solid var(--crn-clay-border);
  border-radius:18px;
  background:linear-gradient(145deg,#f8fbff,#e7eef7);
  box-shadow:
    10px 10px 24px var(--crn-shadow-dark),
    -10px -10px 24px var(--crn-shadow-light),
    inset 1px 1px 0 rgba(255,255,255,.96),
    inset -2px -2px 7px rgba(36,77,128,.045);
}

#crn-cotizador-app .crn-advisor-photo{
  border:3px solid rgba(255,255,255,.96);
  background:#edf4fb;
  box-shadow:
    4px 5px 12px rgba(48,73,107,.16),
    -3px -3px 8px rgba(255,255,255,.95);
}

/* Stepper */
#crn-cotizador-app .crn-stepper{
  border:1px solid rgba(255,255,255,.92);
  border-radius:20px;
  background:linear-gradient(145deg,#f7faff,#ffffff);
  box-shadow:
    10px 10px 24px var(--crn-shadow-dark),
    -10px -10px 24px var(--crn-shadow-light),
    inset 1px 1px 0 rgba(255,255,255,.95);
}

html body #crn-cotizador-app .crn-stepper>.crn-step,
html body #crn-cotizador-app .crn-stepper>.crn-step:focus,
html body #crn-cotizador-app .crn-stepper>.crn-step:active{
  border-radius:14px!important;
  background:transparent!important;
  color:#7183a2!important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}

html body #crn-cotizador-app .crn-stepper>.crn-step:hover{
  background:rgba(255,255,255,.40)!important;
  color:#315986!important;
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.75),
    3px 4px 9px rgba(59,86,123,.07)!important;
}

html body #crn-cotizador-app .crn-stepper>.crn-step>b,
html body #crn-cotizador-app .crn-stepper>.crn-step:hover>b,
html body #crn-cotizador-app .crn-stepper>.crn-step:focus>b,
html body #crn-cotizador-app .crn-stepper>.crn-step:active>b{
  background:transparent!important;
  color:inherit!important;
}

html body #crn-cotizador-app .crn-stepper>.crn-step>span,
html body #crn-cotizador-app .crn-stepper>.crn-step:hover>span,
html body #crn-cotizador-app .crn-stepper>.crn-step:focus>span{
  background:linear-gradient(145deg,#f8fbff,#e5edf6)!important;
  border:1px solid rgba(255,255,255,.92)!important;
  color:#6b7d9b!important;
  box-shadow:
    4px 4px 9px rgba(54,78,112,.13),
    -4px -4px 9px rgba(255,255,255,.94)!important;
}

html body #crn-cotizador-app .crn-stepper>.crn-step.is-active,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-active:hover,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-active:focus{
  color:var(--crn-blue)!important;
  background:rgba(255,255,255,.34)!important;
}

html body #crn-cotizador-app .crn-stepper>.crn-step.is-active>span,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-active:hover>span,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-active:focus>span{
  background:linear-gradient(145deg,#1683ef,#085bc1)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  color:#fff!important;
  box-shadow:
    5px 6px 13px rgba(6,78,166,.26),
    -3px -3px 8px rgba(255,255,255,.84),
    inset 1px 1px 1px rgba(255,255,255,.35),
    inset -2px -3px 6px rgba(0,39,104,.15)!important;
}

html body #crn-cotizador-app .crn-stepper>.crn-step.is-complete,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-complete:hover,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-complete:focus{
  color:#315986!important;
}

html body #crn-cotizador-app .crn-stepper>.crn-step.is-complete>span,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-complete:hover>span,
html body #crn-cotizador-app .crn-stepper>.crn-step.is-complete:focus>span{
  background:linear-gradient(145deg,#eaf6ff,#d9ebfc)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  color:var(--crn-blue)!important;
  box-shadow:
    4px 4px 9px rgba(50,87,131,.11),
    -4px -4px 9px rgba(255,255,255,.92)!important;
}

/* Fases y tarjetas principales */
#crn-cotizador-app .crn-phase{
  border:1px solid rgba(255,255,255,.92);
  border-radius:var(--crn-radius-xl);
  background:linear-gradient(145deg,#f8fbff,#e8eff7);
  box-shadow:
    14px 14px 32px var(--crn-shadow-dark),
    -12px -12px 28px var(--crn-shadow-light),
    inset 1px 1px 0 rgba(255,255,255,.96);
}

#crn-cotizador-app .crn-phase-number{
  border:1px solid rgba(255,255,255,.55);
  border-radius:14px;
  background:linear-gradient(145deg,#0d73df,#073d8d);
  box-shadow:
    5px 6px 14px rgba(6,63,135,.24),
    -3px -3px 8px rgba(255,255,255,.70),
    inset 1px 1px 1px rgba(255,255,255,.30),
    inset -2px -3px 6px rgba(0,34,91,.16);
}

#crn-cotizador-app .crn-card{
  border:1px solid rgba(255,255,255,.92);
  border-radius:var(--crn-radius-lg);
  background:linear-gradient(145deg,#f8fbff,#e8eef6);
  box-shadow:
    8px 8px 19px rgba(55,80,113,.12),
    -8px -8px 18px rgba(255,255,255,.93),
    inset 1px 1px 0 rgba(255,255,255,.95),
    inset -2px -2px 6px rgba(47,83,127,.035);
}

#crn-cotizador-app .crn-card-icon{
  border:1px solid rgba(255,255,255,.92);
  border-radius:12px;
  background:linear-gradient(145deg,#edf7ff,#dcecff);
  box-shadow:
    4px 4px 9px rgba(56,89,130,.11),
    -4px -4px 9px rgba(255,255,255,.95);
}

/* Inputs: neumorfismo hundido */
#crn-cotizador-app input[type="text"],
#crn-cotizador-app input[type="email"],
#crn-cotizador-app input[type="date"],
#crn-cotizador-app input[type="number"],
#crn-cotizador-app select,
#crn-cotizador-app textarea{
  border:1px solid rgba(189,205,225,.78);
  border-radius:12px;
  background:#eef3f9;
  box-shadow:
    inset 3px 3px 7px rgba(73,96,128,.11),
    inset -3px -3px 7px rgba(255,255,255,.92);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}

#crn-cotizador-app input:focus,
#crn-cotizador-app select:focus,
#crn-cotizador-app textarea:focus{
  border-color:#72afe9;
  background:#f3f8fd;
  box-shadow:
    inset 2px 2px 5px rgba(61,91,130,.09),
    inset -2px -2px 5px rgba(255,255,255,.92),
    0 0 0 4px rgba(21,133,238,.10);
}

#crn-cotizador-app input[readonly]{
  background:#e8eef6;
  box-shadow:
    inset 2px 2px 5px rgba(69,91,123,.085),
    inset -2px -2px 5px rgba(255,255,255,.82);
}

/* Tiras informativas */
#crn-cotizador-app .crn-info-strip{
  border:1px solid rgba(255,255,255,.88);
  border-radius:14px;
  background:linear-gradient(145deg,#edf7ff,#ddeefe);
  box-shadow:
    5px 5px 12px rgba(58,91,132,.09),
    -5px -5px 12px rgba(255,255,255,.90),
    inset 1px 1px 0 rgba(255,255,255,.92);
}

/* Botones clay */
html body #crn-cotizador-app .crn-btn{
  border:1px solid rgba(255,255,255,.52)!important;
  border-radius:13px!important;
  box-shadow:
    5px 6px 13px rgba(39,68,106,.16),
    -3px -3px 8px rgba(255,255,255,.85),
    inset 1px 1px 1px rgba(255,255,255,.28),
    inset -2px -3px 5px rgba(18,53,95,.08)!important;
}

html body #crn-cotizador-app .crn-btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:
    7px 8px 16px rgba(39,68,106,.18),
    -4px -4px 10px rgba(255,255,255,.90),
    inset 1px 1px 1px rgba(255,255,255,.30),
    inset -2px -3px 5px rgba(18,53,95,.08)!important;
}

html body #crn-cotizador-app .crn-btn:active{
  transform:translateY(1px)!important;
  box-shadow:
    inset 3px 3px 7px rgba(26,58,100,.16),
    inset -2px -2px 5px rgba(255,255,255,.34)!important;
}

html body #crn-cotizador-app .crn-btn-primary{
  background:linear-gradient(145deg,#127ae6,#0750ad)!important;
  color:#fff!important;
}

html body #crn-cotizador-app .crn-btn-secondary{
  background:linear-gradient(145deg,#f4f8fd,#dfe8f2)!important;
  color:#28466d!important;
}

html body #crn-cotizador-app .crn-btn-ghost{
  background:linear-gradient(145deg,#f8fbff,#e6edf6)!important;
  color:#36577e!important;
  border-color:rgba(255,255,255,.92)!important;
}

/* Bloques de datos */
#crn-cotizador-app .crn-dc-row>div,
#crn-cotizador-app .crn-iv-grid>div{
  border:1px solid rgba(255,255,255,.84);
  border-radius:13px;
  background:linear-gradient(145deg,#f6faff,#e8eef6);
  box-shadow:
    4px 4px 10px rgba(58,80,111,.08),
    -4px -4px 10px rgba(255,255,255,.88),
    inset 1px 1px 0 rgba(255,255,255,.9);
}

#crn-cotizador-app .crn-mini-btn{
  border:1px solid rgba(255,255,255,.9);
  border-radius:11px;
  background:linear-gradient(145deg,#f7faff,#e3ebf4);
  box-shadow:
    4px 4px 9px rgba(54,79,113,.11),
    -4px -4px 9px rgba(255,255,255,.92);
}

/* Vehículos */
#crn-cotizador-app .crn-vehiculo-btn{
  border:1px solid rgba(255,255,255,.90);
  border-radius:14px;
  background:linear-gradient(145deg,#f6faff,#e5edf6);
  box-shadow:
    5px 5px 11px rgba(52,79,115,.10),
    -5px -5px 11px rgba(255,255,255,.92);
}

#crn-cotizador-app .crn-vehiculo-btn:hover{
  color:#1d4f83;
  border-color:rgba(123,180,235,.55);
  background:linear-gradient(145deg,#f8fbff,#e6f2ff);
  box-shadow:
    6px 6px 13px rgba(52,79,115,.12),
    -5px -5px 12px rgba(255,255,255,.94);
}

#crn-cotizador-app .crn-vehiculo-btn.active{
  color:#fff;
  border-color:rgba(255,255,255,.48);
  background:linear-gradient(145deg,#117ae7,#0750ae);
  box-shadow:
    5px 6px 13px rgba(7,75,155,.22),
    -3px -3px 8px rgba(255,255,255,.72),
    inset 1px 1px 1px rgba(255,255,255,.28),
    inset -2px -3px 6px rgba(0,37,92,.15);
}

/* Tablas del flujo */
#crn-cotizador-app .crn-table-wrap{
  border:1px solid rgba(255,255,255,.88);
  border-radius:15px;
  background:#edf3f9;
  box-shadow:
    inset 4px 4px 9px rgba(61,84,116,.09),
    inset -4px -4px 9px rgba(255,255,255,.88);
}

#crn-cotizador-app .crn-table{
  background:transparent;
}

#crn-cotizador-app .crn-table thead th{
  background:rgba(222,233,245,.70);
}

/* Resumen */
#crn-cotizador-app .crn-summary-context,
#crn-cotizador-app .crn-summary-plans-wrap{
  border:1px solid rgba(255,255,255,.92);
  border-radius:20px;
  background:linear-gradient(145deg,#f8fbff,#e8eef6);
  box-shadow:
    8px 8px 19px rgba(55,80,113,.12),
    -8px -8px 18px rgba(255,255,255,.93),
    inset 1px 1px 0 rgba(255,255,255,.95);
}

#crn-cotizador-app .crn-summary-context{
  padding:16px;
}

#crn-cotizador-app .crn-plan-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.92);
  border-radius:18px;
  background:linear-gradient(145deg,#f8fbff,#e5edf6);
  box-shadow:
    7px 8px 17px rgba(55,80,113,.12),
    -7px -7px 16px rgba(255,255,255,.92),
    inset 1px 1px 0 rgba(255,255,255,.96),
    inset -2px -3px 7px rgba(42,76,119,.035);
}

#crn-cotizador-app .crn-plan-card.is-best{
  border-color:rgba(86,179,105,.45);
  box-shadow:
    8px 9px 19px rgba(45,112,62,.13),
    -7px -7px 16px rgba(255,255,255,.93),
    inset 0 -4px 0 #65b66f,
    inset 1px 1px 0 rgba(255,255,255,.96);
}

#crn-cotizador-app .crn-plan-card__badge{
  border:1px solid rgba(255,255,255,.92);
  background:linear-gradient(145deg,#effbee,#dff4df);
  box-shadow:
    3px 3px 8px rgba(52,112,67,.10),
    -3px -3px 8px rgba(255,255,255,.90);
}

#crn-cotizador-app .crn-plan-card__logo{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:4px 0 8px;
  text-align:center;
}

#crn-cotizador-app .crn-plan-card__logo img{
  display:block;
  max-width:145px;
  max-height:54px;
  width:auto;
  height:auto;
  object-fit:contain;
  margin:0 auto;
  filter:drop-shadow(0 3px 5px rgba(17,52,94,.10));
}

#crn-cotizador-app .crn-plan-card__producto{
  margin:0 0 16px;
  text-align:center;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  color:#345078;
}

#crn-cotizador-app .crn-pdf-area{
  border:1px solid rgba(255,255,255,.30);
  border-radius:19px;
  background:linear-gradient(145deg,#0c65cb,#062d70);
  box-shadow:
    9px 10px 22px rgba(6,47,105,.20),
    -6px -6px 15px rgba(255,255,255,.55),
    inset 1px 1px 1px rgba(255,255,255,.22),
    inset -3px -4px 8px rgba(0,25,69,.16);
}

#crn-cotizador-app #crn-form-pdf .crn-btn-pdf{
  border:1px solid rgba(255,255,255,.94)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#ffffff,#e8eef6)!important;
  color:#0b4f9f!important;
  box-shadow:
    5px 6px 13px rgba(0,31,77,.22),
    -2px -2px 7px rgba(255,255,255,.70)!important;
}

/* Loading */
#crn-cotizador-app .crn-loading-box{
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  background:rgba(7,35,81,.34);
  box-shadow:
    12px 14px 28px rgba(0,16,43,.20),
    inset 1px 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
}

/* Accesibilidad y estabilidad visual */
@media (prefers-reduced-motion:reduce){
  #crn-cotizador-app *,
  #crn-cotizador-app *::before,
  #crn-cotizador-app *::after{
    scroll-behavior:auto!important;
    transition:none!important;
  }
}

@media (max-width:820px){
  #crn-cotizador-app .crn-phase,
  #crn-cotizador-app .crn-card,
  #crn-cotizador-app .crn-summary-context,
  #crn-cotizador-app .crn-summary-plans-wrap{
    box-shadow:
      7px 8px 17px rgba(55,80,113,.11),
      -5px -5px 13px rgba(255,255,255,.88);
  }
}


/* Fondo blanco manteniendo neumorfismo/claymorfismo */
#crn-cotizador-app .crn-app{
    background:#fff !important;
}

#crn-cotizador-app .crn-phase,
#crn-cotizador-app .crn-card,
#crn-cotizador-app .crn-summary-context,
#crn-cotizador-app .crn-summary-plans-wrap,
#crn-cotizador-app .crn-plan-card,
#crn-cotizador-app .crn-advisor-badge{
    background:#fff !important;
}