/* MIPIEL — ajustes móviles para la vista previa (prototipo) */

@media (max-width: 960px) {
  .texturas-texto { display: grid !important; grid-template-columns: 1fr !important; gap: 1.4rem !important; }
  .texturas-texto > * { width: 100% !important; max-width: 100% !important; }
  .texturas-texto > * { min-width: 0; }
  .texturas { overflow-x: clip; }
  .texto-elegante__lead { font-size: clamp(1.5rem, 5.2vw, 2rem) !important; }
  .texto-elegante__cuerpo { font-size: 1rem !important; }
  .texturas-texto__titular .titulo-medio { font-size: clamp(1.7rem, 6.4vw, 2.2rem) !important; }
}

@media (max-width: 780px) {
  :root { --mobile-pad: 1.15rem; }
  .seccion { padding-block: clamp(1.8rem, 6vw, 2.6rem); }
  .entradilla { font-size: 1rem !important; line-height: 1.7 !important; }
  .titulo-medio { font-size: clamp(1.65rem, 7vw, 2rem) !important; }

  /* Barra superior */
  .barra-superior { padding: .5rem var(--mobile-pad); }
  .barra-superior .wp-block-columns { gap: .15rem; }
  .barra-superior .ojos { font-size: 8.5px !important; letter-spacing: .08em !important; line-height: 1.55; }
  .barra-superior .has-text-align-right { text-align: left !important; }

  /* Hero */
  .hero-nuevo { gap: 1.5rem; }
  .hero-nuevo .titulo-grande { font-size: clamp(2.2rem, 9.5vw, 2.6rem) !important; line-height: 1.06; }
  .hero-nuevo__texto .entradilla { font-size: 1rem !important; }
  .hero-nuevo__botones { display: flex !important; flex-direction: column; align-items: stretch; gap: .6rem; }
  .hero-nuevo__botones .wp-block-button { width: 100%; }
  .hero-nuevo__botones .wp-block-button__link { display: block; width: 100%; text-align: center; }
  .hero-nuevo__collage { padding: 0 !important; margin-top: 1.2rem; }
  .collage-polaroid { display: none !important; }
  .hero-firma { margin-top: 1.2rem; gap: .7rem; }
  .hero-firma .manuscrita { font-size: 1.2rem; }
  .hero-firma__dibujo { width: 72px; }
  .hero-nuevo__catalogo { margin-top: 1rem; }

  /* Taller */
  .taller-hero .titulo-grande { font-size: clamp(2.2rem, 9.5vw, 2.6rem) !important; }
  .taller-hero .entradilla { max-width: 100%; font-size: 1rem !important; }
  .taller-sello { width: 92px; height: 92px; font-size: 8px; left: .7rem; bottom: 2.5rem; }
  .taller-manifiesto__quote { font-size: clamp(1.55rem, 7vw, 2rem) !important; }
  .taller-principios h3 { font-size: 1.2rem; }
  .taller-paso h3 { font-size: 1.2rem; }
  .taller-lista li { font-size: .95rem; }
  .taller-cta .wp-block-button { width: 100%; }
  .taller-cta .wp-block-button__link { display: block; width: 100%; text-align: center; }

  /* Historias en carrusel */
  .historias-wrap { padding-top: 1.2rem; }
  .historias {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding-bottom: .4rem;
  }
  .historias::-webkit-scrollbar { display: none; }
  .historia { flex: 0 0 82%; scroll-snap-align: start; }
  .historia__nota, .historia__vertical { display: none !important; }
  .historia__foto img { aspect-ratio: 4 / 5; }
  .historia__link { min-height: 44px; display: inline-flex; align-items: center; }

  /* Franja de confianza */
  .franja__items { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: .9rem; }
  .franja__item { padding: .8rem 0; }
  .franja__item b, .franja__item span { font-size: .8rem; }

  /* Productos de la portada */
  .grid-modelo { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .grid-modelo__titulo { font-size: 1.05rem; }
  .grid-modelo__precio { font-size: .85rem; }
  .grid-modelo__link { min-height: 44px; display: flex; align-items: center; font-size: 10px; }

  /* Tradición */
  .tradicion .figura-marco img { aspect-ratio: 4 / 3; }
  .tradicion__intro { font-size: .98rem; }
  .tradicion__fila { grid-template-columns: 56px minmax(0, 1fr); gap: 1rem; padding: 1rem 0; }
  .tradicion__sello { width: 56px; height: 56px; font-size: 7px; }
  .tradicion__texto h3 { font-size: 1.2rem; }

  /* Banda vino */
  .banda-vino ul { list-style: none; padding-left: 0; }
  .banda-vino ul li { padding-left: 0; }
  .banda-vino .wp-block-button { width: 100%; }
  .banda-vino .wp-block-button__link { display: block; width: 100%; text-align: center; }
  .banda-vino .sello { width: 104px; height: 104px; font-size: 8.5px; }

  /* Footer */
  .pie-mipiel { padding-top: 2.4rem; padding-bottom: 2rem; }
  .pie-mipiel .wp-block-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; }
  .pie-mipiel .wp-block-column:last-child { grid-column: 1 / -1; }
  .pie-mipiel .wp-block-columns:first-of-type .wp-block-column:first-child { grid-column: 1 / -1; }
  .pie-mipiel a { display: inline-flex; align-items: center; min-height: 40px; }
  .pie-mipiel .wp-block-list { margin: 0; }

  /* Flotantes */
  .preview-badge { display: none !important; }
  .wa-fab { width: 50px; height: 50px; bottom: 1rem; right: 1rem; }
  body { padding-bottom: 4.5rem; }

  /* Configurador */
  .mt-config { gap: 1.4rem; }
  .mt-opciones--modelo, .mt-opciones--piel { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
  .mt-opciones--color { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
  .mt-opciones--hilo, .mt-opciones--cierre { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mt-opcion--card { padding: .55rem; }
  .mt-opcion__titulo { font-size: .98rem; }
  .mt-opcion__nota { font-size: .75rem; }
  .mt-paso { margin-top: 2.2rem; }
  .mt-paso__titulo { font-size: 1.5rem; }
  .mt-resumen { padding: 1.1rem; }
  .mt-contacto { grid-template-columns: 1fr; }
  .mt-campo input, .mt-campo textarea { font-size: 16px; padding: .8rem .85rem; }
  .mt-boton { padding: 1rem; }
  .mt-gracias { padding: 1.3rem; }
  .mt-gracias .mt-boton { width: 100%; }

  /* Tienda y ficha */
  .wc-block-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 1rem !important; row-gap: 1.6rem !important; }
  .wc-block-grid__product-title { font-size: 1rem !important; }
  .wc-block-components-product-price { font-size: .85rem !important; }
  .wc-block-components-button, .wp-block-button__link { min-height: 44px; }
  .ficha-columnas { flex-direction: column; }
  .ficha-columnas > .wp-block-column { width: 100% !important; max-width: 100% !important; flex-basis: auto !important; }
  .ficha-panel { position: static; }

  /* Enlaces táctiles */
  .colecciones-lista a { min-height: 52px; }
  .fig a, .taller-enlace { min-height: 44px; display: inline-flex; align-items: center; }
}