@charset "UTF-8";
.reminder-container {
  background-color: #067D35;
  padding: var(--reminder-py, 56px) var(--reminder-px, 48px);
  color: #FAFAFA;
}
.reminder-container .reminder-title {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.reminder-container .reminder-title p {
  font-family: "Roboto", sans-serif !important;
  font-weight: var(--reminder-font-weight, 700);
  margin-bottom: 0;
  font-size: var(--reminder-font-size, 16px);
  line-height: var(--reminder-line-height, 1.5);
}

/* Mobile + tablet (xs–md) */
@media (max-width: 991.98px) {
  .reminder-container--full {
    /* verde a todo el viewport */
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .reminder-container--boxed {
    /* dentro del “contenedor” con 32px de blanco a los lados */
    max-width: 1140px;
    width: auto;
    margin-left: 32px;
    margin-right: 32px;
    transform: none;
  }
}
/* Desktop (lg+) */
@media (min-width: 992px) {
  .reminder-container--full {
    /* fondo verde full width, contenido ya está limitado a 1140px
       por .reminder-title */
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .reminder-container--boxed {
    /* versión “normal”, ancho del flujo con max 1140 */
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    transform: none;
  }
}