/* Casos de éxito: solo se carga en /casos/. No modifica estilos.css (compartido con las páginas indexadas). */
.cr-cliente{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:28px}
.cr-cliente img{height:64px;width:auto}
.cr-cliente a{color:var(--burdeos);font-weight:500}
.cr-nota{margin-top:14px;font-size:12px;color:var(--gris);opacity:.75}
.cr-icono{width:180px;height:auto;border-radius:36px;box-shadow:0 18px 40px rgba(31,26,28,.18)}
.cr-marca{gap:22px;align-items:center}
.cr-marca img{border-radius:24px;box-shadow:0 10px 28px rgba(31,26,28,.12)}
.cr-serv .num{font-family:var(--serif);color:var(--ocre);font-size:15px}

/* Línea de tiempo animada (SVG inline) */
.cr-ruta{width:100%;height:auto;max-width:1080px;display:block;margin:8px auto 0;overflow:visible}
.cr-linea{fill:none;stroke:var(--burdeos);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.cr-nodo circle{fill:#fff;stroke:var(--ocre);stroke-width:3;transform-box:fill-box;transform-origin:center;transform:scale(.4);opacity:0}
.cr-nodo text{font-family:var(--sans);font-size:17px;fill:var(--tinta);opacity:0}
.cr-ruta.visible .cr-linea{transition:stroke-dashoffset 1.6s ease-out;stroke-dashoffset:0}
.cr-ruta.visible .cr-nodo circle,.cr-ruta.visible .cr-nodo text{transition:transform .45s ease-out,opacity .45s ease-out;transition-delay:calc(var(--i) * .2s);transform:none;opacity:1}
.cr-ruta.visible .cr-nodo circle{fill:var(--ocre)}
@media (max-width:640px){.cr-nodo text{display:none}.cr-ruta{max-width:100%}}

/* Vídeo y capturas */
.cr-video,.cr-fig{margin:0;display:flex;flex-direction:column;gap:10px}
.cr-video{margin:32px 0}
.cr-video video,.cr-fig img{width:100%;height:auto;border-radius:14px;border:1px solid var(--borde);background:var(--suave)}
.cr-video figcaption,.cr-fig figcaption{font-size:14px;color:var(--gris)}
.cr-galeria{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:22px}

@media (prefers-reduced-motion:reduce){
.cr-linea{stroke-dashoffset:0}
.cr-nodo circle,.cr-nodo text{transform:none;opacity:1}
.cr-nodo circle{fill:var(--ocre)}
.cr-ruta.visible .cr-linea,.cr-ruta.visible .cr-nodo circle,.cr-ruta.visible .cr-nodo text{transition:none}
}