/* ===========================================================
   USTH by ComCargo S.R.L. — Responsive
=========================================================== */

@media (max-width: 960px){

  /* Header */

  nav.links{
    display: none;
  }

  header .cta.desktop-cta{
    display: none;
  }

  .burger{
    display: flex;
  }

  /* Hero: se desactiva el recorte circular, foto de fondo atenuada */

  .hero-rim{
    display: none;
  }

  .hero-photo{
    clip-path: none;
    opacity: 0.55;
  }

  .hero-photo::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7,32,40,0.45) 0%, rgba(7,32,40,0.75) 65%, rgba(7,32,40,0.88) 100%);
  }

  .hero-inner{
    padding: 56px 24px 110px;
  }

  .nosotros-inner{
    padding: 60px 24px;
  }

  .nosotros{
    background-attachment: scroll;
  }

  .nosotros-overlay{
    background: rgba(7,32,40,0.70);
  }

  .nosotros-seam{
    height: 120px;
  }

  .calidad{
    background-attachment: scroll;
    min-height: auto;
  }

  .calidad-overlay{
    background: rgba(7,32,40,0.72);
  }

  .calidad-seam{
    height: 100px;
  }

  .calidad-norms{
    padding: 24px;
  }

  .scope-list{
    gap: 32px;
  }

  .metrics-ribbon{
    padding: 32px 0;
  }

  .metrics-ribbon-inner{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    row-gap: 24px;
  }

  .metrics-ribbon-inner strong{
    font-size: 26px;
  }

  .servicios{
    padding: 50px 0;
  }

  .servicios-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }

  .servicio-madre{
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
    gap: 12px;
  }

  .servicio-madre p{
    flex: none;
    max-width: none;
  }

  .servicio-madre-heading{
    min-width: 0;
  }

  .value-strip{
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
  }

  .value-item{
    border-right: none;
    padding: 0;
  }

  .seguridad{
    padding: 60px 0;
  }

  .seguridad-chain{
    flex-direction: column;
    gap: 14px;
    margin-top: 36px;
  }

  .seguridad-chain-line{
    display: none;
  }

  .seguridad-step{
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
  }

  .seguridad-step-badge{
    margin: 0;
    flex-shrink: 0;
  }

  .seguridad-step h3{
    flex: 1;
    margin: 0;
  }

  .seguridad-step:hover,
  .seguridad-step.is-expanded{
    transform: none;
  }

  .seguridad-step-detail{
    flex-basis: 100%;
  }

  .seguridad-scope{
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
    gap: 12px;
  }

  .seguridad-scope p{
    flex: none;
    max-width: none;
  }

  .seguridad-scope-heading{
    min-width: 0;
  }

  .seguridad-scope-cta{
    margin-left: 0;
  }

  .contacto{
    padding-top: 60px;
  }

  .contacto-inner{
    padding: 0 24px;
  }

  .contacto-form-row{
    grid-template-columns: 1fr;
  }

  .contacto-footer-inner{
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 0 24px;
  }

}

@media (max-width: 560px){

  .value-strip{
    grid-template-columns: 1fr;
  }

  .servicios-grid{
    grid-template-columns: 1fr;
  }

}

@media (min-width: 1600px){

  .value-strip-wrap{
    margin-top: -40px;
  }

}