/*
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500&display=swap');
*/

.bg-pink    {background-color:pink !important;}
.bg-yellow  {background-color:yellow !important;}
.bg-cyan    {background-color:cyan !important;}
.bg-FFF     {background-color:white !important;}

/*
.monosp {font-family:'Roboto', monospace;}
*/

.text-azul    {color: var( --color-azul ) !important}

:root {
  --color-azul: #093d42;
  --color-azul-00: #333333; /* texto */
  --color-azul-01: #333333; /* enlaces */
  --color-alternativo: rgba(219,8,18,1); /* #db0812 */
  --color-alternativo-bg: rgba(219,8,18,.07); /* #db0812 */
  /* */
  --bs-danger-rgb: 134, 36, 0;
  --bs-border-radius: 5px;
  /**/
  --monosp: 'Roboto', monospace;
  /**/
  --bs-danger-rgb: 220,53,69;
}

.has-bootstrap .card-header { background-color: transparent;}
.has-bootstrap .btn-primary {
  background-color: var( --color-azul-01 ) !important;
  border-color: var( --color-azul ) !important;
}
.has-bootstrap .btn-primary:hover,
.has-bootstrap .btn-primary:active,
.has-bootstrap .btn-primary:visited {
  background-color: var( --color-azul-00 ) !important;
}

.has-bootstrap .alert-info {
  --bs-alert-color: #fff;
  --bs-alert-bg: var( --color-azul-01 );
  --bs-alert-border-color: var( --color-azul-00 );
}

.has-bootstrap .rounded-pill { border-radius: 50rem!important;}

.text-azul    {color: var( --color-azul ) !important}
.text-azul-00 {color: var( --color-azul-00 ) !important}
.text-azul-01 {color: var( --color-azul-01 ) !important}

.border-azul    {border:2px solid var( --color-azul ) !important}
.border-azul-00 {border:2px solid var( --color-azul-00 ) !important}
.border-azul-01 {border:2px solid var( --color-azul-01 ) !important}

.bg-azul    {background-color: var( --color-azul ) !important}
.bg-azul-00 {background-color: var( --color-azul-00 ) !important}
.bg-azul-01 {background-color: var( --color-azul-01 ) !important}

.btn-acceso         {background-color:var( --color-azul-00 ) !important; color:white !important}
.btn-acceso:hover,
.btn-acceso:focus   {background-color:var( --color-azul-01 ) !important }

.tw-bolsa   {font-family: 'Work+Sans', Helvetica, Arial, Lucida, sans-serif !important; /* font-weight: lighter; */ }
/* body h2         {font-weight:lighter !important;} */

.tw-bolsa { color: var( --color-azul-00 ) }
.tw-bolsa a { color: var( --color-azul-00 ) }
.tw-bolsa a:hover { color: var( --color-azul-01 ) }

.tw-bolsa h3        {color: var( --color-azul-00 ); font-size:2rem; font-weight: bold; line-height: 1.1em; position:relative;}
.tw-bolsa h3:after  {border-top-color: var( --color-alternativo ); border-top-width: 5px; content:""; left: 0; height:5px; /* bottom: -1.1rem; */
  border-top-style: solid; position: absolute; width: 100%; display:block;}

.tw-bolsa table.datos { min-height: 140px; }

.has-bootstrap .progress {box-shadow: inset 0 0 0 2px white}

.tw-bolsa .tarea-descripcion { line-height: 15px;  font-size: 14px;}