/* Start custom CSS for text-editor, class: .elementor-element-1035aea *//* CSS (pégalo en “CSS adicional” del tema o en Elementor) */
.hermandad-bienvenida.nh40{
  --verde-carruaje:#2f5d3a;
  --verde-linea:#cfe0d3;
  --verde-fondo:#eef4ef;
  --texto:#0f1f17;
  --rojo:#b31217;

  font-family: Montserrat, Arial, sans-serif;
  color: var(--texto);
}

.nh40-head{
  border: 1px solid var(--verde-linea);
  background: #fff;
  padding: 16px;
}

.nh40-kicker{
  display:inline-block;
  font-weight: 800;
  letter-spacing: .08em;
  font-size: 12px;
  color: var(--verde-carruaje);
  text-transform: uppercase;
  border-left: 4px solid var(--rojo);
  padding-left: 10px;
}

.nh40-title{
  margin: 10px 0 6px;
  font-size: 26px;
  line-height: 1.15;
  color: var(--verde-carruaje);
}

.nh40-lead{ margin: 0; }

.nh40-grid{
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

/* CAJA DEL MES (todas iguales) */
.nh40-box{
  border: 1px solid var(--verde-linea);
  background: #fff;
  padding: 12px 14px;
}

.nh40-month{
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 800;
  color: var(--verde-carruaje);
  text-transform: uppercase;
  letter-spacing: .05em;
  border-bottom: 1px solid var(--verde-linea);
  padding-bottom: 8px;
}

/* CAJA INTERIOR (tipo captura) */
.nh40-inner{
  background: var(--verde-fondo);
  border-left: 4px solid var(--rojo);
  padding: 12px 14px;
}

/* SI HAY VARIOS ITEMS */
.nh40-item + .nh40-item{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(47,93,58,.15);
}

.nh40-date{
  font-weight: 800;
  color: var(--verde-carruaje);
  margin-bottom: 4px;
}

.nh40-text{
  text-align: justify;
  line-height: 1.45;
}

.nh40-note,
.nh40-pending{
  color: var(--rojo);
  font-weight: 800;
}

.nh40-foot{
  margin-top: 14px;
  border: 1px solid var(--verde-linea);
  background: #fff;
  padding: 12px 14px;
}

.nh40-dot{
  display:inline-block;
  width:10px; height:10px;
  background: var(--rojo);
  margin-right: 8px;
  vertical-align: middle;
}

@media (min-width: 800px){
  .nh40-grid{ grid-template-columns: 1fr 1fr; }
}/* End custom CSS */