/*=========================================================
  VARIOS WATUPRO 
  ========================================================= */

/*TABLAS DE TEST WATUPRO*/

/*cabecera*/
.watupro-wrap h4{
    display:block;
    width:100%;
background:#517696;
    color:#fff;
    border-bottom:4px solid #2f4f6b;
    padding:8px 18px !important;
    margin:10px 0 0 0 !important;
    border-radius:10px 10px 0 0;
    box-sizing:border-box;
    font-size:20px;
    font-weight:700;
}

.watupro-wrap .watupro-table thead th {
    background: #517696;
    color: #fff;font-size:12px!important;
}
.watupro-wrap .watupro-table tbody tr:nth-child(even) {
    background: #f8fafc;
}
.watupro-wrap .watupro-table tbody tr:hover {
    background: #e8f1fb;
    transition: background-color .2s;
}
.watupro-wrap .watupro-table td:first-child a {
    text-decoration: none;
}
.watupro-wrap .watupro-table td p {margin: 0;}


/*CAJA FLEXIBLE PARA TEST Y OTROS*/
.watupro-flex {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(330px, 100%), 1fr)) !important;
  gap: 10px;
  padding: 00px 05px 05px 05px;
  box-sizing: border-box;
}
.watupro-quiz-item {
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 3px 3px 10px #bbb;
  padding: 8px;
  border-radius: 8px;