@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;600;700&display=swap');

/* basics */
body {font-family: 'Roboto', sans-serif !important; color: #111111; font-optical-sizing: auto;font-size-adjust:0.5; }
a {display:inline-block;}

.absoluta-vertical {-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);}
.absoluta-horizontal {-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);}
.absoluta-total {-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.text-primary {color: #205ca8 !important }
.text-secondary {color: #ff5c10 !important }
/* buttons */
.btn-primary {background-color:#205ca8; border-color:#205ca8}
.btn-secondary {background-color:#ff5c10 ; border-color:#ff5c10 }

.btn-primary:hover {background-color:#444;  }
.btn-secondary {background-color:#transparent; border-color:#000; color:#000}

.border-primary {border-color:#205ca8 !important}
select {cursor:pointer; }

/* tamaño textos */
.fs-icono {  font-size: 1.75rem; }
.ls-neg {    letter-spacing: -0.5px; }
.dropdown a .bi.fs-icono{
  font-size: 28px !important;
  line-height: 1;
  display: inline-block;
}

/* header */
.email-numero{top:-5px; right:-5px}
.menu-user {display:inline-block;width:32px;height:32px;border:2px solid #fff;border-radius:4px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.col-user {display:inline-block;width:32px;height:32px;border:2px solid #fff;border-radius:4px; background-size:cover; background-position:center; background-repeat:no-repeat;}
/* pastilles */

  .nav-pills .nav-link.active {
    background-color: #205ca8 !important;
    color: #fff !important;
  }

  .nav-pills .nav-link:not(.active) {
    background-color: transparent !important;
    color: #205ca8 !important;

  }

 /* taules */

 thead.thead-custom > tr > th {
    background-color: #e9ecef !important;
    color: #000 !important;
  }
  .row-link {
    text-decoration: none;
    color: inherit;
    display: block;
    padding: .5rem 0;
  }


  .row-link:hover {
    background-color: #f3f6fa;
  }


  .no-read {
    background-color: #ffffff;
  }


  .read {
    background-color: #eeeef5;
  }
  .table tr.read > *    { background-color: #eeeef5 !important; }
.table tr.no-read > * { background-color: #ffffff !important; }
.subject-2lines { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* fila del mensaje */
.row-link { 
  position: relative; 
  display: block; 
  padding-right: 92px;   /* sitio para la fecha */
}

/* layout del contenido */
.mail-row { 
  display: flex; 
  align-items: center; 
  gap: .5rem; 
  width: 100%;
}

/* iconos fijos y contenido flexible */
.mail-ico { flex: 0 0 30px; text-align: center; }
.mail-main { flex: 1 1 auto; min-width: 0; } /* permite truncar */
.mail-main small { display:block; }

/* la fecha no ocupa ancho del flex */
.mail-date { 
  position: absolute; 
  right: 12px; 
  top: 50%; 
  transform: translateY(-50%);
  white-space: nowrap;   /* nunca parte la fecha */
  text-align: right;
}

/* opcional: oculta el th “Data” en xs si quieres ganar aire */
@media (max-width: 576px){
  .thead-date { display:none; }
}


/* background */
.bg-primary {background-color:#205ca8 !important;}




img.logo {width:130px}


@media (max-width: 768px) {
.logo-home{text-align:center}
}