/* FICS Company · estilos propios de /peritaje-telefonos/ (05-11-2026). Se carga después de interior.css, solo en esta página:
   el kit de envío seguro (ilustración SVG y pasos) y el aviso para teléfonos en uso. */

/* El kit: la ilustración a la izquierda y los pasos en columna a la derecha */
.pagina-interior .tel-camino { display: grid; gap: clamp(1.6rem, 4vw, 3rem); align-items: center; margin-top: 0; }
@media (min-width: 900px) { .pagina-interior .tel-camino { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); } }
.pagina-interior .tel-ilus { margin: 0; width: min(100%, 460px); justify-self: center; }
.pagina-interior .tel-ilus svg { display: block; width: 100%; height: auto; border-radius: 22px; box-shadow: 0 24px 54px rgba(12, 26, 51, .22); }
.pagina-interior .tel-pasos { margin-top: 0; }
@media (min-width: 900px) {
  .pagina-interior .tel-pasos { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .pagina-interior .tel-pasos li { display: grid; }
  .pagina-interior .tel-pasos .n { width: 56px; height: 56px; font-size: 1.5rem; }
  .pagina-interior .tel-pasos strong { margin-top: .35rem; }
  .pagina-interior .tel-pasos p { max-width: none; }
  .pagina-interior .tel-pasos li:not(:last-child)::after {
    left: 27px; right: auto; top: 62px; bottom: calc(-1.5rem + 6px);
    border-top: 0; border-left: 2px solid rgba(26, 99, 216, .22);
  }
}
.pagina-interior .tel-nota {
  margin-top: 1.5rem; padding: .9rem 1.1rem;
  background: var(--p-gris); border: 1px solid var(--p-borde); border-radius: 12px;
  font-size: .9rem; line-height: 1.55; color: var(--ink-soft);
}
/* ¿Su teléfono está en uso? → Peritaje informático (a distancia, desde $200.000) */
.pagina-interior .tel-en-uso {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.6rem;
  margin-top: clamp(2rem, 4vw, 2.6rem); padding: 1.2rem 1.4rem;
  background: #f2f7ff; border: 1px solid rgba(26, 99, 216, .25); border-radius: 16px;
}
.pagina-interior .tel-en-uso p { margin: 0; max-width: 62ch; font-size: .98rem; line-height: 1.55; color: var(--ink-soft); }
.pagina-interior .tel-en-uso strong { color: var(--ink); }
.pagina-interior .tel-en-uso .btn { flex: none; }
@media (max-width: 559px) { .pagina-interior .tel-en-uso .btn { width: 100%; justify-content: center; } }
/* Ilustración del kit de envío */
.tel-ilus text { font-family: var(--sans); }
.tel-ilus .k-fondo { fill: var(--p-marino); }
.tel-ilus .k-estuche { fill: #22324d; stroke: #3d5277; stroke-width: 2; }
.tel-ilus .k-evidencia { fill: #f4f7fc; stroke: #c9d5e6; stroke-width: 1.5; }
.tel-ilus .k-faraday { fill: #48566e; }
.tel-ilus .k-antiestatica { fill: rgba(190, 205, 228, .45); stroke: rgba(255, 255, 255, .55); stroke-width: 1.2; stroke-dasharray: 3 3; }
.tel-ilus .k-tel { fill: var(--p-marino); }
.tel-ilus .k-tel-pantalla { fill: #1b2a44; }
.tel-ilus .k-tel-boton { fill: #3d5277; }
.tel-ilus .k-sello { fill: #ffd25a; stroke: #c99a10; stroke-width: 1.2; }
.tel-ilus .k-sello-txt { font-size: 11px; font-weight: 700; fill: #5a4300; }
.tel-ilus .k-etq { font-size: 12.5px; font-weight: 600; fill: var(--ink-soft); }
.tel-ilus .k-etq--claro { fill: rgba(238, 244, 252, .86); }
.tel-ilus .k-gps { fill: #1b355f; stroke: var(--p-celeste); stroke-width: 1.5; }
.tel-ilus .k-gps-luz { fill: #46c878; animation: tel-latido 1.6s ease-in-out infinite; }
.tel-ilus .k-onda { fill: none; stroke: var(--p-celeste); stroke-width: 2; stroke-linecap: round; animation: tel-latido 2.4s ease-in-out infinite; }
.tel-ilus .k-ruta { fill: none; stroke: rgba(125, 180, 255, .6); stroke-width: 2; stroke-dasharray: 5 5; }
.tel-ilus .k-pin { fill: var(--p-celeste); }
.tel-ilus .k-pin-centro { fill: var(--p-marino); }
/* En celular la ilustración se achica: sus textos suben para seguir legibles */
@media (max-width: 559px) {
  .tel-ilus .k-etq { font-size: 13.5px; }
  .tel-ilus .k-sello-txt { font-size: 12.5px; }
}
@keyframes tel-latido { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) {
  .tel-ilus .k-gps-luz, .tel-ilus .k-onda { animation: none; }
}