@media (max-width: 900px){
  .precios{
    padding: 34px 0 54px;
  }

  .precios-panel{
    grid-template-columns: 1fr;
    grid-template-areas:
      "media"
      "content";
    gap: 18px;
    padding: 22px;
    border-radius: 36px;
    overflow: hidden;
    background: linear-gradient(to bottom, #6f93ad 0%, rgba(111, 147, 173, 0.85) 100%);
  }

  .precios-media{
    width: 100%;
    justify-content: center;
  }

  .precios-media img{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 260px;
    object-fit: contain;
    background: transparent;
    border-radius: 28px;
    box-shadow: 0 12px 26px rgba(0,0,0,.22);
  }

  .precios-title{
    font-size: 28px;
  }

  .precios-subtitle{
    font-size: 14px;
  }

  .precios-cards{
    max-width: 560px;
    gap: 14px;
  }

  .precios-card{
    border-radius: 18px;
    padding: 16px 14px;
  }

  .precios-card h3{
    font-size: 13px;
  }

  .precios-price{
    font-size: 13px;
  }
}

@media (max-width: 600px){
  .precios-inner{
    padding-inline: 22px;
  }

  .precios-panel{
    padding: 18px;
    border-radius: 34px;
  }

  .precios-media img{
    max-height: 240px;
    box-shadow: 0 10px 22px rgba(0,0,0,.22);
  }

  .precios-cards{
    grid-template-columns: 1fr 1fr;
  }

  .precios-note,
  .precios-extra{
    font-size: 12px;
  }
}