/* Preguntas frecuentes (acordeón nativo) */
.me-faq__wrap { max-width: calc(900px + 2 * var(--me-gutter)); }
.me-faq__list { border-top: 1px solid var(--me-color-border); }
.me-faq__item { border-bottom: 1px solid var(--me-color-border); }
.me-faq__q {
  display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
  padding: 1.35rem 0;
  font-family: var(--me-font-heading); font-size: clamp(1.0625rem, 1.6vw, 1.25rem); font-weight: var(--me-fw-semibold); line-height: 1.35;
  cursor: pointer; list-style: none;
}
.me-faq__q::-webkit-details-marker { display: none; }
.me-faq__icon {
  width: 2.25rem; height: 2.25rem; padding: .5rem; flex-shrink: 0;
  border-radius: var(--me-radius-pill); background: var(--me-color-bg-alt);
  transition: transform var(--me-dur) var(--me-ease), background var(--me-dur) var(--me-ease);
}
.me-faq__icon { background: var(--me-acc-suave, var(--me-color-bg-alt)); color: var(--me-acc-tinta, var(--me-color-negro)); }
.me-faq__item[open] .me-faq__icon { transform: rotate(45deg); background: var(--me-acc); color: var(--me-color-negro); }
.me-faq__q:hover .me-faq__icon { background: var(--me-acc); color: var(--me-color-negro); }
.me-faq__item[open] { box-shadow: inset 4px 0 0 var(--me-acc, var(--me-color-cta)); padding-left: 1rem; }
.me-faq__a { padding: 0 3.5rem 1.5rem 0; color: var(--me-color-muted); }

/* Mancha de puntos en el margen derecho, fuera de la columna de preguntas (900 px):
   solo donde ese margen es ancho (≥1200 px). Pisa la posición general de .me-mancha. */
.me-faq { position: relative; }
.me-faq > .me-container { position: relative; z-index: 1; }
@media (min-width: 1025px) and (max-width: 1199px) { .me-faq > .me-mancha { display: none; } }
@media (min-width: 1200px) {
  .me-faq > .me-mancha {
    top: 2rem; bottom: 2rem; right: 0; width: auto;
    left: calc(50% + 450px + 1rem);
  }
  /* Franja angosta y alta: lóbulos propios a todo el ancho del margen (los generales dejan
     libre el 40 % izquierdo para no tapar texto, aquí no hay texto al lado). */
  .me-faq > .me-mancha .me-puntos {
    -webkit-mask-image: radial-gradient(ellipse 58% 26% at 58% 24%, black 40%, transparent 100%), radial-gradient(ellipse 52% 24% at 44% 52%, black 35%, transparent 100%), radial-gradient(ellipse 48% 20% at 62% 80%, black 30%, transparent 100%), radial-gradient(ellipse 30% 12% at 84% 8%, black 25%, transparent 100%);
    mask-image: radial-gradient(ellipse 58% 26% at 58% 24%, black 40%, transparent 100%), radial-gradient(ellipse 52% 24% at 44% 52%, black 35%, transparent 100%), radial-gradient(ellipse 48% 20% at 62% 80%, black 30%, transparent 100%), radial-gradient(ellipse 30% 12% at 84% 8%, black 25%, transparent 100%);
  }
}