@media (max-width: 480px) {
  /* Global - Eliminado padding del body para evitar conflictos con el menú */
  
  /* section-1 container */
  .section_1 .section_1_container {
    width: 100%;
    padding: 0px 15px;
  }

  /* section-1-1 (Image grid) */
  .section_1_container .section_1_1 {
    flex-direction: column;
    height: auto;
  }

  .section_1_1>.sec_1_1,
  .section_1_1>.sec_1_2 {
    width: 100%;
    height: auto;
  }

  .section_1_1>.sec_1_1 img {
    border-radius: 12px;
    height: auto;
  }



  .section_1_1>.sec_1_2 {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .section_1_1>.sec_1_2>div {
    width: 100%;
    height: auto;
    position: relative;
  }

  .section_1_1>.sec_1_2 > div img{
    border-radius: 8px;
} 

  .section_1_1>.sec_1_2 > div .img2{
    border-radius: 8px ;
} 

.section_1_1>.sec_1_2 > div:last-child .img4{
    border-radius: 8px;
    position: static;
} 

.section_1_1>.sec_1_2 > .img4div .btn1{
    position: absolute;
    left:-45%;
    bottom: -40%;
    width: 164px;
    height: 35px;
    border: none;
    background-color: #46AD67;
    color: white;
    font-size: 18px;
    cursor: pointer;
}

  /* section-1-2 (Title + Details + Buttons) */
  .section_1_container .section_1_2 {
    flex-direction: column;
    height: auto;
    align-items: flex-start;
    gap: 15px;
    margin-top: 60px;
  }

  .section_1_2>div:first-child {
    width: 100%;
    padding-left: 0;
  }

  .section_1_2>div:first-child h3,
  .section_1_2>div:first-child h4 {
    font-size: 22px;
  }

  .section_1_2>div:first-child p {
    font-size: 16px;
  }

  .section_1_2>div:nth-child(2) {
    width: 100%;
    justify-content: start;
    gap: 40px;
}

  .section_1_2> div:nth-child(2) >div{
    margin-left: 0px !important;
  }

  .section_1_2>div:nth-child(2)>div strong {
    font-size: 22px;
  }

  .section_1_2>div:nth-child(2)>div p {
    font-size: 14px;
  }

  .section_1_2>div:last-child {
    width: 100%;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
  }

  .section_1_2>div:last-child button {
    width: 100%;
    height: 45px;
    font-size: 14px;
  }

  /* section-1-3 (Tabs + Content) */
  .section_1_container .section_1_3 {
    width: 100%;
    margin-top: 30px;
  }

  .tabs {
    flex-direction: column;
    gap: 5px;
  }

  .tab-btn {
    width: 100%;
    font-size: 16px;
    height: auto;
    padding: 8px 0;
  }

  .tab-content h2 {
    font-size: 22px;
  }

  .tab-content p {
    font-size: 16px;
  }
}