/* ====== MOBILE (≤576px) ====== */
@media (max-width:576px){
  html,body{max-width:100%;overflow-x:hidden;}
  .container,.container-fluid{padding-left:16px;padding-right:16px;}

  /* Texto más compacto y sin desbordes */
  h1.title{font-size:clamp(1.6rem,6vw,2.1rem);line-height:1.15;}
  h2.title{font-size:clamp(1.3rem,5vw,1.7rem);line-height:1.2;}
  .section-text p, p{font-size:clamp(0.95rem,3.6vw,1.05rem);line-height:1.6;}

  /* Cards: centrado y sin desbordes */
  .single-box,.single-area{ text-align:center; border-radius:16px; overflow:hidden; }
  .single-box .img-area,.single-area .img-area{
    display:flex; justify-content:center; align-items:center; margin-bottom:10px;
  }
  .profile-image img,
  .image-area img,
  .single-box .img-area img,
  .single-area .img-area img{
    display:block; margin:0 auto; max-width:100%; height:auto; float:none;
  }

  /* Títulos/paragraphs dentro de cards */
  .team-member .info-area h5,
  .single-box h4, .single-area h4{
    font-size:clamp(1rem,4.4vw,1.2rem);
    line-height:1.15; margin:8px 0 4px; overflow-wrap:anywhere;
  }
  .team-member .info-area p.mdr,
  .single-info-2 p, .single-info p,
  .single-box p, .single-area p{
    font-size:clamp(0.85rem,3.5vw,0.95rem);
    line-height:1.35; margin:0 0 10px;
  }

  /* Redes sociales dentro del marco */
  .social ul{
    display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
    margin:6px auto 0; padding:0; max-width:100%;
  }
  .social i{
    font-size:18px; width:36px; height:36px; line-height:1;
    display:inline-flex; align-items:center; justify-content:center;
    border:1px solid rgba(255,255,255,.2); border-radius:50%;
  }

  /* Iconos del counter a tamaño fijo */
  .counter-section .single-box .img-area img{ width:64px; 
  }
  
  /* studios-featurs: centrar iconos solo en móvil */
.studios-featurs .single-box .icon-area{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:10px;
  width:100%;
  text-align:center;
}
.studios-featurs .single-box .icon-area img{
  display:block;
  margin:0 auto;
  max-width:72px;   /* ajusta el tamaño si quieres */
  height:auto;
  float:none !important;}
}

/* XS muy estrecho */
@media (max-width:360px){
  .social i{ font-size:16px; width:30px; height:30px; }
}