/* MEDIA  */
@media (max-width: 768px) {
  /**/
  .card__default-spacing {
    align-items: center;
    text-align: center;
    padding: 1rem 0.75rem;
  }

  .section-title {
    /* font-size: var(--text-xl); */
  }

  /*HEADER*/
  .header__links-container {
    display: none;
  }

  /* HERO _____________*/
  #hero {
    min-height: auto;
  }

  .hero-grid {
    grid-template-columns: 1fr;
    row-gap: 1rem;
  }

  .badge-available {
    margin-bottom: 0;
  }
  .hero-title {
    font-size: 1.7rem;
    text-align: center;
  }
  .hero-subtitle {
    text-align: center;
    font-size: var(--text-lg);
  }

  .hero-description {
    text-align: center;
    font-size: 15px;
  }

  .cta-container {
    justify-content: center;
  }

  .stats-grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
  }
  .stat {
    padding: 0.5rem 0;
  }
  .stat:not(:last-child) {
    border-right: none;
  }
  .stat:nth-child(-n + 2) {
    border-right: none;
    border-bottom: 1px solid #ccc;
  }

  .stat .stat-title {
    font-size: var(--text-base);
  }
  .stat .stat-description {
    font-size: var(--text-xs);
  }

  /* PROBLEMA _____________*/
  .problem-list {
    /*flex-direction: column;*/
    /*align-items: flex-start;*/
    grid-template-columns: 1fr;
  }
  .before-after {
    grid-template-columns: 1fr;
  }

  /* SERVICES  */
  .services__cards-container {
    grid-template-columns: 1fr;
  }

  /* service landing */
  .landing-pages-container {
    grid-template-columns: 1fr;
  }
  .landing-pages-left-container {
    margin-bottom: 1.5rem;
  }

  /* service product development */
  .prod-dev-plans-container {
    /* display: grid; */
    grid-template-columns: 1fr;
    /* gap: 1.5rem; */
  }

  /* service software development */
  .soft-dev-container {
    grid-template-columns: 1fr;
  }

  /* PREGUNTAS FRECUENTES */
  .faq-container {
    grid-template-columns: 1fr;
  }

  /*Footer*/
  .subfooter__container {
    grid-template-columns: 1fr;
  }

  .footer__container {
    flex-direction: column;
    row-gap: 2rem;
  }
}

/*
Cómo abarcar los 3 tipos de landings (forma ideal)

La idea es un solo servicio: “Landing pages”, pero dividido en 3 soluciones claras.
El cliente se reconoce solo.

📄 Servicio: Landing Pages

Landing pages diseñadas según el objetivo de tu negocio.
Una landing puede ser tu presencia online, una herramienta para captar clientes o el primer paso de un producto digital.

1️_ Landing institucional (presencia online)

Para quién es: Negocios, marcas personales, estudios, profesionales. Quieren verse serios y confiables

Incluye:

-Diseño visual profesional
-Contenido claro y ordenado
-Información de servicios
-Formulario o contacto directo
Mensaje clave:“Tu negocio, bien presentado en internet.”
🔚 Acá la landing es el producto final. Punto.

2️_ Landing de conversión (captación de clientes)

Para quién es:Servicios, Campañas, Anuncios, Venta directa

Incluye:
-Copy orientado a conversión
-Formularios optimizados
-Integración con WhatsApp / email / CRM
-Métricas básicas
Mensaje clave:“Convertimos visitas en contactos reales.”
🔚 Puede quedarse solo en landing, sin app.

3️_ Landing para productos digitales / validación

Para quién es: Startups, Emprendedores, Nuevas ideas

Incluye
-Propuesta de valor clara
-Captura de usuarios interesados
-Métricas de validación
-Base lista para escalar

Mensaje clave: “Validá tu idea antes de invertir en desarrollo.”

➡️ Opcional: escalar a app web cuando el negocio lo necesita.

🧠 Frase que ordena todo (usala tal cual)

“Una landing puede ser el objetivo final o el primer paso, dependiendo de tu proyecto.”

Eso educa sin vender de más.

📐 Cómo mostrarlo visualmente (UX tip)

Tres cards, una fila:

🏢 Presencia online

📈 Captación de clientes

🚀 Lanzamiento de productos

Una sola CTA:

Hablemos de tu proyecto

No pongas “Elegí plan”, dejá que hablen con vos.

🔥 Copy listo para pegar (versión corta)

Landing pages para cada etapa de tu negocio
Diseñamos landing pages profesionales, enfocadas en imagen, conversión o validación de productos digitales.

Cuando el proyecto crece, el software puede crecer con él.
______________________________________

Presencia online simple

“Solo quiero estar en internet”

Qué buscan:

Imagen profesional

Info clara

Contacto

Credibilidad

Cómo lo vendés:

“Creamos landing pages profesionales para que tu negocio tenga presencia online clara y confiable.”

🚫 Acá NO hablás de app, MVP ni escala.

2️⃣ Captación de leads / ventas

“Quiero conseguir clientes”

Qué buscan:

Formularios

WhatsApp

Métricas

Conversión

Cómo lo vendés:

“Landing pages optimizadas para convertir visitas en contactos.”

Acá ya aparece la estrategia, pero sigue siendo solo landing.

3️⃣ Validación y crecimiento

“Quiero lanzar o escalar un producto”

Qué buscan:

Validar idea

Medir tracción

Escalar luego

Cómo lo vendés:

“Usamos una landing como primer paso para validar y luego escalar a una aplicación web.”

Este es solo uno de los caminos, no el único.
______________________________________
Cómo mostrar esto en tu web (sin confundir)
Opción A — Un solo servicio “Landing pages”, con sub-usos

💡 La más clara

Landing pages

• Presencia online
• Captación de clientes
• Validación de productos

El cliente se auto-identifica.

Opción B — Tres tipos de landing (nivel agencia pro)

Landing institucional

Landing de conversión

Landing para productos digitales

Muy claro, cero fricción.
*/