/* ==========================
   SECTION CONTADOR RESPONSIVE
   ========================== */

  .contador-section {
      position: relative;
      width: 100%;
      min-height: 70vh;
      z-index: 1;
      /* Separación con el cuadro */
      /*margin-top: 140px;
      padding: 140px 20px;*/

      background-image: url("../img/contador/G-y-A-12-c.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;

      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;

      -webkit-mask-image: linear-gradient(to bottom,
              rgba(0, 0, 0, 0) 0%,
              rgba(0, 0, 0, 1) 4%,
              rgba(0, 0, 0, 1) 96%,
              rgba(0, 0, 0, 0) 100%);

      mask-image: linear-gradient(to bottom,
              rgba(0, 0, 0, 0) 0%,
              rgba(0, 0, 0, 1) 4%,
              rgba(0, 0, 0, 1) 96%,
              rgba(0, 0, 0, 0) 100%);
  }

  /* Overlay para legibilidad */
  .contador-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(255, 255, 255, 0.1);
      /*z-index: 1;*/
  }

  /* Contenido encima */
  .contador-section>div {
      position: relative;
      z-index: 2;
  }