/* Estilos de templates para InfoViews de Overlays personalizados */

.info-panel-header{
  border-bottom: 1px solid #F3F4F6;
}
.info-panel-header .info-panel-title{
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.info-layer-summary{
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.parcela-info .btn{
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.15px;
  box-shadow: none;
  text-decoration: none;
  background-color: #69727d;
  border-radius: 3px;
  display: inline-block;
  fill: var(--e-global-color-57ad187);
  color: var(--e-global-color-57ad187);
  background-color: var(--e-global-color-primary);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-primary);
  border-radius: 4px 4px 4px 4px;
  padding: 5px 10px 5px 10px;
  transition: all .3s;
  width: 100%;
  text-align: center;
}
.parcela-info .btn:hover, .parcela-info .btn:focus{
  color: var(--e-global-color-57ad187);
  background-color: var(--e-global-color-secondary);
}
.btn::before {
  content: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3923 0.500171L20.9186 17.0002C21.1948 17.4785 21.0309 18.0901 20.5526 18.3662C20.4006 18.454 20.2281 18.5002 20.0526 18.5002H1C0.44772 18.5002 0 18.0525 0 17.5002C0 17.3246 0.04621 17.1522 0.13398 17.0002L9.66027 0.500171C9.93637 0.0218709 10.548 -0.141999 11.0263 0.134141C11.1783 0.221911 11.3046 0.348151 11.3923 0.500171ZM2.73205 16.5002H18.3205L10.5263 3.00017L2.73205 16.5002ZM9.52627 13.5002H11.5263V15.5002H9.52627V13.5002ZM9.52627 6.50017H11.5263V11.5002H9.52627V6.50017Z' fill='white'/%3E%3C/svg%3E");
  display: block;
  position: absolute;
}

/*.parcela-info, .catastro-info{} */
.info-layer-content .prop {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 0.5rem;
  padding: 4px 0;
}
.info-layer-content .prop-key{
  flex-basis: 50%;
  text-align: right;
  color: #6A7282;
}
.info-layer-content .prop-value{
  flex-basis: 50%;
  text-align: left;
  color: #101828;
}


.estado-pago {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
}

.estado-pago.pagado {
  background-color: #2e7d32;
  color: #fff;
}

.estado-pago.pendiente {
  background-color: #e65100;
  color: #fff;
}

.estado-pago.impagado {
  background-color: #c62828;
  color: #fff;
}

.estado-pago.deudor {
  background-color: #c62828;
  color: #fff;
}

.estado-pago.al-dia {
  background-color: #2e7d32;
  color: #fff;
}

.estado-pago.default {
  background-color: #616161;
  color: #fff;
}

.info-layer-content h4{
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 8px 0;
  margin: 0;
}
.info-layer-content h4{
  margin-left: -14px;
}
.info-layer-content .data-box{
  padding: 8px;
  border-radius: 14px;
}
.info-layer-content .data-box.loggedin{
  border: 1px solid #DBEAFE99;
  background-color: #EEF2FF66;
}
.info-layer-content .data-box.logedout{
  border: 1px solid #E5E7EB;
  background-color: #F9FAFB;
}
.info-layer-content .data-box .prop-value{
  font-weight: bold;
}

/* Catastro */
/* CHG */
/* SIGPAC */