/* ===== Ajustes SOLO para celular ===== */
/* ===== Ajustes SOLO para celular (máx 768px) ===== */
@media (max-width: 768px) {

  /* 1. Logo más grande en móvil */
  .wp-block-site-logo img {
    width: 110px;   /* prueba con 110–130 hasta que te guste */
    height: auto;
  }

  /* 2. Título del sitio más compacto (Mostrador Potencia Fluida) */
  .wp-block-site-title {
    font-size: 1rem;        /* texto más chico */
    line-height: 1.05;      /* menos altura entre renglones */
  }

  /* 3. Bajar un poco el contenido para que no se corte "Últimos productos" */
  .wp-site-blocks main,
  main.wp-block-group {
    margin-top: 5rem;     /* si aún lo ves pegado, súbelo a 3rem */
  }

  /* 4. Hacer más grande la lupa del buscador del header */
  .wp-block-search__button,
  .wp-block-search__button.wp-element-button {
    transform: scale(1);  /* tamaño del botón/ícono */
    transform-origin: center;
    padding: 0.35rem 0.45rem;
  }

  .wp-block-search__button svg {
    width: 24px;            /* tamaño del dibujo de la lupa */
    height: 24px;
  }
}

/* Barra de redes flotante tipo VALCO */
.barra-redes {
  position: fixed;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  padding: 8px;
  border-radius: 8px;
  background: rgba(0,0,0,0.6);
}

/* Iconos en columna */
.barra-redes .wp-block-social-links {
  flex-direction: column;
  gap: 10px;
}

/* Iconos blancos */
.barra-redes .wp-block-social-link svg {
  color: #ffffff;
}