/* ======= RESPONSIVE TEXT FIXES ======= */
/* 
Este archivo contiene ajustes para mejorar la legibilidad 
de textos en dispositivos móviles. Puede ser incluido
después del archivo styles.css principal.
*/

@media (max-width: 992px) {
  /* Ajustes para tablets y dispositivos medianos */
  h1 {
    font-size: 3.8rem !important;
  }
  
  h2 {
    font-size: 3rem !important;
  }
  
  h3 {
    font-size: 2.2rem !important;
  }
  
  h4 {
    font-size: 1.8rem !important;
  }
  
  p {
    font-size: 1.6rem !important;
    line-height: 1.5 !important;
  }
  
  .section-description, 
  .feature-description, 
  .story-paragraph, 
  .testimonial-content p {
    font-size: 1.5rem !important;
  }
  
  .section-tag {
    font-size: 1rem !important;
  }
  
  .btn {
    font-size: 1.4rem !important;
  }
  
  .nav-link {
    font-size: 1.4rem !important;
  }
  
  .feature-title, 
  .benefit-title, 
  .story-title {
    font-size: 1.8rem !important;
  }
}

@media (max-width: 768px) {
  /* Ajustes para smartphones y dispositivos pequeños */
  h1 {
    font-size: 3.2rem !important;
  }
  
  h2 {
    font-size: 2.6rem !important;
  }
  
  h3 {
    font-size: 2rem !important;
  }
  
  h4 {
    font-size: 1.6rem !important;
  }
  
  p {
    font-size: 1.5rem !important;
    line-height: 1.4 !important;
  }
  
  .section-description, 
  .feature-description, 
  .story-paragraph, 
  .testimonial-content p {
    font-size: 1.4rem !important;
  }
  
  .btn {
    font-size: 1.3rem !important;
    padding: 1.2rem 2.4rem !important;
  }
  
  .feature-card p, 
  .benefit-card p, 
  .specs-list li, 
  .step-item p {
    font-size: 1.4rem !important;
  }
  
  .spec-title,
  .spec-detail {
    font-size: 1.3rem !important;
  }
  
  .feature-icon i, 
  .benefit-icon i {
    font-size: 1.8rem !important;
  }
  
  .footer-column a,
  .footer-column p,
  .legal-links a,
  .copyright {
    font-size: 1.2rem !important;
  }
}

@media (max-width: 576px) {
  /* Ajustes para dispositivos muy pequeños */
  h1 {
    font-size: 2.8rem !important;
  }
  
  h2 {
    font-size: 2.4rem !important;
  }
  
  h3 {
    font-size: 1.8rem !important;
  }
  
  p, .section-description {
    font-size: 1.4rem !important;
  }
  
  .hero .subheadline {
    font-size: 1.4rem !important;
  }
  
  .section-tag {
    font-size: 0.9rem !important;
    padding: 0.6rem 1.2rem !important;
  }
  
  .testimonial-content p {
    font-size: 1.3rem !important;
  }
  
  .feature-card, 
  .benefit-card, 
  .testimonial-card {
    padding: 2rem !important;
  }
  
  .footer-column h4 {
    font-size: 1.4rem !important;
  }
}

/* Ajustes específicos para elementos que necesitan más atención */
@media (max-width: 768px) {
  .specs-list li {
    padding: 1rem 0 !important;
  }
  
  .kit-features li {
    font-size: 1.3rem !important;
    margin-bottom: 1rem !important;
  }
  
  .mode-features li {
    font-size: 1.3rem !important;
  }
  
  .roadmap-content li {
    font-size: 1.3rem !important;
  }
  
  .user-info h4 {
    font-size: 1.5rem !important;
  }
  
  .user-info span {
    font-size: 1.2rem !important;
  }
}