/* 
ERIKA FURTADO - AJUSTES DE RESPONSIVIDADE APRIMORADOS
Melhorias específicas para garantir experiência editorial em todos os dispositivos
*/

/* Ajustes gerais para melhor responsividade */
@media (max-width: 1200px) {
  .editorial-block {
    margin: 2rem 0;
  }
  
  .editorial-block .editorial-content {
    padding: 2rem;
  }
}

/* Ajustes para tablets */
@media (max-width: 992px) {
  /* Ajustes para scroll snap em tablets */
  html {
    scroll-snap-type: y proximity;
  }
  
  .section, 
  .cases-section, 
  .metrics-section, 
  .steps-section, 
  .cta-section {
    min-height: auto;
    padding: 5rem 0;
  }
  
  /* Ajustes de layout para tablets */
  .hero-content {
    max-width: 90%;
  }
  
  .editorial-block:nth-child(odd) .editorial-image,
  .editorial-block:nth-child(odd) .editorial-content,
  .editorial-block:nth-child(even) .editorial-image,
  .editorial-block:nth-child(even) .editorial-content {
    padding: 1rem;
  }
  
  .metrics-grid {
    gap: 2rem;
  }
}

/* Ajustes para dispositivos móveis */
@media (max-width: 768px) {
  /* Ajustes para scroll snap em mobile */
  html {
    scroll-snap-type: y proximity;
  }
  
  .section, 
  .cases-section, 
  .metrics-section, 
  .steps-section, 
  .cta-section {
    min-height: auto;
    padding: 4rem 0;
  }
  
  /* Ajustes de header para mobile */
  .header {
    padding: 1rem 0;
  }
  
  .header-container {
    padding: 0 1rem;
  }
  
  /* Ajustes de hero para mobile */
  .hero {
    height: 100vh;
  }
  
  .hero-content {
    width: 90%;
    padding: 0 1rem;
  }
  
  .hero-title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  
  .hero-subtitle {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  
  /* Ajustes de blocos editoriais para mobile */
  .editorial-block {
    margin: 0;
    padding: 2rem 0;
  }
  
  .editorial-image {
    margin-bottom: 1.5rem;
  }
  
  .editorial-content {
    padding: 0 1rem;
  }
  
  .editorial-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  
  /* Ajustes de cases para mobile */
  .cases-grid {
    gap: 3rem;
  }
  
  .case-quote {
    font-size: 1.2rem;
  }
  
  /* Ajustes de métricas para mobile */
  .metrics-grid {
    gap: 2rem;
  }
  
  .metric-number {
    font-size: 1.8rem;
  }
  
  /* Ajustes de passos para mobile */
  .steps-grid {
    gap: 2rem;
  }
  
  .step-item {
    padding: 1rem;
  }
  
  /* Ajustes de CTA para mobile */
  .cta-content {
    padding: 0 1rem;
  }
  
  .cta-title {
    font-size: 1.5rem;
  }
  
  /* Ajustes de footer para mobile */
  .footer {
    padding: 3rem 1rem;
  }
}

/* Ajustes para dispositivos muito pequenos */
@media (max-width: 480px) {
  /* Ajustes para scroll snap em dispositivos muito pequenos */
  html {
    scroll-snap-type: none;
  }
  
  .section, 
  .cases-section, 
  .metrics-section, 
  .steps-section, 
  .cta-section {
    padding: 3rem 0;
  }
  
  /* Ajustes de tipografia para dispositivos muito pequenos */
  .hero-title {
    font-size: 1.8rem;
  }
  
  .hero-subtitle {
    font-size: 0.9rem;
  }
  
  h2 {
    font-size: 1.5rem;
  }
  
  h3 {
    font-size: 1.2rem;
  }
  
  /* Ajustes de espaçamento para dispositivos muito pequenos */
  .editorial-block {
    padding: 1.5rem 0;
  }
  
  .editorial-content {
    padding: 0 1rem;
  }
  
  /* Ajustes de métricas para dispositivos muito pequenos */
  .metric-number {
    font-size: 1.5rem;
  }
  
  .metric-label {
    font-size: 0.8rem;
  }
}

/* Ajustes para orientação paisagem em dispositivos móveis */
@media (max-height: 500px) and (orientation: landscape) {
  html {
    scroll-snap-type: none;
  }
  
  .hero {
    height: auto;
    min-height: 100vh;
    padding: 6rem 0 3rem;
  }
  
  .section, 
  .cases-section, 
  .metrics-section, 
  .steps-section, 
  .cta-section {
    min-height: auto;
    padding: 3rem 0;
  }
}

/* Ajustes para telas de alta resolução */
@media (min-width: 1921px) {
  .container {
    max-width: 1800px;
  }
  
  .hero-content {
    max-width: 1000px;
  }
  
  .editorial-block {
    margin: 10rem 0;
  }
}
