:root {
  --accent: 136, 58, 234;
  --accent-light: 224, 204, 250;
  --accent-dark: 49, 10, 101;
  --accent-gradient: linear-gradient(
    45deg,
    rgb(var(--accent)),
    rgb(var(--accent-light)) 30%,
    white 60%
  );
}

@font-face {
  font-family: 'Brandon';
  src: url('/apps/abbott/tirocare-control/font/Brandon_reg.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon';
  src: url('/apps/abbott/tirocare-control/font/Brandon_blk.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon';
  src: url('/apps/abbott/tirocare-control/font/Brandon_light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}



*, *::before, *::after {
  box-sizing: border-box;
}

html {
  background: #121213;
  font-family: 'Brandon', sans-serif !important;
  font-size: 16px;
}

body{
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background: rgb(146,16,88);
  background: linear-gradient(45deg, rgba(146,16,88,1) 5%, rgba(71,15,86,1) 39%, rgba(52,25,92,1) 51%, rgba(30,50,113,1) 62%, rgba(17,125,189,1) 95%);
}

#pacientes article:not(:last-child){
  border-right: 2px solid #f6b418;
}

.campo label::before{
  content: "*";
  font-size: 1.2em; 
  line-height: 1.2em; 
  margin-right: 10px;
}

#mariposa-tiroides{
  background-position:90% 120%; 
  background-repeat:no-repeat; 
  background-size: 100%;
}

/* Pantallas medianas: 768px y mayores */
@media (min-width: 768px) {
  #mariposa-tiroides{
    background-position:90% 130%; 
  }
}

/* Pantallas grandes: 1024px y mayores */
@media (min-width: 1024px) {
  #mariposa-tiroides{
    background-position:90% 120%; 
    background-repeat:no-repeat; 
    background-size: 800px;
  }
}

/* Pantallas extra grandes: 1440px y mayores */
@media (min-width: 1440px) {
  #mariposa-tiroides{
    background-position:90% 200%; 
    background-repeat:no-repeat; 
    background-size: 900px;
  }
}

@media (min-width: 1520px) {
  #mariposa-tiroides{
    background-position:90% -50%; 
    background-repeat:no-repeat; 
    background-size:60%;
  }
}