/* FEATURES SECTION - LAYOUT SPLIT DESKTOP */

/* ===========================
   DESKTOP: CARDS ESQUERDA + VÍDEO DIREITA
   =========================== */

@media (min-width: 1024px) {
  /* Container principal com layout split */
  .features-premium .container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 clamp(1.5rem, 5vw, 4rem);
  }

  /* Wrapper para o layout split */
  .features-content-wrapper {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 4rem;
    align-items: start;
    margin-top: 3rem;
  }

  /* Grid dos cards na esquerda */
  .features-grid {
    grid-column: 1;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* Card destacado ocupa 2 colunas */
  .feature-highlight {
    grid-column: span 2 !important;
  }

  /* Cards regulares */
  .feature-card:not(.feature-highlight) {
    grid-column: span 1 !important;
  }

  /* Seção do Instagram na direita */
  .instagram-section {
    grid-column: 2;
    margin-top: 0 !important;
    padding: 0 !important;
    background: none !important;
    position: sticky;
    top: 120px;
    height: fit-content;
  }

  .instagram-title {
    text-align: left !important;
    margin-bottom: 2rem !important;
  }

  .instagram-container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Ajuste do vídeo */
  .instagram-media {
    max-width: 400px !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Desktop grande */
@media (min-width: 1440px) {
  .features-content-wrapper {
    gap: 5rem;
  }

  .features-grid {
    gap: 2rem !important;
  }

  .instagram-media {
    max-width: 450px !important;
  }
}

/* Tablets e telas médias - mantém layout original */
@media (min-width: 768px) and (max-width: 1023px) {
  /* Mantém layout empilhado */
  .features-content-wrapper {
    display: block;
  }

  .features-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    margin-bottom: 3rem;
  }

  .feature-highlight {
    grid-column: span 2 !important;
  }

  .instagram-section {
    margin-top: 3rem;
    padding: 3rem 1.5rem;
    text-align: center;
    background: linear-gradient(135deg, #f5f5f7 0%, white 100%);
    border-radius: 24px;
  }

  .instagram-title {
    text-align: center;
  }

  .instagram-container {
    max-width: 450px;
    margin: 0 auto;
  }
}

/* Mobile - não muda nada */
@media (max-width: 767px) {
  /* Mantém exatamente como está */
  .features-content-wrapper {
    display: block;
  }

  .instagram-section {
    margin-top: 2rem;
    padding: 2rem 0;
    background: white;
    border-radius: 0;
  }
}