@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{

    --btn-color: #fdfdfd;/* button color*/
    --btn-bg: #155eef;/* button bg color*/

    --primary-text-color: #155eef;
    --link-hover: #155eef;
    --input-hover-bd-color: #155eef;
}



html {
    scroll-behavior: smooth;
    font-family: "Roboto", sans-serif;
}

header{
    /* background-color: #fff;
    color: #000; */
}



.primary-text-color{
    color: var(--primary-text-color);
}

@media print {
  body * {
    visibility: hidden !important;
  }

  #printable, #printable * {
    visibility: visible !important;
  }

  #printable {
    position: absolute;
    top: 0;
    left: 0;
    display: flex !important;
    flex-direction: row;
    width: 100%;
    min-height: 100vh;
    background: white;
    padding: 2rem;
    color: black;
    overflow: visible;
  }

  /* Asegúrate de que botones se vean y no se oculten */
  .btn-primary {
    display: inline-block !important;
    background-color: #155eef !important;
    color: white !important;
    padding: 0.5rem 1rem !important;
    text-align: center;
    border-radius: 0.375rem;
    font-size: 0.875rem;
  }

  /* Si el botón tenía display:none en otros contextos, forzamos visibilidad */
  .print\\:tw-hidden {
    display: inline-block !important;
  }

  /* Evita el salto de página dentro de timeline-container */
  .timeline-container {
    page-break-inside: avoid;
  }
}