/* ── MEDIO: tabletas y pantallas medianas (max 900px) ── */
@media(max-width:900px){
  :root{--sidebar:0px;}

  /* Logo arriba-izquierda: pegado al inicio de la página (no sigue el scroll) */
  .mobile-logo{
    display:flex;align-items:center;
    position:absolute;top:14px;left:16px;z-index:300;
  }
  .mobile-logo img{height:68px;width:auto;display:block;}

  /* Sub-páginas de servicio */
  .service-hero{padding:100px 28px 52px;min-height:auto;}
  .proceso{padding:56px 28px;}
  .serv-cta{padding:56px 28px;}

  /* Sidebar desde la DERECHA en móvil/tablet */
  .sidebar{
    left:auto;
    right:0;
    width:280px;
    transform:translateX(280px);
    transition:transform .3s ease;
    border-right:none;
    border-left:1px solid rgba(255,255,255,.08);
    background:#0D1B3E;
  }
  .sidebar.open{transform:translateX(0);box-shadow:-8px 0 32px rgba(0,0,0,.45);}
  .main{margin-left:0;}
  .ham-btn{display:block;}
  .sidebar-close{display:block;}
  .sidebar-logo-img{width:160px;max-height:68px;}

  /* Hero: padding top mayor para que el botón hamburguesa no tape el contenido */
  .hero{padding:100px 28px 52px;min-height:auto;}
  .hero-strip{gap:0;}

  /* Features: 2 columnas en tablet */
  .features{padding:48px 28px;}
  .features-grid{grid-template-columns:repeat(2,1fr);}

  /* About */
  .about{padding:56px 28px;}
  .about-grid{grid-template-columns:1fr;gap:36px;}
  .about-photo{aspect-ratio:16/7;}

  /* Services: 2 columnas; tile-row2 también 2 columnas */
  .services{padding:56px 28px;}
  .services-tiles{grid-template-columns:repeat(2,1fr);}
  .services-tiles .tile-row2{grid-template-columns:repeat(2,1fr);}

  /* Industries: 2 columnas */
  .industries{padding:56px 28px;}
  .ind-grid{grid-template-columns:1fr 1fr;}

  /* Testimonials */
  .testimonials{padding:56px 28px;}
  .testi-grid{grid-template-columns:1fr;}

  /* Contact */
  .contact{padding:56px 28px;}
  .contact-grid{grid-template-columns:1fr;}

  /* Footer: 2 columnas en tablet */
  footer{padding:40px 28px 24px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
}

/* Retos / iman / caso / form */
@media(max-width:900px){
  .retos{padding:56px 28px;}
  .reto-hero{padding:100px 28px 48px;}
  .iman{padding:56px 28px;}
  .iman-wrap{padding:32px 28px;}
  .iman-form{grid-template-columns:1fr;}
  .caso{padding:56px 28px;}
  .caso-wrap{padding:32px 28px;}
  .reto-form{padding:56px 28px;}
}
/* Areas - responsive tablet */
@media(max-width:900px){
  .areas{padding:56px 28px;}
  .areas-grid{grid-template-columns:repeat(2,1fr);}
  .clientes-track{gap:56px;}
  .clientes-track img{height:56px;}
  .trust-section{padding:40px 28px;}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
  .trust-item img{height:80px;}
  .faq{padding:56px 28px;}
  .faq-question{padding:16px 18px;font-size:14px;}
  .faq-group.strategic{padding:28px 22px;}
  .faq-page-hero{padding:100px 28px 44px;}
  .faq-tabs-wrap{padding:12px 20px;}
  .faq-tab{font-size:12px;padding:8px 14px;}
}
/* Blog - tablet */
@media(max-width:900px){
  .blog-list{padding:40px 28px;}
  .blog-home{padding:56px 28px;}
  .blog-list-grid,.blog-home-grid{grid-template-columns:repeat(2,1fr);}
  .article-hero{padding:100px 28px 40px;}
  .article-wrap{padding:40px 22px;}
}