/* Diagnóstico de la Ruta del Asociado — [diagnostico_ruta]. Marca del sitio: Cabin / elizeth, #005066, #63C3EA, #EFC822. */
.cdr-root{font-family:Cabin,sans-serif;color:#272727;--p:#005066;--a:#63C3EA;--y:#EFC822;--g:#F7F7F7;--b:#EAEAEA}
.cdr-root *{box-sizing:border-box}
.cdr-card{background:#fff;border-radius:20px;padding:36px 40px;min-height:380px;display:flex;flex-direction:column;justify-content:center}
.cdr-card.cdr-inicio{min-height:0;padding:32px 40px;justify-content:flex-start}
.cdr-prog{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 28px}
.cdr-prog div{font-size:12.5px;font-weight:700;color:#8a949a;text-transform:uppercase;letter-spacing:.03em}
.cdr-prog div i{display:block;height:6px;border-radius:6px;background:var(--b);margin-bottom:6px;overflow:hidden}
.cdr-prog div i b{display:block;height:100%;width:0;background:var(--a);transition:width .25s}
.cdr-prog div.cdr-hecha{color:var(--p)}.cdr-prog div.cdr-hecha i b{width:100%;background:#6BD893}
.cdr-prog div.cdr-actual{color:var(--p)}
.cdr-paso{font-size:14px;font-weight:700;color:var(--p);margin:0 0 10px}
.cdr-paso span{display:inline-block;background:var(--y);border-radius:100px;padding:3px 12px;margin-right:8px;font-size:13px}
.cdr-q{font-family:elizeth,serif;font-size:28px;line-height:38px;color:var(--p);margin:0 0 28px;outline:0}
.cdr-resp{display:flex;gap:16px}
.cdr-resp .cdr-btn{flex:1;font-size:20px;padding:20px;border:2px solid var(--p);background:#fff;color:var(--p)}
.cdr-resp .cdr-btn:hover,.cdr-resp .cdr-btn.cdr-sel{background:var(--p);color:#fff}
.cdr-btn{font-family:Cabin,sans-serif;font-size:16px;font-weight:500;border-radius:16px;padding:14px 26px;border:1px solid transparent;cursor:pointer;line-height:1.2;text-decoration:none;display:inline-block;text-align:center}
.cdr-btn:focus-visible,.cdr-link:focus-visible{outline:3px solid var(--a);outline-offset:2px}
.cdr-go,.cdr-wa{background:var(--a);color:#fff;align-self:flex-start}
.cdr-go:hover,.cdr-wa:hover{background:#37A4D0;color:#fff}
.cdr-alt{background:#fff;color:var(--p);border-color:var(--p)}
.cdr-link{background:none;border:0;padding:6px 0;color:var(--p);text-decoration:underline;margin-top:20px;align-self:flex-start;cursor:pointer;font-family:Cabin,sans-serif;font-size:16px}
.cdr-link[hidden]{display:none}
.cdr-h{font-family:elizeth,serif;font-weight:400;font-size:30px;line-height:38px;color:var(--p);margin:0 0 12px;outline:0}
.cdr-lead{font-size:17px;line-height:25px;margin:0 0 24px;max-width:640px}
.cdr-top{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.cdr-caja{flex:1 1 240px;background:var(--g);border-radius:16px;padding:20px 22px}
.cdr-caja small{display:block;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#555;text-transform:uppercase}
.cdr-caja strong{display:block;font-family:elizeth,serif;font-weight:400;font-size:28px;line-height:34px;color:var(--p);margin-top:4px}
.cdr-caja.cdr-obj{background:var(--p)}.cdr-caja.cdr-obj small{color:var(--a)}.cdr-caja.cdr-obj strong{color:#fff}
.cdr-est{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.cdr-e{border:1px solid var(--b);border-radius:14px;padding:14px 16px}
.cdr-e b{display:block;font-size:15px;color:var(--p)}
.cdr-e .cdr-pc{font-size:26px;font-weight:700;color:var(--p);line-height:32px}
.cdr-e .cdr-st{font-size:13px;font-weight:700}
.cdr-e.cdr-ok .cdr-st{color:#0a7a4b}.cdr-e.cdr-no .cdr-st{color:#8a6a00}
.cdr-e.cdr-na{background:var(--g);border-style:dashed}.cdr-e.cdr-na .cdr-st{color:#6b757b;font-weight:500}
.cdr-t{height:6px;background:var(--b);border-radius:6px;margin:8px 0}.cdr-t i{display:block;height:100%;border-radius:6px;background:var(--a)}
.cdr-e.cdr-ok .cdr-t i{background:#6BD893}
.cdr-root h4{font-family:Cabin,sans-serif;font-size:18px;font-weight:700;color:var(--p);margin:0 0 8px}
.cdr-root ul{margin:0 0 24px;padding-left:20px}.cdr-root li{margin:0 0 6px;font-size:16px;line-height:22px}
.cdr-cta{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:767px){.cdr-card,.cdr-card.cdr-inicio{padding:24px 18px;min-height:0}.cdr-prog div{font-size:10.5px}.cdr-q{font-size:23px;line-height:31px}.cdr-resp{flex-direction:column;gap:10px}.cdr-est{grid-template-columns:repeat(2,1fr)}.cdr-go,.cdr-btn.cdr-wa,.cdr-btn.cdr-alt{width:100%}.cdr-h{font-size:25px;line-height:32px}}

/* El tema de Coasmedas da color y fondo a todo <button> y <a>: se fijan los nuestros con más especificidad. */
.cdr-root button.cdr-link{background:none!important;color:#005066!important;border:0!important;border-radius:0!important;padding:6px 0!important;text-decoration:underline;box-shadow:none!important}
.cdr-root a.cdr-btn.cdr-alt{background:#fff!important;color:#005066!important;border:1px solid #005066!important}
.cdr-root a.cdr-btn.cdr-alt:hover{background:#005066!important;color:#fff!important}
.cdr-root a.cdr-btn.cdr-wa,.cdr-root button.cdr-go{background:#63C3EA!important;color:#fff!important;border:1px solid transparent!important}
.cdr-root a.cdr-btn.cdr-wa:hover,.cdr-root button.cdr-go:hover{background:#37A4D0!important;color:#fff!important}
.cdr-root .cdr-resp button.cdr-btn{background:#fff!important;color:#005066!important;border:2px solid #005066!important}
.cdr-root .cdr-resp button.cdr-btn:hover,.cdr-root .cdr-resp button.cdr-btn.cdr-sel{background:#005066!important;color:#fff!important}