/* 
.tank-occupation {
display: flex;
align-items: center;
gap: 16px;
margin: 16px 0;
line-height: 1.25;
}

.tank-occupation .img-status {
width: 56px;
height: 56px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: 44px 44px;
box-sizing: border-box;
}


.tank-occupation .text-status p {
margin: 0;
}
.tank-occupation .text-status p:first-child {
color: #7a7a7a;       
font-size: 14px;
}
.tank-occupation .text-status .status {
font-size: 28px;        
font-weight: 600;
}


.tank-occupation.is-available .img-status {
border: 3px solid #2ea24f;
border-color: var(--success) !important;
background-image: url('./assets/tanks_ico_green.png');
}
.tank-occupation.is-available .text-status .status {
color: var(--success) !important;
}


.tank-occupation.is-not-available .img-status {
border: 3px solid #c62828;
border-color: var(--danger) !important;
background-image: url('./assets/tanks_ico_red.png');
}
.tank-occupation.is-not-available .text-status .status {

color: var(--danger) !important;
} */


/* Bloque (alias) */
.tank-occupation{
  display:flex;
  align-items:center;
  gap:16px;
  margin:16px 0;
  line-height:1.25;
}

/* Icono por imagen */
.tqo2-icon{
  width:90px;
  height:90px;
  border-radius:50%;
  background-position:center;
  background-repeat:no-repeat;
  background-size:44px 46px; /* tamaño del pictograma del tanque */
  box-sizing:border-box;
}

/* Texto */
.tqo2-title{
  margin:0 0 2px;
  color:#757575;
}

.tqo2-status{
  margin:0;
  font-size:28px;
  font-weight:600;
}

/* Estado: Disponible */
.tank-occupation.is-available .tqo2-icon{
  border: 3px solid #2ea24f;
  border-color: var(--success) !important;
  background-image: url('./assets/tanks_ico_green.png');
}
.tank-occupation.is-available .tqo2-status {
  color: #2ea24f;
  color: var(--success) !important;
}

/* Estado: No disponible */
.tank-occupation.is-not-available .tqo2-icon{
  border: 3px solid #c62828;
  border-color: var(--danger) !important;
  background-image: url('./assets/tanks_ico_red.png');
}
.tank-occupation.is-not-available .tqo2-status{
  /* color: #c62828; */
  color: var(--danger) !important;
}