@media (max-width: 768px) {

  body {
    font-size: 15px;
  }

  h1 {
    font-size: 30px !important;
    line-height: 1.1 !important;
  }

  h2 {
    font-size: 24px !important;
    line-height: 1.15 !important;
  }

  h3 {
    font-size: 18px !important;
  }

  p {
    line-height: 1.45;
  }

  /* Ocultar textos largos secundarios */
  .hero p,
  .section-problem p,
  .section-how p,
  .section-premium p,
  .section-blog p,
  .section-final p,
  .faq-intro,
  .lead,
  .subtitle,
  .descripcion-larga,
  .texto-secundario,
  .bloque-secundario {
    display: none !important;
  }

  /* Mantener visible solo lo importante */
  .hero .btn,
  .hero a,
  .section-premium ul,
  .section-premium .btn,
  .section-final .btn,
  .price,
  .precio {
    display: inline-flex !important;
  }

  /* Reducir espacios */
  section,
  .section,
  .container {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .card,
  .plan-card,
  .blog-card {
    margin-bottom: 16px !important;
    padding: 18px !important;
  }

  /* Blog: en móvil solo títulos y botones */
  .blog-card img,
  .section-blog img {
    display: none !important;
  }

  /* FAQ menos pesada */
  .faq p {
    display: none !important;
  }

  /* Cookies más compacto */
  .cookie-banner,
  .cookies {
    font-size: 13px !important;
    padding: 12px !important;
  }
}