/* Interfaz móvil · estilo limpio tipo Apple. Se carga al final. */
@media (max-width:760px){
  html{-webkit-text-size-adjust:100%}
  body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
  .contenedor{padding-inline:20px}

  /* Próxima temporada */
  .temporada__fila{display:flex;align-items:center;gap:18px}
  .temporada__dias{font-size:3.4rem;line-height:1;margin:0;letter-spacing:-.03em}
  .temporada h2{font-size:1.25rem;margin:0 0 .25rem}

  /* Buscar y filtrar: tarjeta limpia */
  .filtros{background:#fff;border:0;border-radius:24px;padding:22px 20px;margin:0 0 32px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 12px 32px -8px rgba(0,0,0,.12)}
  .filtros h2{font-size:1.4rem;letter-spacing:-.01em;margin:0 0 1.1rem}
  .filtros .campo{margin:0 0 16px}
  .filtros label{display:block;margin:0 0 .4rem;font-size:.92rem;font-weight:600}
  .filtros input[type=search],.filtros select{width:100%;box-sizing:border-box;min-height:50px;padding:0 16px;font-size:16px;border:1px solid rgba(0,0,0,.1);border-radius:14px;background-color:#f5f5f7;color:inherit;-webkit-appearance:none;appearance:none}
  .filtros select{padding-right:42px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M1 1.5l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 16px center}
  .filtros input:focus,.filtros select:focus{outline:3px solid rgba(0,113,227,.35);outline-offset:1px;background-color:#fff}
  .filtros .campo__ayuda{margin:.4rem 0 0;font-size:.82rem;opacity:.7}
  .filtros .casilla{display:flex;align-items:center;gap:12px;min-height:46px;margin:0 0 8px}
  .filtros .casilla input{width:22px;height:22px;margin:0;flex:none}
  .filtros .formulario__acciones{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
  .filtros .boton{width:100%;min-height:50px;justify-content:center;text-align:center;border-radius:999px;font-weight:600}

  /* Cabecera de resultados */
  .resultados__cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 18px}
  .resultados__cabecera h2{font-size:1.7rem;letter-spacing:-.02em;margin:0}
  .resultados__cabecera .conteo{margin:0;font-size:.92rem;opacity:.7}

  /* Un vivero que acompaña tu jardín */
  .sec.nosotros{padding:56px 0}
  .sec-title{font-size:clamp(1.8rem,8vw,2.3rem);line-height:1.1;letter-spacing:-.025em}
  .sec-lead{font-size:1.05rem;line-height:1.55}
  .vals{display:grid;grid-template-columns:1fr;gap:16px;margin-top:28px}
  .val{margin:0;padding:0 0 24px;overflow:hidden;text-align:left;background:#fff;border-radius:28px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 34px -10px rgba(0,0,0,.14)}
  .val-art{aspect-ratio:16/10;overflow:hidden;margin:0 0 18px}
  .val-vid{display:block;width:100%;height:100%;object-fit:cover}
  .val h3{margin:0 20px .4rem;font-size:1.25rem;letter-spacing:-.01em}
  .val p{margin:0 20px;line-height:1.55;opacity:.85}

  /* Contacto: ilustración arriba, texto debajo, tarjeta redondeada */
  html body .sec.contacto{
    display:block !important;min-height:0 !important;
    margin:8px 12px 20px;padding:236px 0 36px;border-radius:30px;overflow:hidden;text-align:center;
    background:
      linear-gradient(to bottom,rgba(22,74,48,0) 0,rgba(22,74,48,0) 140px,#164a30 236px),
      url("../img/encantado.png") -26px 0 / auto 250px no-repeat,
      #164a30 !important;
  }
  html body .sec.contacto .contenedor{padding-inline:24px}
  html body .sec.contacto .sec-title{font-size:clamp(1.8rem,8.4vw,2.3rem);margin:0 0 .6rem;text-shadow:none}
  html body .sec.contacto .sec-lead{margin:0 auto 1.6rem;max-width:22rem;text-shadow:none}
  html body .sec.contacto .boton{display:flex;width:100%;max-width:340px;min-height:54px;margin-inline:auto;justify-content:center;align-items:center;border-radius:999px;font-size:1.05rem;font-weight:700}

  /* Pie */
  .pie{padding:44px 0 32px}
  .pie__columnas{display:grid;grid-template-columns:1fr;gap:30px}
  .pie .boton{width:100%;justify-content:center;min-height:50px}
  .pie__creditos{font-size:.8rem;line-height:1.5;opacity:.75}

  /* Productos: 2 columnas (2x2) */
  .pv-2x2{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;margin:0 !important;padding:0 !important;list-style:none !important}
  .pv-2x2>*{display:flex;flex-direction:column;min-width:0;width:auto !important;max-width:none !important;margin:0 !important;overflow:hidden;background:#fff;border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 10px 24px -10px rgba(0,0,0,.16)}
  .pv-2x2 img{display:block;width:100% !important;height:auto !important;aspect-ratio:1/1;object-fit:cover}
  .pv-2x2 :is(h2,h3,h4){margin:.65rem .7rem .2rem;font-size:.98rem;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere}
  .pv-2x2 p{margin:0 .7rem .35rem;font-size:.82rem;line-height:1.35;overflow-wrap:anywhere}
  .pv-2x2 :is(button,.boton){width:calc(100% - 1.2rem);min-height:42px;margin:.4rem .6rem .7rem;padding:.5rem .6rem;font-size:.86rem;line-height:1.2;justify-content:center;text-align:center;border-radius:999px}
}
