/* Adaptación del styles.css entregado en web-grilla.zip a la matriz de tres columnas. */
#cost-matrix {
  --cm-ink:#02094B; --cm-azul:#173A7B; --cm-azul2:#006BAD;
  --cm-verde:#3E9B5F; --cm-ambar:#F0B323; --cm-magenta:#C72F8E; --cm-cyan:#62C2CD;
  --cm-banda:#F2F6FA; --cm-linea:rgba(2,9,75,.12); --cm-linea2:rgba(2,9,75,.07);
  --cm-suave:rgba(2,9,75,.66); --cm-tenue:rgba(2,9,75,.58);
  --cm-serif:Merriweather,Georgia,"Times New Roman",serif;
  --cm-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color-scheme:light; width:100%; margin:0; color:var(--cm-ink);
  font-family:var(--cm-sans); font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-wrap:anywhere;
  background:
    radial-gradient(720px 360px at 20% 90px,rgba(98,194,205,.18),transparent 62%),
    radial-gradient(680px 340px at 80% 74px,rgba(199,47,142,.12),transparent 60%),
    linear-gradient(rgba(23,58,123,.022) 1px,transparent 0) 0 0/100% 34px,
    linear-gradient(90deg,rgba(23,58,123,.022) 1px,transparent 0) 0 0/34px 100%,#fff;
}
#cost-matrix * {box-sizing:border-box}
#cost-matrix [hidden] {display:none!important}
#cost-matrix h1,#cost-matrix h2,#cost-matrix h3,#cost-matrix p {margin:0}
#cost-matrix .cm-wrap {max-width:1280px;margin:0 auto;padding:0 clamp(16px,3.2vw,36px)}
#cost-matrix .cm-nav {display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;border-bottom:1px solid var(--cm-linea2);background:rgba(255,255,255,.5)}
#cost-matrix .cm-brand {display:flex;align-items:center;gap:17px}
#cost-matrix .cm-logo {display:inline-flex;align-items:baseline;font-weight:800;font-size:26px;letter-spacing:-.035em;line-height:1;white-space:nowrap}
#cost-matrix .cm-logo .cm-brand-dot {color:#FF2436}
#cost-matrix .cm-logo .cm-brand-cl {color:var(--cm-azul2)}
#cost-matrix .cm-brand-caption {font-size:13px;color:var(--cm-suave);border-left:1px solid var(--cm-linea);padding-left:17px}
#cost-matrix .cm-nav-label {font-size:13px;color:var(--cm-tenue)}
#cost-matrix .cm-hero {text-align:center;max-width:880px;margin:0 auto;padding:clamp(40px,5.4vw,66px) 0 35px}
#cost-matrix .cm-eyebrow {font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cm-tenue);margin-bottom:18px}
#cost-matrix h1 {font-family:var(--cm-serif);font-weight:400;font-size:clamp(31px,4.2vw,48px);line-height:1.18;letter-spacing:-.02em;color:var(--cm-azul);text-wrap:balance}
#cost-matrix h1 span {font-style:italic;background:linear-gradient(120deg,var(--cm-cyan),var(--cm-azul2) 45%,var(--cm-magenta));-webkit-background-clip:text;background-clip:text;color:transparent}
#cost-matrix .cm-intro {margin:24px auto 0;max-width:58ch;font-size:16px;color:var(--cm-suave);line-height:1.7}
#cost-matrix .cm-section-top {display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px}
#cost-matrix h2 {font-family:var(--cm-serif);font-weight:400;font-size:21px;line-height:1.4;letter-spacing:-.02em;color:var(--cm-azul)}
#cost-matrix .cm-hint {font-size:13px;color:var(--cm-tenue)}
#cost-matrix .cm-plans {display:grid;grid-template-columns:.65fr 1fr 1fr 1fr;gap:9px;margin-bottom:14px}
#cost-matrix .cm-plan {font-family:inherit;cursor:pointer;text-align:left;color:var(--cm-ink);background:#fff;border:1px solid var(--cm-linea);border-radius:8px;padding:14px 15px;min-width:0;transition:filter .18s,transform .18s,border-color .18s}
#cost-matrix .cm-plan:hover {transform:translateY(-1px);border-color:var(--cm-azul2)}
#cost-matrix .cm-plan[aria-pressed="true"] {background:var(--cm-azul);border-color:var(--cm-azul);color:#fff}
#cost-matrix .cm-plan-title {display:block;font-size:15px;font-weight:600;line-height:1.4}
#cost-matrix .cm-plan-description {display:block;font-size:12px;line-height:1.5;color:var(--cm-suave);margin-top:5px}
#cost-matrix .cm-plan[aria-pressed="true"] .cm-plan-description {color:rgba(255,255,255,.8)}
#cost-matrix .cm-addons-heading {display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:21px 0 10px}
#cost-matrix .cm-addons-heading h3 {font-size:14px;font-weight:600}
#cost-matrix .cm-addons {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}
#cost-matrix .cm-addon-choice {display:flex;align-items:center;gap:12px;border:1px solid var(--cm-linea);border-radius:8px;padding:13px 15px;background:#fff;cursor:pointer;transition:border-color .18s,background .18s}
#cost-matrix .cm-addon-choice:has(input:checked) {border-color:#C28D0D;background:color-mix(in srgb,var(--cm-ambar) 12%,#fff)}
#cost-matrix .cm-addon-choice input {width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--cm-azul)}
#cost-matrix .cm-addon-choice strong {display:block;font-size:15px;line-height:1.4;font-weight:600}
#cost-matrix .cm-addon-choice small {display:block;margin-top:5px;font-size:13px;line-height:1.5;color:var(--cm-suave)}
#cost-matrix .cm-plan-status {min-height:36px;font-size:13px;color:var(--cm-suave);padding-bottom:16px}
#cost-matrix .cm-table-shell {margin-top:8px;border:1px solid #DCE4EF;border-top:3px solid #62C2CD;border-radius:18px;overflow:clip;background:#fff;box-shadow:0 12px 36px -20px rgba(23,58,123,.28)}
#cost-matrix .cm-table {border-collapse:collapse;border-spacing:0;width:100%;table-layout:fixed;font-family:var(--cm-sans);font-size:15px;color:#192841}
#cost-matrix .cm-table col:first-child {width:19%}
#cost-matrix .cm-table col:not(:first-child) {width:27%}
#cost-matrix .cm-table th {text-align:left}
#cost-matrix .cm-table thead {background:radial-gradient(ellipse at 100% 0%,rgba(98,194,205,.24),transparent 65%),linear-gradient(115deg,#111C3F,#173A59)}
#cost-matrix .cm-table thead th {padding:25px 18px;background:transparent;color:#F6F8FF;vertical-align:top;border-left:1px solid rgba(255,255,255,.1)}
#cost-matrix .cm-table thead th:first-child {border-left:0;vertical-align:middle}
#cost-matrix .cm-corner {font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:#C2CDE0}
#cost-matrix .cm-intent {font-family:var(--cm-serif);font-size:25px;line-height:1.3;font-weight:400;letter-spacing:-.025em;display:flex;align-items:center;gap:11px;color:#F6F8FF}
#cost-matrix .cm-intent svg {box-sizing:content-box;width:16px;height:16px;padding:7px;border:1px solid rgba(98,194,205,.25);border-radius:9px;background:rgba(98,194,205,.09);color:#96DEE4}
#cost-matrix .cm-intent-description {display:block;font-size:13px;font-weight:400;color:#C2D5E0;margin-top:10px;line-height:1.45;font-family:var(--cm-sans)}
#cost-matrix .cm-table tbody th {padding:20px 17px;vertical-align:top;background:linear-gradient(120deg,#F0F5FA,#F8FAFC);border-top:1px solid #DCE4EF}
#cost-matrix .cm-row-icon {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:#26738B;background:#fff;border:1px solid #DDE8EF;border-radius:11px;box-shadow:0 2px 4px rgba(23,58,123,.03);margin-bottom:11px}
#cost-matrix .cm-row-name {display:block;font-family:var(--cm-sans);font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.45;color:#192841}
#cost-matrix .cm-row-caption {display:block;font-size:13px;color:#5C6C82;margin-top:6px;line-height:1.5;font-family:var(--cm-sans)}
#cost-matrix .cm-table td {padding:17px 12px;vertical-align:top;background:#fff;border-top:1px solid #DCE4EF;border-left:1px solid #E7ECF2}
#cost-matrix .cm-cell-content {display:flex;flex-direction:column;gap:8px}
#cost-matrix .cm-view {display:block;width:100%;font-family:inherit;background:#F7F9FC;border:1px solid #EDF1F6;border-radius:10px;color:#192841;line-height:1.5;overflow-wrap:break-word;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
#cost-matrix .cm-view:hover {border-color:#A8CEDA;background:#fff;box-shadow:0 4px 12px rgba(23,58,123,.08);transform:translateY(-1px)}
#cost-matrix .cm-view[open] {border-color:#9FC7D5;background:#fff;box-shadow:inset 3px 0 #62C2CD,0 4px 14px rgba(23,58,123,.06)}
#cost-matrix .cm-view summary {font-family:inherit;cursor:pointer;display:flex;align-items:flex-start;gap:7px;padding:10px;font-size:15px;font-weight:500;list-style:none;min-height:44px;color:#192841;line-height:1.5}
#cost-matrix .cm-view summary::-webkit-details-marker {display:none}
#cost-matrix .cm-view-name {min-width:0;flex:1}
#cost-matrix .cm-plus {display:inline-flex;align-items:center;justify-content:center;width:20px;height:22px;font-size:17px;line-height:1;flex-shrink:0;font-weight:400;color:#718099;transition:transform .2s,color .2s}
#cost-matrix .cm-view:hover .cm-plus,#cost-matrix .cm-view[open] .cm-plus {color:#006BAD}
#cost-matrix .cm-view[open] .cm-plus {transform:rotate(45deg)}
#cost-matrix .cm-tier-badge {font-size:11px;font-weight:500;padding:2px 5px;border:1px solid #DDE6F0;border-radius:5px;line-height:1.45;white-space:nowrap;flex-shrink:0;color:#425D7C;background:#ECF2F8}
#cost-matrix .cm-tier-context {display:block;font-size:13px;font-weight:600;color:#26738B;margin:1px 12px 7px}
#cost-matrix .cm-view p {padding:0 12px 14px;font-size:15px;font-weight:400;color:#526076;line-height:1.65}
#cost-matrix .cm-empty {font-size:14px;padding:9px;color:#657489}
#cost-matrix .cm-mobile-intent {display:none}
#cost-matrix .cm-plan-note {margin-top:16px;font-size:13px;line-height:1.6;color:var(--cm-tenue);text-align:center;padding-inline:15px}
#cost-matrix .cm-footer {display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:28px;padding:24px 0 28px;border-top:1px solid var(--cm-linea2);font-size:12px;color:var(--cm-tenue)}
#cost-matrix .cm-footer strong {color:var(--cm-ink);font-weight:600}
#cost-matrix svg {flex-shrink:0}
@media (max-width:800px) {
  #cost-matrix .cm-wrap {padding-inline:18px}
  #cost-matrix .cm-nav-label {display:none}
  #cost-matrix .cm-table col:first-child {width:20%}
  #cost-matrix .cm-table col:not(:first-child) {width:26.666%}
  #cost-matrix .cm-intent {font-size:21px;gap:7px}
  #cost-matrix .cm-intent svg {padding:4px;border-radius:7px}
  #cost-matrix .cm-table thead th {padding-inline:12px}
  #cost-matrix .cm-table tbody th {padding-inline:12px}
  #cost-matrix .cm-table td {padding-inline:6px}
  #cost-matrix .cm-view summary {padding-inline:6px}
  #cost-matrix .cm-row-name {font-size:16px}
}
@media (max-width:580px) {
  #cost-matrix .cm-wrap {padding-inline:16px}
  #cost-matrix .cm-nav {min-height:63px}
  #cost-matrix .cm-brand {gap:12px}
  #cost-matrix .cm-brand-caption {font-size:12px;padding-left:12px}
  #cost-matrix .cm-hero {padding-top:34px}
  #cost-matrix h1 {font-size:33px;line-height:1.22}
  #cost-matrix .cm-eyebrow {font-size:11px;letter-spacing:.12em}
  #cost-matrix .cm-plans {grid-template-columns:repeat(2,minmax(0,1fr))}
  #cost-matrix .cm-plan {padding:12px}
  #cost-matrix .cm-addons {grid-template-columns:1fr}
  #cost-matrix .cm-table,#cost-matrix .cm-table tbody,#cost-matrix .cm-table tr,#cost-matrix .cm-table tbody th,#cost-matrix .cm-table tbody td {display:block;width:100%}
  #cost-matrix .cm-table thead,#cost-matrix .cm-table colgroup {display:none}
  #cost-matrix .cm-table tbody tr + tr {border-top:2px solid #DCE4EF}
  #cost-matrix .cm-table tbody th {padding:18px;border:0}
  #cost-matrix .cm-row-icon {float:left;margin:3px 11px 0 0;width:37px;height:37px}
  #cost-matrix .cm-row-name {font-size:18px}
  #cost-matrix .cm-row-caption {font-size:13px}
  #cost-matrix .cm-table tbody td {padding:15px 12px;border-left:0}
  #cost-matrix .cm-mobile-intent {display:flex;gap:9px;align-items:center;color:#173A59;font-family:var(--cm-serif);font-size:20px;font-weight:400;margin:0 8px 12px}
  #cost-matrix .cm-mobile-intent svg {color:#26738B}
  #cost-matrix .cm-view summary {min-height:44px;padding:10px;font-size:15px}
  #cost-matrix .cm-plan-note {padding:0;text-align:left}
}
@media (pointer:coarse) {#cost-matrix .cm-view summary {min-height:44px}}
@media (prefers-reduced-motion:reduce) {#cost-matrix * {transition:none!important;animation:none!important}}