main.cr-page {
  --cr-navy: #0b2c4d;
  --cr-gold: #c8a968;
  --cr-gold-ink: #8b6c2c;
  --cr-marfil: #faf8f3;
  --cr-arena: #f3efe6;
  --cr-text: #4a5568;
  --cr-text-2: #5b6b80;
  --cr-linea: rgba(11, 44, 77, 0.12);
  --cr-linea-oro: rgba(200, 169, 104, 0.55);
  --cr-1: 8px;
  --cr-2: 12px;
  --cr-3: 16px;
  --cr-4: 24px;
  --cr-5: 32px;
  --cr-6: 48px;
  --cr-sec: clamp(64px, 7vw, 96px);
  --cr-lateral: 360px;
  --cr-calle: clamp(40px, 5.5vw, 88px);
  --cr-sangria: 64px;
  --cr-radio: 12px;
  --cr-sombra: 0 1px 2px rgba(11, 44, 77, 0.04), 0 8px 24px rgba(11, 44, 77, 0.06);
  --cr-sombra-alta: 0 2px 4px rgba(11, 44, 77, 0.05), 0 16px 36px rgba(11, 44, 77, 0.09);
  --cr-cab: 80px;
  display: block;
  background: #fff;
  color: var(--cr-text);
}
.cr-in {
  width: min(var(--max-w, 1200px), calc(100% - var(--side, 16px) * 2));
  margin-inline: auto;
}
main.cr-page :focus-visible {
  outline: 2px solid var(--cr-gold-ink);
  outline-offset: 3px;
  border-radius: 4px;
}
.cr-eyebrow,
.cr-caso__etiqueta,
.cr-ficha__rotulo,
.cr-tarjeta__ruta,
.cr-contar__alt {
  font: 600 0.74rem/1.4 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cr-text-2);
}
.cr-eyebrow {
  display: flex;
  align-items: center;
  gap: var(--cr-2);
  margin: 0 0 var(--cr-3);
}
.cr-eyebrow::before {
  content: "";
  width: 24px;
  height: 1px;
  flex-shrink: 0;
  background: var(--cr-gold);
}
.cr-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid var(--cr-linea-oro);
  color: var(--cr-gold-ink);
  background: #fff;
}
.cr-ico svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
main.cr-page a.cr-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-height: 44px;
  color: var(--cr-navy);
  font: 600 0.95rem/1.3 var(--font-body);
  text-decoration: underline;
  text-decoration-color: rgba(200, 169, 104, 0.8);
  text-underline-offset: 5px;
  transition: text-decoration-color 200ms ease;
}
main.cr-page a.cr-link:hover { text-decoration-color: var(--cr-gold-ink); }
main.cr-page em {
  font-style: italic;
  font-weight: 500;
  color: var(--cr-gold-ink);
}
.cr-hero {
  padding: var(--cr-5) 0 var(--cr-sec);
  background: var(--cr-marfil);
  border-bottom: 1px solid var(--cr-linea);
}
.cr-migas ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 var(--cr-5);
  padding: 0;
  list-style: none;
  font: 500 0.82rem/1.4 var(--font-body);
  color: var(--cr-text);
}
.cr-migas li { display: inline-flex; align-items: center; }
.cr-migas li + li::before {
  content: "›";
  margin: 0 0.55rem;
  color: var(--cr-gold-ink);
}
.cr-migas a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: var(--cr-navy);
  text-decoration: underline;
  text-decoration-color: rgba(200, 169, 104, 0.8);
  text-underline-offset: 4px;
}
.cr-migas [aria-current="page"] { color: var(--cr-text); font-weight: 600; }
.cr-hero h1 {
  margin: 0;
  max-width: 21ch;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: clamp(2.1rem, 1.35rem + 2.6vw, 3.3rem);
  line-height: 1.08;
  letter-spacing: -0.018em;
  color: var(--cr-navy);
  text-wrap: balance;
}
.cr-hero h1::after { display: none; }
.cr-hero__cab {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--cr-lateral);
  gap: var(--cr-4) var(--cr-calle);
  align-items: end;
}
.cr-hero__lead {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--cr-text);
}
main.cr-page .cr-hero__confianza {
  margin: var(--cr-2) 0 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--cr-text-2);
}
.cr-indice {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--cr-4);
  margin: var(--cr-6) 0 0;
  padding: 0;
  list-style: none;
}
.cr-indice--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cr-indice--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cr-tarjeta {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: var(--cr-4) var(--cr-4) var(--cr-1);
  background: #fff;
  border: 1px solid var(--cr-linea);
  border-radius: var(--cr-radio);
  box-shadow: var(--cr-sombra);
  transition: transform 220ms var(--ease), box-shadow 220ms ease, border-color 220ms ease;
}
.cr-tarjeta:hover,
.cr-tarjeta:focus-within {
  transform: translateY(-3px);
  border-color: var(--cr-linea-oro);
  box-shadow: var(--cr-sombra-alta);
}
.cr-tarjeta p { margin: 0; }
.cr-tarjeta__top {
  display: flex;
  align-items: center;
  gap: var(--cr-2);
}
main.cr-page .cr-tarjeta__perfil {
  margin-top: var(--cr-3);
  font: 600 1.125rem/1.3 var(--font-heading);
  color: var(--cr-navy);
  text-wrap: balance;
}
main.cr-page .cr-tarjeta__cifra {
  margin-top: auto;
  padding-top: var(--cr-4);
  font: 600 clamp(2.4rem, 2rem + 1.2vw, 3rem)/1 var(--font-heading);
  letter-spacing: -0.02em;
  color: var(--cr-navy);
  font-variant-numeric: lining-nums tabular-nums;
  border-top: 0;
}
main.cr-page .cr-tarjeta__cifra--texto {
  font-size: clamp(1.6rem, 1.3rem + 0.7vw, 1.9rem);
  line-height: 1.1;
}
main.cr-page .cr-tarjeta__nota {
  margin-top: var(--cr-1);
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cr-text);
}
main.cr-page a.cr-tarjeta__ver {
  display: inline-flex;
  align-items: center;
  gap: var(--cr-1);
  align-self: flex-start;
  min-height: 44px;
  margin-top: var(--cr-3);
  width: 100%;
  border-top: 1px solid var(--cr-linea);
  color: var(--cr-navy);
  font: 600 0.9rem/1 var(--font-body);
  text-decoration: none;
}
main.cr-page a.cr-tarjeta__ver::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--cr-radio);
}
main.cr-page a.cr-tarjeta__ver:focus-visible { outline: none; }
main.cr-page a.cr-tarjeta__ver:focus-visible::after {
  outline: 2px solid var(--cr-gold-ink);
  outline-offset: 3px;
}
.cr-tarjeta__ver svg,
.cr-btn-sec svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cr-tarjeta__ver svg { color: var(--cr-gold-ink); transition: transform 220ms var(--ease); }
.cr-tarjeta:hover .cr-tarjeta__ver svg { transform: translateY(2px); }
.cr-caso {
  padding: var(--cr-sec) 0;
  background: #fff;
  scroll-margin-top: calc(var(--cr-cab) - 8px);
}
.cr-caso--alt { background: var(--cr-marfil); }
.cr-caso + .cr-caso { border-top: 1px solid var(--cr-linea); }
.cr-caso__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--cr-lateral);
  grid-template-areas:
    "head  ficha"
    "cuerpo ficha";
  grid-template-rows: auto 1fr;
  column-gap: var(--cr-calle);
  align-items: start;
}
.cr-caso__head { grid-area: head; }
.cr-caso__cuerpo { grid-area: cuerpo; }
.cr-ficha { grid-area: ficha; }
.cr-caso__etiqueta {
  display: flex;
  align-items: center;
  gap: var(--cr-2);
  margin: 0 0 var(--cr-3);
}
.cr-caso__num { color: var(--cr-gold-ink); }
main.cr-page .cr-caso h2 {
  margin: 0;
  max-width: 22ch;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: clamp(1.75rem, 1.25rem + 1.6vw, 2.4rem);
  line-height: 1.12;
  letter-spacing: -0.015em;
  color: var(--cr-navy);
  text-wrap: balance;
}
main.cr-page .cr-caso h2::after { display: none; }
.cr-ficha {
  position: sticky;
  top: calc(var(--cr-cab) + var(--cr-4));
  padding: var(--cr-4);
  background: #fff;
  border: 1px solid var(--cr-linea);
  border-top: 3px solid var(--cr-gold);
  border-radius: var(--cr-radio);
  box-shadow: var(--cr-sombra);
}
.cr-ficha p { margin: 0; }
.cr-ficha dl { margin: 0; }
.cr-ficha dd { margin: 0; }
.cr-ficha__metrica {
  margin: var(--cr-3) 0 0;
  padding: 0 0 var(--cr-3);
  border-bottom: 1px solid var(--cr-linea);
}
main.cr-page .cr-ficha__cifra {
  font: 600 clamp(3rem, 2.5rem + 1.6vw, 3.9rem)/0.95 var(--font-heading);
  letter-spacing: -0.025em;
  color: var(--cr-navy);
  font-variant-numeric: lining-nums tabular-nums;
}
main.cr-page .cr-ficha__cifra--texto {
  font-size: clamp(1.8rem, 1.5rem + 0.9vw, 2.2rem);
  line-height: 1.08;
}
main.cr-page .cr-ficha__cifra-nota {
  margin-top: var(--cr-1);
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cr-text);
}
.cr-ficha__resumen { display: none; }
.cr-ficha .cr-ficha__perfil {
  display: grid;
  gap: var(--cr-2);
  padding: var(--cr-3) 0;
  border-bottom: 1px solid var(--cr-linea);
}
.cr-ficha__perfil dt {
  font: 600 0.7rem/1.3 var(--font-body);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cr-gold-ink);
}
.cr-ficha__perfil dd {
  margin-top: 2px;
  font-size: 0.9375rem;
  line-height: 1.45;
  color: var(--cr-navy);
}
.cr-ficha__datos > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--cr-3);
  padding: var(--cr-2) 0;
  border-bottom: 1px solid var(--cr-linea);
}
.cr-ficha__datos dt {
  flex-shrink: 0;
  font-size: 0.875rem;
  color: var(--cr-text-2);
}
.cr-ficha__datos dd {
  text-align: right;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--cr-navy);
  font-variant-numeric: tabular-nums;
}
.cr-ficha .cr-sello {
  display: inline-flex;
  align-items: center;
  gap: var(--cr-1);
  margin-top: var(--cr-3);
  padding: 6px var(--cr-2);
  border: 1px solid var(--cr-linea-oro);
  border-radius: 999px;
  background: rgba(200, 169, 104, 0.08);
  font: 500 0.76rem/1.3 var(--font-body);
  color: var(--cr-navy);
}
.cr-sello svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  fill: none;
  stroke: var(--cr-gold-ink);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cr-pasos {
  margin: var(--cr-6) 0 0;
  padding: 0;
  list-style: none;
}
.cr-paso {
  position: relative;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  column-gap: var(--cr-4);
  padding-bottom: var(--cr-5);
}
.cr-paso:last-child { padding-bottom: 0; }
.cr-paso:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 19.5px;
  top: 48px;
  bottom: var(--cr-1);
  width: 1px;
  background: var(--cr-linea-oro);
}
.cr-paso__n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--cr-linea-oro);
  background: #fff;
  font: 600 1.05rem/1 var(--font-heading);
  color: var(--cr-gold-ink);
  font-variant-numeric: lining-nums;
}
.cr-paso--final .cr-paso__n {
  background: var(--cr-navy);
  border-color: var(--cr-navy);
  color: #fff;
}
main.cr-page .cr-paso h3 {
  margin: 7px 0 var(--cr-1);
  font: 600 1.2rem/1.35 var(--font-heading);
  letter-spacing: -0.005em;
  text-transform: none;
  color: var(--cr-navy);
}
main.cr-page .cr-paso h3::after { display: none; }
main.cr-page .cr-paso p {
  margin: 0;
  max-width: 58ch;
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--cr-text);
}
main.cr-page .cr-paso--final p { color: var(--cr-navy); font-weight: 500; }
.cr-porque {
  margin: var(--cr-5) 0 0 var(--cr-sangria);
  padding: var(--cr-4) var(--cr-4) var(--cr-4) calc(var(--cr-4) - 3px);
  border-left: 3px solid var(--cr-gold);
  border-radius: 0 var(--cr-radio) var(--cr-radio) 0;
  background: var(--cr-arena);
  max-width: 40rem;
}
.cr-caso--alt .cr-porque { background: #fff; box-shadow: var(--cr-sombra); }
main.cr-page .cr-porque h3 {
  margin: 0 0 var(--cr-1);
  font: italic 600 1.2rem/1.35 var(--font-heading);
  color: var(--cr-navy);
}
main.cr-page .cr-porque h3::after { display: none; }
main.cr-page .cr-porque p {
  margin: 0;
  max-width: 62ch;
  font-size: 1rem;
  line-height: 1.65;
  color: var(--cr-text);
}
main.cr-page .cr-porque p + p { margin-top: var(--cr-1); font-size: 0.875rem; color: var(--cr-text-2); }
.cr-caso__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--cr-2) var(--cr-5);
  margin: var(--cr-5) 0 0 var(--cr-sangria);
}
main.cr-page a.cr-btn-sec {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 var(--cr-4);
  border: 1.5px solid var(--cr-navy);
  border-radius: 999px;
  color: var(--cr-navy);
  font: 600 0.94rem/1 var(--font-body);
  text-decoration: none;
  transition: background 200ms ease, color 200ms ease;
}
main.cr-page a.cr-btn-sec:hover { background: var(--cr-navy); color: #fff; }
.cr-contar {
  padding: var(--cr-sec) 0;
  background: var(--cr-arena);
  border-top: 1px solid var(--cr-linea-oro);
  scroll-margin-top: calc(var(--cr-cab) - 8px);
}
.cr-contar__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: var(--cr-5) var(--cr-calle);
  align-items: start;
}
main.cr-page .cr-contar h2 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: clamp(1.75rem, 1.25rem + 1.6vw, 2.4rem);
  line-height: 1.12;
  letter-spacing: -0.015em;
  color: var(--cr-navy);
  text-wrap: balance;
}
main.cr-page .cr-contar h2::after { display: none; }
.cr-contar__lead {
  margin: var(--cr-3) 0 0;
  max-width: 44ch;
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--cr-text);
}
.cr-contar__alt {
  margin: var(--cr-5) 0 var(--cr-1);
  padding-top: var(--cr-4);
  border-top: 1px solid var(--cr-linea-oro);
  max-width: 44ch;
}
.cr-contar__vias { margin: 0; padding: 0; list-style: none; }
main.cr-page .cr-form.ez-form {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.cr-form-wrap {
  padding: clamp(24px, 3.2vw, 40px);
  background: #fff;
  border: 1px solid var(--cr-linea);
  border-radius: var(--cr-radio);
  box-shadow: var(--cr-sombra);
}
.cr-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--cr-4) var(--cr-5);
  align-items: end;
}
.cr-form__ancho { grid-column: 1 / -1; }
.pc-q { min-width: 0; }
.cr-form label {
  display: block;
  margin: 0 0 6px;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--cr-navy);
}
.cr-form .cr-opcional { font-weight: 400; color: var(--cr-text-2); }
.cr-form input[type="text"],
.cr-form select {
  width: 100%;
  min-height: 44px;
  padding: 10px 2px;
  border: 0;
  border-bottom: 1.5px solid rgba(11, 44, 77, 0.45);
  border-radius: 0;
  background: transparent;
  font: inherit;
  font-size: 1rem;
  color: var(--cr-navy);
}
.cr-form select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%238b6c2c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 4px center;
  background-size: 16px 16px;
  cursor: pointer;
}
main.cr-page .cr-form input[type="text"]:focus-visible,
main.cr-page .cr-form select:focus-visible {
  outline: none;
  border-bottom: 2px solid var(--cr-navy);
  box-shadow: 0 2px 0 0 var(--cr-gold);
  border-radius: 0;
}
.cr-form input.invalid { border-bottom-color: #b3261e; }
.pc-error { margin: var(--cr-1) 0 0; font-size: 0.86rem; line-height: 1.4; color: #b3261e; }
.pc-error:empty { display: none; }
.pc-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pc-consent {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  column-gap: var(--cr-2);
  margin: var(--cr-5) 0 0;
  padding: 0;
  border: 0;
  background: none;
}
.pc-consent input[type="checkbox"] {
  width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 3px 0 0;
  padding: 0;
  accent-color: var(--cr-gold-ink);
}
.cr-form .pc-consent label { font-size: 0.88rem; font-weight: 400; line-height: 1.5; color: var(--cr-text); }
.pc-consent label a { color: var(--cr-navy); text-decoration: underline; text-decoration-color: rgba(200, 169, 104, 0.8); text-underline-offset: 3px; }
.pc-consent .pc-error { grid-column: 2; }
.cr-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  margin-top: var(--cr-4);
  padding: 0 var(--cr-5);
  border: 1px solid rgba(139, 108, 44, 0.25);
  border-radius: 999px;
  background: var(--cr-gold);
  color: #061d36;
  font: 600 0.98rem/1 var(--font-body);
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(11, 44, 77, 0.14);
  transition: transform 220ms var(--ease), box-shadow 220ms ease, filter 220ms ease;
}
.cr-submit:hover { transform: translateY(-2px); filter: brightness(1.04); box-shadow: 0 14px 30px rgba(11, 44, 77, 0.2); }
.cr-submit:disabled { cursor: default; transform: none; filter: none; opacity: 0.75; }
.cr-form__nota {
  margin: var(--cr-2) 0 0;
  max-width: 52ch;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cr-text-2);
}
.cr-form__aviso { margin: 8px 0 0; max-width: none; font-size: 0.75rem; line-height: 1.5; color: var(--cr-text-2); overflow-wrap: anywhere; }
.cr-form__aviso a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
@media (min-width: 1101px) {
  @supports (grid-template-rows: subgrid) {
    .cr-indice { grid-template-rows: repeat(5, auto); row-gap: 0; }
    .cr-tarjeta { display: grid; grid-row: span 5; grid-template-rows: subgrid; }
    main.cr-page .cr-tarjeta__cifra { align-self: end; }
  }
}
@media (max-width: 1100px) {
  .cr-indice--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
  main.cr-page { --cr-lateral: 320px; --cr-calle: 48px; }
}
@media (max-width: 900px) {
  .cr-hero__cab { grid-template-columns: minmax(0, 1fr); }
  .cr-hero__lead { max-width: 60ch; }
  main.cr-page .cr-hero__confianza { max-width: 64ch; }
  .cr-indice--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cr-caso__grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "head" "ficha" "cuerpo";
    grid-template-rows: auto;
  }
  .cr-ficha { position: static; margin-top: var(--cr-4); }
  .cr-contar__grid { grid-template-columns: minmax(0, 1fr); }
  .cr-ficha__resumen {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cr-2);
    min-height: 44px;
    padding: var(--cr-1) 0;
    border-bottom: 1px solid var(--cr-linea);
    list-style: none;
    font: 600 0.9rem/1.3 var(--font-body);
    color: var(--cr-navy);
    cursor: pointer;
  }
  .cr-ficha__resumen::-webkit-details-marker { display: none; }
  .cr-ficha__resumen::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 4px;
    border-right: 1.6px solid var(--cr-gold-ink);
    border-bottom: 1.6px solid var(--cr-gold-ink);
    transform: translateY(-2px) rotate(45deg);
    transition: transform 200ms ease;
  }
  .cr-ficha__mas[open] > .cr-ficha__resumen::after { transform: translateY(2px) rotate(-135deg); }
}
@media (max-width: 640px) {
  main.cr-page { --cr-sec: 48px; }
  .cr-hero { padding-top: var(--cr-3); }
  .cr-migas ol { margin-bottom: var(--cr-4); }
  .cr-indice,
  .cr-indice--2,
  .cr-indice--3,
  .cr-indice--4 { grid-template-columns: minmax(0, 1fr); gap: var(--cr-3); margin-top: var(--cr-5); }
  .cr-tarjeta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "top    top"
      "perfil cifra"
      "nota   nota"
      "ver    ver";
    column-gap: var(--cr-3);
    padding: var(--cr-3) var(--cr-3) 0;
  }
  .cr-tarjeta__top { grid-area: top; }
  main.cr-page .cr-tarjeta__perfil { grid-area: perfil; margin-top: var(--cr-2); font-size: 1.0625rem; }
  main.cr-page .cr-tarjeta__cifra { grid-area: cifra; align-self: end; margin-top: var(--cr-2); padding-top: 0; font-size: 2.25rem; text-align: right; }
  main.cr-page .cr-tarjeta__cifra--texto { font-size: 1.25rem; max-width: 9ch; }
  main.cr-page .cr-tarjeta__nota { grid-area: nota; }
  main.cr-page a.cr-tarjeta__ver { grid-area: ver; margin-top: var(--cr-2); }
  .cr-ico { width: 36px; height: 36px; }
  .cr-caso__etiqueta { gap: var(--cr-1); font-size: 0.7rem; letter-spacing: 0.12em; }
  .cr-ficha { padding: var(--cr-3); }
  .cr-ficha__metrica { margin-top: var(--cr-2); padding-bottom: var(--cr-2); }
  main.cr-page .cr-ficha__cifra { font-size: 3rem; }
  .cr-ficha .cr-ficha__perfil { gap: var(--cr-1); padding: var(--cr-2) 0; }
  .cr-ficha__perfil > div { display: grid; grid-template-columns: 6.6rem minmax(0, 1fr); column-gap: var(--cr-2); align-items: baseline; }
  .cr-ficha__perfil dd { margin-top: 0; font-size: 0.9rem; }
  .cr-pasos { margin-top: var(--cr-5); }
  .cr-paso { grid-template-columns: 32px minmax(0, 1fr); column-gap: var(--cr-2); padding-bottom: var(--cr-4); }
  .cr-paso__n { width: 32px; height: 32px; font-size: 0.95rem; }
  .cr-paso:not(:last-child)::before { left: 15.5px; top: 40px; }
  main.cr-page .cr-paso h3,
  main.cr-page .cr-porque h3 { font-size: 1.125rem; }
  main.cr-page .cr-paso h3 { margin-top: 3px; }
  main.cr-page .cr-paso p { font-size: 1rem; line-height: 1.65; }
  .cr-porque { margin-left: 0; padding: var(--cr-3) var(--cr-3) var(--cr-3) calc(var(--cr-3) - 3px); }
  .cr-caso__cta { margin-left: 0; flex-direction: column; align-items: stretch; gap: var(--cr-1); margin-top: var(--cr-4); }
  main.cr-page a.cr-btn-sec { justify-content: center; }
  main.cr-page .cr-caso__cta a.cr-link { justify-content: center; }
  .cr-form-wrap { padding: var(--cr-4) var(--cr-3); }
  .cr-form__grid { grid-template-columns: minmax(0, 1fr); gap: var(--cr-3); }
  .cr-submit { width: 100%; }
}
@media (max-width: 390px) {
  html:has(main.cr-page) { --side: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .cr-tarjeta, .cr-tarjeta__ver svg, .cr-submit, .cr-ficha__resumen::after { transition: none; }
  .cr-tarjeta:hover, .cr-tarjeta:focus-within, .cr-submit:hover { transform: none; }
}
main.cr-page a.cr-link span[aria-hidden="true"] { display: inline-block; margin-left: 0.2em; }