asdsdasd

<!-- Inicio: Oferta válida hasta hoy -->
<div class="oferta">
  <div class="oferta-header">
    <span class="parpadeo"></span>
    <span class="texto-oferta">
      <strong>Oferta válida hasta {{ "now" | date: "%-d de %B de %Y" }}</strong>
    </span>
  </div>
</div>

<style>
  .oferta {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    margin: 10px 0;
    width: 100%;
  }

  .oferta-header {
    display: flex;
    align-items: center;
    background-color: #e3e3f9;
    border: 2px dashed #7069BC;
    border-radius: 14px;
    padding: 8px 16px;
    font-size: 13px;
    color: #000;
    width: 100%;
    justify-content: center;
  }

  .parpadeo {
    width: 10px;
    height: 10px;
    background-color: #7069BC;
    border-radius: 50%;
    margin-right: 8px;
    animation: blink 2.5s ease-in-out infinite;
  }

  @keyframes blink {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.3;
    }
  }

  .texto-oferta {
    font-weight: bold;
    text-align: center;
  }
</style>
<!-- Fin: Oferta válida hasta hoy -->