@font-face {
  font-family: "Montserrat";
  src: url("../webfonts/Montserrat-VariableFont_wght.ttf");
}

@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-Light.ttf");
}
@font-face {
  font-family: "Lato";
  src: url("../webfonts/Lato-Regular.ttf");
}


:has(> tool-tip):hover tool-tip{opacity: 1;}
:has(> tool-tip){position: relative;}
.btn-close-danger {background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23DC3545'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}
.btn-menu-icon {display: none;}
.i-btn-menu-icon{font-size: 30px;}
.i-button {font-size: 20px;}
.imgNoContratar{filter: opacity(0.4) drop-shadow(0 0 0 #bb2d3b);}
.labelLegend{font-family: 'Montserrat', sans-serif;font-size: 24px;}
.lineasub{text-decoration: underline;}
.login {background: #000428;background: -webkit-linear-gradient(to right, #004e92, #000428);background: linear-gradient(to right, #004e92, #000428);}
.menu-item {list-style:none;font-size: 12px; line-height:130%;}
.menu-item:hover {text-decoration: underline #000;}
.nav-gradiente{background-image: linear-gradient(to top, #055df3 20%, #001886 100%);}
.nav-item .nav-link:active,.nav-item .nav-link:focus{outline: 0;font-weight: bold;color:#555;}
.nav-link14 {font-size: 14px;}
.numberNoArrows{appearance: button;margin: 0 !important;}
.ocultaFileButton{display: none;}
.offcanvas-header{font-family: 'Montserrat', sans-serif;}
.rotate.down{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.rotate{-moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;}
.signup {background: #56ab2f;background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);background: linear-gradient(to right, #a8e063, #56ab2f);}
body{font-family: 'Lato', sans-serif;}
h1{font-family: 'Roboto', sans-serif;}
h2{font-family: 'Roboto', sans-serif;}
h3{font-family: 'Roboto', sans-serif;}
h4{font-family: 'Roboto', sans-serif;}
h5{font-family: 'Roboto', sans-serif;}
h6{font-family: 'Roboto', sans-serif;}
legend{font-family: 'Montserrat', sans-serif;}
tool-tip{backdrop-filter: blur(3px);background: rgba(255, 255, 255, 0.2);border-radius: 8px ;border: 1px solid rgba(0,24,134,0.1);box-shadow: 0 0 10 px #000;font-size: .7rem;left: 12.5%;max-width: 300px;min-width: 100px;opacity: 0;padding: .3rem .8rem;pointer-events: none;position: absolute;text-align: left;top: 100%;transition: opacity .3s ease-out;user-select: none;z-index: 1 ;-webkit-backdrop-filter: blur(3px);}
.img-maxheight{max-height: 650px;}
#mapaObra {width: 100%;height: 450px;max-height:450px;background: grey;}
.numberInCircle {font-family: 'Lato', sans-serif;font-weight: bold;font-size: 12px;display: inline-block;width: 2.1em;height: 2.1em;box-sizing: initial;color:#fff;text-align: center;border-radius: 50%;background-color: #0f6ffd ;line-height: 2.1em;box-sizing: content-box;}
.numberInRectangle {
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  font-size: 13px;
  display: inline-block;
  min-width: 3em;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 7px;
  padding-right: 7px;
  height: 2.1em;
  box-sizing: initial;
  color:#fff;
  text-align: center;
  border-radius: 5px;
  line-height: 2.1em;
  box-sizing: content-box;
  background-color: #198754;
}
table.table-mini {width: 100%;border-collapse: collapse;font-size: 0.8rem;}
table.table-mini th, table.table-mini td {padding: 0.1rem;}
table.table-mini thead, table.table-mini tfoot {text-align: center;background-color: #20c997;color: #fff;}
table.table-mini > tbody > tr > td:first-child,
table.table-mini > tbody > tr > th:first-child,
table.table-mini > thead > tr > th:first-child,
table.table-mini > thead > tr > td:first-child,
table.table-mini > tfoot > tr > td:first-child,
table.table-mini > tfoot > tr > th:first-child {
  text-align: center;
  background-color: #20c997;
  color: #fff;
}
table.table-mini > tbody > tr > td:not(:first-child) {min-width: 15px;}
table.table-mini > tbody > tr > td {text-align: center;border-bottom: 1px solid #1f06be22;}

table.table-mini-news {width: 100%;border-collapse: collapse;font-size: 0.8rem;}
table.table-mini-news th, table.table-mini-news td {padding: 0.1rem;}
table.table-mini-news thead, table.table-mini-news tfoot {text-align: center;background-color: #6610F2;color: #fff;}
table.table-mini-news > tbody > tr > td {text-align: center;border-bottom: 1px solid #1f06be22;}

/* webcam */
#video-container {position: relative;display: inline-block; min-width: 600px; max-width: 600x; min-height: 600px;max-height: 600px;}
/* #video {transform: scaleX(-1);} */
#guide-lines {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}
.guide-line {position: absolute;background-color: #20C997;pointer-events: none;}
.horizontal-line {width: 100%;height: 2px;}
.vertical-line {width: 2px;height: 100%;}
.bg-white-celda {background-color: white;z-index: 1;}
.bg-black-celda {background-color: #212529;z-index: 1;}
.bd-mode-toggle {z-index: 1500;}

#file-upload{display: none;}
#archivoObraPedido{display: none;}

.card-200{min-height: auto;max-height: auto;}
.card-220{min-height: auto;max-height: auto;}
.card-250{min-height: auto;max-height: auto;}
.card-300{min-height: auto;max-height: auto;}
.card-fix{min-height: auto;max-height: auto;}
/* Aplicar estilos solo si el ancho de la pantalla es mayor a 1200px */
@media screen and (min-width: 1200px) {
  .card-200{min-height: 200px;max-height: 200px;}
  .card-220{min-height: 220px;max-height: 220px;}
  .card-250 {min-height: 250px;max-height: 250px;}
  .card-300{min-height: 300px;max-height: 300px;}
  .card-fix{min-height: 160px;max-height: 160px;}
}

[disabled] {cursor: not-allowed;}