/* Copia de brand/brand-landing.css sin comentarios, generada por scripts/sync-brand.sh: no editar acá. */
.cs-logos { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cs-s-4) var(--cs-s-7); }
.cs-logos__label { font-size: var(--cs-t-sm); color: var(--cs-tinta-suave); margin-right: var(--cs-s-2); }
.cs-logos img { height: 34px; width: auto; max-width: 140px; object-fit: contain; filter: grayscale(1); opacity: .7; transition: filter .2s var(--cs-ease), opacity .2s var(--cs-ease); }
.cs-logos img:hover { filter: none; opacity: 1; }
.cs-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--cs-s-6); }
.cs-feature { padding-top: var(--cs-s-5); border-top: 2px solid var(--cs-institucional); }
.cs-feature img { width: 88px; height: 88px; margin-left: -12px; margin-bottom: var(--cs-s-4); }
.cs-feature h3 { font-size: var(--cs-t-lg); }
.cs-feature p { margin-top: var(--cs-s-2); color: var(--cs-tinta-suave); font-size: var(--cs-t-sm); }
.cs-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--cs-s-6); counter-reset: paso; position: relative; }
.cs-step { position: relative; counter-increment: paso; display: flex; flex-direction: column; }
.cs-step__num { display: flex; align-items: center; gap: var(--cs-s-3); margin-bottom: var(--cs-s-4); font-weight: 700; font-size: var(--cs-t-sm); color: var(--cs-accion); }
.cs-step__num::before { content: counter(paso); flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--cs-institucional); color: #fff; font-variant-numeric: tabular-nums; }
.cs-step__num::after { content: ""; flex: 1; height: 2px; background: var(--cs-linea); }
.cs-step:last-child .cs-step__num::after { display: none; }
.cs-step img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--cs-r-tarjeta); }
.cs-step h3 { margin-top: var(--cs-s-5); font-size: var(--cs-t-xl); }
.cs-step p { margin-top: var(--cs-s-2); color: var(--cs-tinta-suave); }
.cs-step .cs-btn--texto { margin-top: var(--cs-s-4); align-self: flex-start; }
.cs-quotes { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--cs-s-5); }
.cs-quotes > .cs-quote { grid-column: span 2; }
.cs-quotes > .cs-quote--destacada { grid-column: 1 / -1; }
@media (min-width: 992px) {
  .cs-quotes > .cs-quote:nth-child(5):nth-last-child(2), .cs-quotes > .cs-quote:nth-child(6):last-child { grid-column: span 3; }
}
.cs-quote { margin: 0; display: flex; flex-direction: column; gap: var(--cs-s-5); padding: var(--cs-s-6); border-radius: var(--cs-r-tarjeta); background: var(--cs-noche-2); border: 1px solid var(--cs-noche-linea); }
.cs-quote blockquote { margin: 0; font-size: var(--cs-t-base); line-height: 1.55; color: #fff; }
.cs-quote figcaption { margin-top: auto; font-size: var(--cs-t-sm); color: var(--cs-noche-texto); }
.cs-quote figcaption b { display: block; color: #fff; }
.cs-quote--destacada { grid-column: 1 / -1; background: transparent; border: 0; padding: 0 0 var(--cs-s-6); border-bottom: 1px solid var(--cs-noche-linea); border-radius: 0; }
.cs-quote--destacada blockquote { font-size: clamp(1.5rem, 2.6vw, var(--cs-t-2xl)); line-height: 1.3; letter-spacing: -0.015em; font-weight: 500; max-width: 46ch; }
.cs-quote--destacada blockquote::before { content: "“"; display: block; font-size: 4rem; line-height: .6; color: var(--cs-sello); margin-bottom: var(--cs-s-3); }
.cs-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--cs-s-5); }
.cs-news .cs-card { padding: 0; overflow: hidden; gap: 0; }
.cs-news .cs-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.cs-news__body { padding: var(--cs-s-5); display: flex; flex-direction: column; gap: var(--cs-s-2); flex: 1; }
.cs-news time { font-size: var(--cs-t-xs); color: var(--cs-tinta-suave); }
.cs-news .cs-card__link { padding-top: var(--cs-s-3); }
.cs-brand .cs-brand__wordmark { height: 40px; padding-left: var(--cs-s-3); border-left: 1px solid var(--cs-linea); box-sizing: content-box; }
@media (max-width: 767px) { .cs-brand .cs-brand__wordmark { height: 32px; } }
@media (max-width: 479px) { .cs-brand .cs-brand__wordmark { height: 26px; } }
@media (max-width: 991px) {
  .cs-features { grid-template-columns: 1fr 1fr; }
  .cs-steps, .cs-news { grid-template-columns: 1fr; gap: var(--cs-s-7); }
  .cs-step__num::after { display: none; }
  .cs-step img { aspect-ratio: 16 / 10; }
  .cs-quotes { grid-template-columns: 1fr 1fr; }
  .cs-quotes > .cs-quote { grid-column: auto; }
  .cs-quotes > .cs-quote--destacada { grid-column: 1 / -1; }
}
@media (max-width: 599px) {
  .cs-features, .cs-quotes { grid-template-columns: 1fr; }
  .cs-logos { gap: var(--cs-s-4) var(--cs-s-5); }
  .cs-logos img { height: 28px; }
}
.cs-footer__social { display: flex; flex-wrap: wrap; gap: var(--cs-s-4); }
.cs-display__problema { display: block; font-weight: 400; }
.cs-hero--corto { padding: var(--cs-s-7) 0 calc(var(--cs-s-9) + var(--cs-s-4)); }
.cs-hero--corto .cs-hero__grid { grid-template-columns: 1fr; }
.cs-hero--corto h1 { font-size: clamp(2rem, 4vw, var(--cs-t-4xl)); max-width: 22ch; }
.cs-hero__logo { display: inline-flex; align-items: center; gap: var(--cs-s-3); margin-bottom: var(--cs-s-5); }
.cs-hero__logo img { height: 56px; width: auto; background: #fff; border-radius: var(--cs-r-campo); padding: 6px; }
.cs-chip--gratis { background: var(--cs-accion); color: #fff; }
.cs-on-noche .cs-chip { background: rgba(255, 255, 255, .1); color: #fff; }
.cs-on-noche .cs-chip--gratis { background: var(--cs-accion); }
.cs-problema { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--cs-s-6); }
.cs-problema__item { display: flex; gap: var(--cs-s-4); align-items: flex-start; }
.cs-problema__item svg { flex: none; width: 44px; height: 44px; padding: 10px; border-radius: 50%; border: 1.5px solid var(--cs-linea); color: var(--cs-institucional); }
.cs-problema__item strong { display: block; color: var(--cs-institucional); font-size: var(--cs-t-lg); line-height: 1.3; }
.cs-problema__item span { display: block; margin-top: var(--cs-s-1); color: var(--cs-tinta-suave); font-size: var(--cs-t-sm); }
.cs-cambio { border: 1px solid var(--cs-linea); border-radius: var(--cs-r-tarjeta); overflow: hidden; background: var(--cs-superficie); }
.cs-cambio__row { display: grid; grid-template-columns: 12rem 1fr 1fr; border-top: 1px solid var(--cs-linea); }
.cs-cambio__row:first-child { border-top: 0; }
.cs-cambio__row > * { padding: var(--cs-s-4) var(--cs-s-5); }
.cs-cambio__row > :first-child { font-weight: 700; color: var(--cs-institucional); }
.cs-cambio__row > :nth-child(2) { color: var(--cs-tinta-suave); }
.cs-cambio__row > :nth-child(3) { background: #F4F9FF; color: var(--cs-institucional); font-weight: 600; }
.cs-cambio .cs-cambio__head > * { font-size: var(--cs-t-sm); font-weight: 700; color: var(--cs-tinta-suave); background: var(--cs-papel); }
.cs-cambio .cs-cambio__head > :nth-child(3) { color: var(--cs-accion); background: #EAF3FD; }
.cs-cambio details { border-top: 1px solid var(--cs-linea); }
.cs-cambio summary { cursor: pointer; padding: var(--cs-s-4) var(--cs-s-5); font-weight: 700; color: var(--cs-accion); font-size: var(--cs-t-sm); }
.cs-cambio details .cs-table-wrap { border: 0; border-radius: 0; border-top: 1px solid var(--cs-linea); }
.cs-trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--cs-s-5); }
.cs-trio .cs-card__head { display: flex; justify-content: space-between; align-items: center; gap: var(--cs-s-3); }
.cs-trio .cs-card__head img { height: 48px; width: auto; }
.cs-trio .cs-card__para { font-size: var(--cs-t-sm); color: var(--cs-tinta-suave); padding-top: var(--cs-s-3); border-top: 1px solid var(--cs-linea); }
.cs-trio .cs-card__para b { color: var(--cs-institucional); }
.cs-trio .cs-card[aria-current="page"] { border-color: var(--cs-accion); box-shadow: inset 0 0 0 1px var(--cs-accion); }
.cs-shot { margin: 0; border-radius: var(--cs-r-tarjeta); overflow: hidden; border: 1px solid var(--cs-noche-linea); background: #fff; box-shadow: 0 24px 60px rgba(0, 0, 0, .35); }
.cs-shot img { width: 100%; height: auto; }
.cs-shots { display: grid; grid-template-columns: 1fr 1fr; gap: var(--cs-s-5); margin-top: var(--cs-s-7); }
.cs-shots .cs-shot { border-color: var(--cs-linea); box-shadow: 0 12px 32px rgba(10, 23, 51, .08); }
.cs-shots figcaption { padding: var(--cs-s-3) var(--cs-s-4); font-size: var(--cs-t-sm); color: var(--cs-tinta-suave); border-top: 1px solid var(--cs-linea); }
.cs-alcance { display: grid; grid-template-columns: 1fr 1fr; gap: var(--cs-s-5); }
.cs-alcance > div { padding: var(--cs-s-6); border-radius: var(--cs-r-tarjeta); border: 1px solid var(--cs-linea); background: var(--cs-superficie); }
.cs-alcance h3 { font-size: var(--cs-t-lg); margin-bottom: var(--cs-s-4); }
.cs-alcance ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--cs-s-3); }
.cs-alcance li { display: flex; gap: var(--cs-s-3); color: var(--cs-tinta-suave); font-size: var(--cs-t-sm); }
.cs-alcance li svg { flex: none; width: 20px; height: 20px; margin-top: 1px; }
.cs-alcance__si li svg { color: var(--cs-ok); }
.cs-alcance__no li svg { color: var(--cs-tinta-suave); }
.cs-checklist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--cs-s-4) var(--cs-s-6); }
.cs-checklist li { display: flex; gap: var(--cs-s-4); padding-top: var(--cs-s-4); border-top: 1px solid var(--cs-linea); }
.cs-checklist li svg { flex: none; width: 24px; height: 24px; color: var(--cs-aviso); }
.cs-checklist strong { display: block; color: var(--cs-institucional); }
.cs-checklist span { display: block; color: var(--cs-tinta-suave); font-size: var(--cs-t-sm); margin-top: 2px; }
.cs-subnav { position: sticky; top: var(--cs-tope); z-index: 40; background: rgba(247, 249, 252, .96); border-bottom: 1px solid var(--cs-linea); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.cs-subnav .cs-wrap { display: flex; gap: var(--cs-s-2); overflow-x: auto; padding-top: var(--cs-s-3); padding-bottom: var(--cs-s-3); scrollbar-width: none; }
.cs-subnav a { flex: none; padding: .45rem .9rem; border-radius: var(--cs-r-chip); font-size: var(--cs-t-sm); font-weight: 600; color: var(--cs-tinta); text-decoration: none; border: 1px solid var(--cs-linea); background: var(--cs-superficie); }
.cs-subnav a:hover { border-color: var(--cs-institucional); color: var(--cs-institucional); }
.cs-band { background: var(--cs-institucional); color: #fff; border-radius: var(--cs-r-hoja); padding: var(--cs-s-8) var(--cs-s-7); text-align: center; }
.cs-band h2 { color: #fff; font-size: clamp(1.75rem, 3vw, var(--cs-t-3xl)); max-width: 26ch; margin: 0 auto; }
.cs-band p { color: #C9D4E8; margin: var(--cs-s-4) auto 0; max-width: 52ch; }
.cs-band .cs-hero__actions { justify-content: center; }
.cs-estado { min-height: 60vh; display: grid; place-items: center; text-align: center; padding: var(--cs-s-9) 0; }
.cs-estado__icon { width: 72px; height: 72px; margin: 0 auto var(--cs-s-5); border-radius: 50%; display: grid; place-items: center; background: #EAF3FD; color: var(--cs-accion); }
.cs-estado__icon svg { width: 34px; height: 34px; }
.cs-estado__code { font-size: clamp(4.5rem, 14vw, 8rem); font-weight: 700; letter-spacing: -0.05em; line-height: .9; color: var(--cs-institucional); }
.cs-estado h1 { font-size: clamp(1.75rem, 3.4vw, var(--cs-t-3xl)); margin-top: var(--cs-s-3); }
.cs-estado p { color: var(--cs-tinta-suave); max-width: 46ch; margin: var(--cs-s-4) auto 0; }
.cs-estado .cs-hero__actions { justify-content: center; }
.cs-contacto { display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--cs-s-7); align-items: start; }
.cs-despues { list-style: none; margin: 0; padding: 0; counter-reset: d; display: grid; gap: var(--cs-s-5); }
.cs-despues li { counter-increment: d; display: grid; grid-template-columns: 36px 1fr; gap: var(--cs-s-4); }
.cs-despues li::before { content: counter(d); width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--cs-institucional); color: #fff; font-weight: 700; }
.cs-despues strong { display: block; color: var(--cs-institucional); }
.cs-despues span { color: var(--cs-tinta-suave); font-size: var(--cs-t-sm); }
.cs-form .form-group { display: grid; gap: var(--cs-s-1); }
.cs-form .form-group label { font-weight: 600; font-size: var(--cs-t-sm); color: var(--cs-institucional); }
.cs-form .form-group input, .cs-form .form-group textarea { width: 100%; min-height: 48px; padding: .7rem .9rem; border-radius: var(--cs-r-campo); border: 1px solid #C8D3E2; background: var(--cs-superficie); color: var(--cs-tinta); font: 400 var(--cs-t-base)/1.4 var(--cs-font); }
.cs-form .form-group textarea { min-height: 130px; resize: vertical; }
.cs-form .form-group input:focus, .cs-form .form-group textarea:focus { outline: none; border-color: var(--cs-accion); box-shadow: 0 0 0 3px rgba(0, 99, 197, .18); }
@media (max-width: 991px) {
  .cs-problema, .cs-trio, .cs-checklist { grid-template-columns: 1fr; gap: var(--cs-s-5); }
  .cs-alcance, .cs-shots, .cs-contacto { grid-template-columns: 1fr; }
  .cs-cambio__row { grid-template-columns: 1fr 1fr; }
  .cs-cambio__row > :first-child { grid-column: 1 / -1; padding-bottom: 0; }
}
@media (max-width: 599px) {
  .cs-cambio__row { grid-template-columns: 1fr; }
  .cs-cambio__row > :nth-child(2) { padding-bottom: var(--cs-s-2); }
  .cs-cambio .cs-cambio__head { display: none; }
  .cs-cambio__row > [data-label]::before { content: attr(data-label) ": "; font-weight: 700; }
  .cs-band { padding: var(--cs-s-7) var(--cs-s-5); border-radius: 24px; }
}
.cs-display:has(.cs-display__problema) { font-size: clamp(2.125rem, 4.2vw, 3.25rem); line-height: 1.08; }
.cs-hoja > .cs-section:first-child { padding-top: var(--cs-s-6); }
.cs-features--3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 991px) { .cs-features--3 { grid-template-columns: 1fr; } }