/* Minification failed. Returning unminified contents.
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,34): run-time error CSS1039: Token not allowed after unary operator: '-fondo'
(33,53): run-time error CSS1039: Token not allowed after unary operator: '-tinta'
(33,78): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(34,62): run-time error CSS1039: Token not allowed after unary operator: '-display'
(39,47): run-time error CSS1039: Token not allowed after unary operator: '-teal'
(43,29): run-time error CSS1039: Token not allowed after unary operator: '-ancho'
(45,35): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(45,114): run-time error CSS1039: Token not allowed after unary operator: '-azul-liga'
(48,27): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(51,1): run-time error CSS1031: Expected selector, found '@media'
(51,1): run-time error CSS1025: Expected comma or open brace, found '@media'
(54,26): run-time error CSS1039: Token not allowed after unary operator: '-marino'
(54,46): run-time error CSS1039: Token not allowed after unary operator: '-sobre-marino'
(59,43): run-time error CSS1039: Token not allowed after unary operator: '-display'
(61,50): run-time error CSS1039: Token not allowed after unary operator: '-teal'
(62,98): run-time error CSS1039: Token not allowed after unary operator: '-sobre-marino'
(68,73): run-time error CSS1039: Token not allowed after unary operator: '-display'
(69,35): run-time error CSS1039: Token not allowed after unary operator: '-teal'
(70,52): run-time error CSS1039: Token not allowed after unary operator: '-marino'
(71,69): run-time error CSS1039: Token not allowed after unary operator: '-sobre-marino'
(75,37): run-time error CSS1039: Token not allowed after unary operator: '-teal'
(75,61): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(79,111): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(82,60): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(83,35): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(83,70): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(85,29): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(85,71): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(86,92): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(86,122): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(93,30): run-time error CSS1039: Token not allowed after unary operator: '-fondo'
(95,44): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(105,58): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(106,59): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(107,59): run-time error CSS1039: Token not allowed after unary operator: '-ambar'
(108,60): run-time error CSS1039: Token not allowed after unary operator: '-verde'
(109,60): run-time error CSS1039: Token not allowed after unary operator: '-azul-liga'
(110,49): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(111,51): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(112,51): run-time error CSS1039: Token not allowed after unary operator: '-ambar'
(113,51): run-time error CSS1039: Token not allowed after unary operator: '-verde'
(114,51): run-time error CSS1039: Token not allowed after unary operator: '-azul-liga'
(116,43): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(123,113): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(124,58): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(125,35): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(125,116): run-time error CSS1039: Token not allowed after unary operator: '-azul-liga'
(126,44): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(131,29): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(133,114): run-time error CSS1039: Token not allowed after unary operator: '-fondo'
(133,144): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(134,36): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(134,90): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(135,36): run-time error CSS1039: Token not allowed after unary operator: '-display'
(137,33): run-time error CSS1039: Token not allowed after unary operator: '-verde'
(139,36): run-time error CSS1039: Token not allowed after unary operator: '-ambar'
(141,34): run-time error CSS1039: Token not allowed after unary operator: '-rojo'
(142,35): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(142,70): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(144,30): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(144,111): run-time error CSS1039: Token not allowed after unary operator: '-marino-2'
(144,138): run-time error CSS1039: Token not allowed after unary operator: '-fondo'
(144,168): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(145,46): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(147,88): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(147,118): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(151,31): run-time error CSS1039: Token not allowed after unary operator: '-fondo'
(152,36): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(152,69): run-time error CSS1039: Token not allowed after unary operator: '-azul-liga'
(154,43): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(160,50): run-time error CSS1039: Token not allowed after unary operator: '-teal'
(161,50): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(162,37): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(162,71): run-time error CSS1039: Token not allowed after unary operator: '-marino-2'
(162,98): run-time error CSS1039: Token not allowed after unary operator: '-fondo'
(163,36): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(163,114): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(164,39): run-time error CSS1039: Token not allowed after unary operator: '-display'
(165,46): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(167,46): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(167,100): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(173,44): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(175,34): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(175,67): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(175,125): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(177,27): run-time error CSS1039: Token not allowed after unary operator: '-marino-hondo'
(177,53): run-time error CSS1039: Token not allowed after unary operator: '-sobre-marino'
(179,36): run-time error CSS1039: Token not allowed after unary operator: '-teal'
(189,43): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(189,97): run-time error CSS1039: Token not allowed after unary operator: '-sobre-marino-suave'
(194,42): run-time error CSS1039: Token not allowed after unary operator: '-marino-hondo'
(195,40): run-time error CSS1039: Token not allowed after unary operator: '-display'
(196,48): run-time error CSS1039: Token not allowed after unary operator: '-sobre-marino'
(204,49): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(204,128): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(206,85): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(206,115): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(210,39): run-time error CSS1039: Token not allowed after unary operator: '-fondo'
(212,45): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(214,27): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(223,50): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(223,103): run-time error CSS1039: Token not allowed after unary operator: '-azul-liga'
(223,164): run-time error CSS1039: Token not allowed after unary operator: '-marino-2'
(225,45): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(226,52): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(226,87): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(228,25): run-time error CSS1039: Token not allowed after unary operator: '-marino'
(234,43): run-time error CSS1039: Token not allowed after unary operator: '-sobre-marino'
(235,31): run-time error CSS1039: Token not allowed after unary operator: '-fondo'
(237,36): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(237,69): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(239,50): run-time error CSS1039: Token not allowed after unary operator: '-mono'
(239,131): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(240,41): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(240,65): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(240,140): run-time error CSS1039: Token not allowed after unary operator: '-tinta-suave'
(241,65): run-time error CSS1039: Token not allowed after unary operator: '-marino'
(243,1): run-time error CSS1031: Expected selector, found '@media'
(243,1): run-time error CSS1025: Expected comma or open brace, found '@media'
(246,67): run-time error CSS1039: Token not allowed after unary operator: '-linea'
(246,91): run-time error CSS1039: Token not allowed after unary operator: '-fondo'
 */
/* Crono | Software para microfinancieras
   Estilos de la pagina /Microfinanciera. Todo va dentro de #crono para no
   chocar con bootstrapDC.css ni con Bootstrap. */

#crono {
    --fondo:#ffffff;
    --superficie:#F2F5F8;
    --superficie-2:#E4EAF0;
    --linea:#D3DCE4;
    --tinta:#0E1620;
    --tinta-suave:#55636F;

    --marino:#0B2A5C;
    --marino-2:#123C77;
    --marino-hondo:#071D41;
    --sobre-marino:#D5E2EF;
    --sobre-marino-suave:#8AA3BF;
    --teal:#12B2A0;
    --azul-liga:#1B6CB5;

    --naranja:#F6921E;
    --verde:#1E9E6A;
    --ambar:#D08700;
    --rojo:#C4432B;

    --display:'Archivo','Segoe UI',Arial,sans-serif;
    --texto:'Source Sans 3','Segoe UI',Arial,sans-serif;
    --mono:'IBM Plex Mono','Consolas',monospace;

    --ancho:1160px;
  }
#crono * {box-sizing:border-box}
#crono {margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--texto);font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased}
#crono h1, #crono h2, #crono h3, #crono h4 {font-family:var(--display);margin:0;line-height:1.13;letter-spacing:-.015em;text-wrap:balance}
#crono p {margin:0}
#crono ul {margin:0;padding:0;list-style:none}
#crono a {color:inherit}
#crono img {max-width:100%;display:block}
#crono :focus-visible {outline:2px solid var(--teal);outline-offset:3px}
@media (prefers-reduced-motion: reduce){
  #crono * {animation:none!important;transition:none!important}
}
#crono .env {max-width:var(--ancho);margin:0 auto;padding:0 24px}
#crono .seccion {padding:86px 0}
#crono .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--azul-liga);display:block;margin-bottom:14px}
#crono h2.tit {font-size:clamp(28px,3.5vw,40px);font-weight:600}
#crono .medida {max-width:64ch}
#crono .plomo {color:var(--tinta-suave)}
#crono /* aviso */
#crono /* cabecera DevCore */
@media (max-width:900px){
}
#crono /* hero */
  .hero {background:var(--marino);color:var(--sobre-marino);position:relative;overflow:hidden;padding:70px 0 0}
#crono .hero::before {content:"";position:absolute;inset:-40% 40% auto -10%;height:640px;background:radial-gradient(closest-side,rgba(18,178,160,.18),transparent 70%);pointer-events:none}
#crono .hero .env {position:relative;z-index:1}
#crono .logo-crono {display:flex;align-items:center;gap:12px;margin-bottom:26px}
#crono .logo-crono svg {flex:none}
#crono .logo-crono .txt {font-family:var(--display);font-weight:700;font-size:30px;color:#fff;letter-spacing:.01em}
#crono .hero h1 {font-size:clamp(34px,4.7vw,54px);font-weight:700;color:#fff;max-width:19ch}
#crono .hero h1 em {font-style:normal;color:var(--teal)}
#crono .hero .bajada {margin-top:20px;font-size:18.5px;font-weight:300;max-width:56ch;color:var(--sobre-marino)}
#crono .hero-fila {display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:end}
@media (max-width:980px){
  #crono .hero-fila {grid-template-columns:1fr;gap:32px}
}
#crono .acciones {display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
#crono .btn {display:inline-block;text-decoration:none;font-family:var(--display);font-weight:600;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;padding:14px 26px;border-radius:4px;transition:.2s}
#crono .btn-teal {background:var(--teal);color:#052F2B}
#crono .btn-teal:hover {background:#fff;color:var(--marino)}
#crono .btn-linea {border:1px solid rgba(213,226,239,.4);color:var(--sobre-marino)}
#crono .btn-linea:hover {border-color:#fff;background:rgba(255,255,255,.07)}
#crono .hero-lista li {display:flex;gap:10px;padding:9px 0;border-bottom:1px solid rgba(213,226,239,.14);font-size:14.5px;font-weight:300}
#crono .hero-lista li:first-child {border-top:1px solid rgba(213,226,239,.14)}
#crono .hero-lista .tic {color:var(--teal);font-family:var(--mono);font-size:12px;padding-top:3px}
#crono .hero-shot {margin-top:56px;padding-bottom:0}
#crono /* marcos */
  .marco {border-radius:7px 7px 0 0;overflow:hidden;box-shadow:0 -8px 60px -20px rgba(0,0,0,.55);background:#1A242F}
#crono .marco.suelto {border-radius:7px;box-shadow:0 22px 46px -24px rgba(11,42,92,.45);border:1px solid var(--linea)}
#crono .marco-barra {display:flex;align-items:center;gap:8px;padding:9px 14px;background:#16202B}
#crono .marco-barra .pt {width:9px;height:9px;border-radius:50%;background:#3A4753}
#crono .marco-barra .nom {margin-left:8px;font-family:var(--mono);font-size:11px;color:#8AA3BF;letter-spacing:.05em}
#crono .pie-img {font-family:var(--mono);font-size:11.5px;color:var(--tinta-suave);letter-spacing:.04em;margin-top:10px}
#crono /* módulos */
  .modulos {background:var(--superficie);border-bottom:1px solid var(--linea)}
#crono .mod-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea);margin-top:36px}
@media (max-width:900px){
  #crono .mod-grid {grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  #crono .mod-grid {grid-template-columns:1fr}
}
#crono .mod {background:var(--fondo);padding:20px 20px 22px}
#crono .mod h3 {font-size:16px;font-weight:600;margin-bottom:5px}
#crono .mod p {font-size:13.5px;color:var(--tinta-suave);line-height:1.55}
#crono /* ciclo */
  .ciclo {display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px}
@media (max-width:860px){
  #crono .ciclo {grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  #crono .ciclo {grid-template-columns:1fr}
}
#crono .paso {padding-right:22px}
#crono .paso .est {display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:99px;margin-bottom:12px}
#crono .est.e1 {background:rgba(85,99,111,.14);color:var(--tinta-suave)}
#crono .est.e2 {background:rgba(208,135,0,.16);color:var(--ambar)}
#crono .est.e3 {background:rgba(30,158,106,.16);color:var(--verde)}
#crono .est.e4 {background:rgba(27,108,181,.14);color:var(--azul-liga)}
#crono .paso .barra {height:3px;background:var(--linea);margin-bottom:16px}
#crono .paso:nth-child(1) .barra {background:var(--tinta-suave)}
#crono .paso:nth-child(2) .barra {background:var(--ambar)}
#crono .paso:nth-child(3) .barra {background:var(--verde)}
#crono .paso:nth-child(4) .barra {background:var(--azul-liga)}
#crono .paso h3 {font-size:16.5px;font-weight:600;margin-bottom:6px}
#crono .paso p {font-size:14px;color:var(--tinta-suave)}
#crono /* dos columnas img + texto */
  .dosc {display:grid;grid-template-columns:1.25fr .75fr;gap:52px;align-items:center;margin-top:40px}
#crono .dosc.inv {grid-template-columns:.75fr 1.25fr}
@media (max-width:960px){
  #crono .dosc, #crono .dosc.inv {grid-template-columns:1fr;gap:34px}
}
#crono .prop li {display:grid;grid-template-columns:150px 1fr;gap:16px;padding:13px 0;border-top:1px solid var(--linea)}
#crono .prop li:last-child {border-bottom:1px solid var(--linea)}
#crono .prop .k {font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--azul-liga);padding-top:3px}
#crono .prop .v {font-size:15px;color:var(--tinta-suave)}
@media (max-width:560px){
  #crono .prop li {grid-template-columns:1fr;gap:3px}
}
#crono /* cartera */
  .cartera {background:var(--superficie)}
#crono .tramos {display:flex;gap:4px;margin-top:34px;flex-wrap:wrap}
#crono .tramo {flex:1 1 62px;min-width:62px;border-radius:3px;padding:10px 8px;text-align:center;background:var(--fondo);border:1px solid var(--linea)}
#crono .tramo .t {font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--tinta-suave)}
#crono .tramo .p {font-family:var(--display);font-weight:600;font-size:15px;margin-top:3px;font-variant-numeric:tabular-nums}
#crono .tramo.ok {background:rgba(30,158,106,.1);border-color:rgba(30,158,106,.3)}
#crono .tramo.ok .p {color:var(--verde)}
#crono .tramo.tibio {background:rgba(208,135,0,.09);border-color:rgba(208,135,0,.28)}
#crono .tramo.tibio .p {color:var(--ambar)}
#crono .tramo.mal {background:rgba(196,67,43,.09);border-color:rgba(196,67,43,.28)}
#crono .tramo.mal .p {color:var(--rojo)}
#crono .leyenda {font-family:var(--mono);font-size:11.5px;color:var(--tinta-suave);margin-top:12px;letter-spacing:.03em}
#crono .frecs {display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:30px}
#crono .fr {font-family:var(--mono);font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--marino-2);background:var(--fondo);border:1px solid var(--linea);border-radius:99px;padding:5px 13px}
#crono .fr-nota {font-size:13.5px;color:var(--tinta-suave);flex:1 1 300px;min-width:260px}
#crono /* complementos */
  .comp-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea);margin-top:34px}
@media (max-width:860px){
  #crono .comp-grid {grid-template-columns:1fr}
}
#crono .comp {background:var(--fondo);padding:22px 20px}
#crono .comp .id {font-family:var(--mono);font-size:11px;color:var(--azul-liga);letter-spacing:.04em}
#crono .comp h4 {font-size:16.5px;font-weight:600;margin:8px 0 6px}
#crono .comp p {font-size:14px;color:var(--tinta-suave)}
#crono /* comercial */
  .precio {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
@media (max-width:900px){
  #crono .precio {grid-template-columns:1fr}
}
#crono .plan:nth-child(2) {border-top-color:var(--teal)}
#crono .plan:nth-child(3) {border-top-color:var(--linea)}
#crono .plan {border:1px solid var(--linea);border-top:3px solid var(--marino-2);background:var(--fondo);padding:26px 24px}
#crono .plan .et {font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave)}
#crono .plan .cifra {font-family:var(--display);font-weight:700;font-size:34px;margin:10px 0 4px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
#crono .plan .sub {font-size:14px;color:var(--tinta-suave)}
#crono .plan ul {margin-top:18px}
#crono .plan li {font-size:14.5px;color:var(--tinta-suave);padding:6px 0;border-top:1px solid var(--linea)}
#crono .ind-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
@media (max-width:860px){
  #crono .ind-grid {grid-template-columns:1fr}
}
#crono .ind h3 {font-size:17.5px;font-weight:600;margin-bottom:8px}
#crono .ind p {font-size:14.5px;color:var(--tinta-suave)}
#crono .ind ul {margin-top:11px}
#crono .ind li {font-family:var(--mono);font-size:12px;color:var(--tinta-suave);padding:5px 0;border-bottom:1px dotted var(--linea)}
#crono /* movil */
  .movil {background:var(--marino-hondo);color:var(--sobre-marino)}
#crono .movil h2.tit {color:#fff}
#crono .movil .eyebrow {color:var(--teal)}
#crono .tiras {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
@media (max-width:900px){
  #crono .tiras {grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  #crono .tiras {grid-template-columns:1fr}
}
#crono .tira figure {margin:0}
#crono .tira img {border-radius:14px;border:5px solid #17253C;box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
#crono .tira figcaption {font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--sobre-marino-suave);margin-top:11px;text-transform:uppercase}
#crono .mov-props {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(213,226,239,.16);border:1px solid rgba(213,226,239,.16);margin-top:52px}
@media (max-width:820px){
  #crono .mov-props {grid-template-columns:1fr}
}
#crono .mov-props > div {background:var(--marino-hondo);padding:22px 20px}
#crono .mov-props h4 {font-family:var(--display);font-size:16px;font-weight:600;color:#fff;margin-bottom:6px}
#crono .mov-props p {font-size:14px;color:var(--sobre-marino);font-weight:300}
#crono /* marca blanca */
  .blanca .env {display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}
@media (max-width:960px){
  #crono .blanca .env {grid-template-columns:1fr;gap:34px}
}
#crono .dos-marcas {display:grid;gap:22px}
#crono .dos-marcas figure {margin:0}
#crono .dos-marcas figcaption {font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-suave);margin-top:9px}
#crono /* extras */
  .extras {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea);margin-top:38px}
@media (max-width:820px){
  #crono .extras {grid-template-columns:1fr}
}
#crono .extras > div {background:var(--fondo);padding:24px 22px}
#crono .extras h4 {font-size:16.5px;font-weight:600;margin-bottom:6px}
#crono .extras p {font-size:14px;color:var(--tinta-suave)}
#crono /* fases */
  .fases {background:var(--superficie)}
#crono .lfases {display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px}
@media (max-width:860px){
  #crono .lfases {grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  #crono .lfases {grid-template-columns:1fr}
}
#crono .fase {padding-right:22px}
#crono .fase .mf {display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--azul-liga);padding-bottom:13px;border-bottom:2px solid var(--marino-2);margin-bottom:15px}
#crono .fase h3 {font-size:16px;font-weight:600;margin-bottom:6px}
#crono .fase p {font-size:13.5px;color:var(--tinta-suave)}
#crono .fase .dur {margin-top:9px;font-family:var(--mono);font-size:11.5px;color:var(--tinta-suave)}
#crono /* cta */
  .cta {background:var(--marino)}
#crono .cta .env {display:grid;grid-template-columns:1fr .8fr;gap:52px;align-items:center}
@media (max-width:900px){
  #crono .cta .env {grid-template-columns:1fr;gap:34px}
}
#crono .cta h2 {color:#fff;font-size:clamp(28px,3.4vw,38px);font-weight:600}
#crono .cta p {margin-top:14px;color:var(--sobre-marino);font-weight:300;max-width:46ch}
#crono .form {background:var(--fondo);border-radius:5px;padding:26px;box-shadow:0 22px 44px -24px rgba(0,0,0,.5)}
#crono .form h3 {font-size:17px;font-weight:600;margin-bottom:3px}
#crono .form .nt {font-family:var(--mono);font-size:11px;color:var(--tinta-suave);margin-bottom:18px;letter-spacing:.04em}
#crono .cf {margin-bottom:12px}
#crono .cf label {display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--tinta-suave);margin-bottom:5px}
#crono .cf .caja {border:1px solid var(--linea);background:var(--superficie);border-radius:3px;padding:10px 12px;font-size:14px;color:var(--tinta-suave)}
#crono .form .btn {width:100%;text-align:center;background:var(--marino);color:#fff;margin-top:6px}
#crono /* footer */
@media (max-width:820px){
}
#crono /* notas */
#crono .tw {overflow-x:auto;margin-top:14px;border:1px solid var(--linea);background:var(--fondo)}