/* assets/redesign/css/mobile.css — layout móvil <768px (Figma WEILO RC 3, exports iPhone 430px) */
@media (max-width: 767px) {
  .rd-nav { height: 64px; top: 12px; padding: 0 16px; }
  .rd-nav__cta { display: none; }              /* CTA vive en el modal en móvil */
  .rd-secciones { height: 64px; gap: 1.4rem; }
  .rd-secciones__item { font-size: 12px; letter-spacing: 2.5px; }
  .rd-palabra__texto { font-size: clamp(88px, 34vw, 150px); }
  .rd-que { grid-template-columns: 1fr; }
  .rd-que__foto { min-height: 60vh; }
  .rd-galeria3 { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  .rd-galeria3__item { flex: 0 0 72vw; scroll-snap-align: center; }
  .rd-anclas { position: static; float: none; flex-direction: row; overflow-x: auto; margin: 0 16px; gap: 1.4rem; }
  .rd-c-retratos, .rd-como, .rd-semanas__grid { grid-template-columns: 1fr 1fr; }
  .rd-compra { grid-template-columns: 1fr; }
  .rd-compra > * { grid-column: 1; }
  .rd-c-retrato:nth-child(2) { margin-top: 0; }
}

/* Tablet (spec: breakpoint 1100) */
@media (min-width: 768px) and (max-width: 1100px) {
  /* sidebar de anclas: de raíl sticky lateral a píldora horizontal bajo el nav */
  .rd-anclas { position: sticky; top: 130px; float: none; margin: 0 auto; flex-direction: row; justify-content: center; gap: 1.6rem; width: fit-content; max-width: calc(100vw - 48px); overflow-x: auto; background: transparent; z-index: 5; }
  .rd-palabra__texto { font-size: clamp(140px, 26vw, 260px); }
  .rd-semanas__grid, .rd-como { grid-template-columns: 1fr 1fr; }
  .rd-compra { grid-template-columns: 1fr minmax(340px, 460px); }
  .rd-c-retratos { gap: 28px; }
  .rd-c-retrato:nth-child(2) { margin-top: 6rem; }
}

@media (max-width: 767px) {
  /* modal: el CTA vive aquí (el del nav está oculto) y el panel ocupa casi todo */
  .rd-modal__cta { display: inline-block; }
  .rd-modal__panel { top: 88px; max-height: calc(100vh - 104px); padding: 3.5rem 20px 4rem; }
  .rd-modal__primario { font-size: 18px; letter-spacing: 4px; }
}