<section class="contact-section">
  <div class="container contact-box contact-layout reveal parallax" data-depth="0.06">
    <div class="reveal">
      <span class="eyebrow">Contacto</span>
      <h2>¿En qué podemos ayudarte?</h2>
      <p>
        Si buscas recomendaciones para alimentación, salud, descanso o entretenimiento de tu mascota,
        la familia PetCare puede orientarte con atención cercana y personalizada.
      </p>

      <div class="contact-info-grid">
        <article class="info-card reveal">
          <h3>Horario</h3>
          <p>Lunes a sábado de 9:00 a 18:00</p>
        </article>
        <article class="info-card reveal">
          <h3>Email</h3>
          <p>hola@petcare.com</p>
        </article>
        <article class="info-card reveal">
          <h3>WhatsApp</h3>
          <p>+54 9 11 1234 5678</p>
        </article>
      </div>
    </div>

    <form class="contact-form reveal" method="post" action="index.php?page=contacto&action=store">
      <label>
        Nombre
        <input type="text" name="nombre" placeholder="Tu nombre" required />
      </label>
      <label>
        Email
        <input type="email" name="email" placeholder="tuemail@email.com" required />
      </label>
      <label>
        Mascota
        <input type="text" name="mascota" placeholder="Perro, gato o otro" />
      </label>
      <label>
        Mensaje
        <textarea name="mensaje" rows="4" placeholder="Cuéntanos qué necesita tu mascota" required></textarea>
      </label>
      <button type="submit" class="btn btn-primary">Enviar</button>
    </form>
  </div>
</section>
