/* Mobile: concise technology showcase with horizontal discovery. */
@media(max-width:620px){
  #tecnologias.section{
    padding:48px 0 54px!important;
  }
  #tecnologias .section-head{
    gap:14px!important;
    margin-bottom:20px!important;
    padding-bottom:18px!important;
  }
  #tecnologias .section-head h2{
    max-width:340px;
    font-size:clamp(2.25rem,10.8vw,3.15rem)!important;
    line-height:.89!important;
  }
  #tecnologias .section-head::after{
    content:"DESLIZE PARA EXPLORAR  →";
    position:static;
    display:block!important;
    margin-top:1px;
    color:#64dfff;
    font-size:.54rem;
    font-weight:900;
    letter-spacing:.17em;
  }
  #tecnologias .tech-head-aside{
    padding:14px!important;
    border-radius:17px!important;
  }
  #tecnologias .tech-head-intro{
    display:-webkit-box!important;
    overflow:hidden;
    padding:0 0 11px!important;
    font-size:.74rem!important;
    line-height:1.48!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }
  #tecnologias .tech-head-signals>div{
    min-height:50px!important;
    padding:7px 5px!important;
  }
  #tecnologias .tech-grid{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column;
    grid-auto-columns:88%;
    align-items:start!important;
    gap:12px!important;
    padding:2px 0 10px;
    overflow-x:auto!important;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
    overscroll-behavior-inline:contain;
    touch-action:pan-x pan-y pinch-zoom;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  #tecnologias .tech-grid::-webkit-scrollbar{display:none}
  #tecnologias .tech-card.tech-card-detailed{
    width:100%;
    min-width:0;
    border-radius:23px!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  #tecnologias .tech-card.tech-card-detailed .tech-visual{
    height:172px!important;
  }
  #tecnologias .tech-visual-top{
    left:17px;
    right:17px;
    top:14px;
  }
  #tecnologias .tech-card.tech-card-detailed>.eyebrow,
  #tecnologias .tech-card.tech-card-detailed>h3,
  #tecnologias .tech-card.tech-card-detailed>p,
  #tecnologias .tech-card.tech-card-detailed>.tech-points{
    margin-left:18px!important;
    margin-right:18px!important;
  }
  #tecnologias .tech-card.tech-card-detailed>.eyebrow{
    margin-top:18px!important;
  }
  #tecnologias .tech-card.tech-card-detailed>h3{
    margin-top:8px!important;
    font-size:1.85rem!important;
  }
  #tecnologias .tech-card.tech-card-detailed>p{
    display:-webkit-box;
    overflow:hidden;
    min-height:0!important;
    margin-top:6px!important;
    font-size:.72rem!important;
    line-height:1.48!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
  }
  #tecnologias .tech-card.tech-card-detailed>.tech-points{
    max-height:32px;
    margin-top:12px!important;
    overflow:hidden;
    flex-wrap:nowrap;
  }
  #tecnologias .tech-card.tech-card-detailed>.tech-points .pill{
    flex:0 0 auto;
    min-height:29px;
    padding:6px 9px;
    font-size:.56rem;
  }
  #tecnologias .tech-details-grid{
    display:none!important;
  }
  #tecnologias .tech-proof{
    min-height:46px;
    margin:12px 18px 18px!important;
    padding:8px 10px;
  }
  #tecnologias .tech-proof strong{
    font-size:.61rem;
  }
}

/* V2: balanced technology heading without lateral clipping. */
@media(max-width:620px){
  #tecnologias .section-head>div:first-child{width:100%!important;min-width:0!important}
  #tecnologias .section-head h2{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(2rem,9.8vw,2.8rem)!important;
    line-height:.94!important;
    letter-spacing:-.055em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:balance;
  }
  #tecnologias .section-head h2 span{
    display:block!important;
    max-width:100%!important;
    margin-top:5px!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}
@media(max-width:360px){
  #tecnologias .section-head h2{font-size:clamp(1.9rem,9.4vw,2.15rem)!important;line-height:.96!important}
}

/* V3: protect rounded card tops inside the horizontal mobile rail. */
@media(max-width:700px){
  #tecnologias .tech-grid{padding-top:12px!important}
  #tecnologias .tech-card.tech-card-detailed:hover,
  #tecnologias .tech-card.tech-card-detailed:active{transform:none!important}
  #tecnologias .tech-card.tech-card-detailed{margin-top:0!important}
  #tecnologias .tech-visual-top{top:13px!important}
}