.etica{
  display:flex;
  width:100%;
  background-color:#f0efee;
  padding:80px 84px 92px;
  justify-content: center;
}
      

.etica .content{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:65px;
  max-width:1602px;
}


.etica .top{
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:843px;
  align-self:center;
  text-align:center;
}

.etica h4{
  color:#545454;
  font-size:22px;
  line-height:normal;
  letter-spacing:0;
}

.etica h2{
  color:#4c4c4c;
  font-size:30px;
  line-height:33px;
  margin-top:13px;
}

.etica h2 span{
  color:#b72323;
}

  .etica .bottom{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:18px;
  }

      .etica .card{
        flex:1 1 0;
        max-width:522px;
        min-width:0;
        display:flex;
        flex-direction:column;
        gap:0;
      }

      .etica .fotoSpace{
        width:100%;
        display:flex;
        flex-direction:column;
      }

      .etica .foto{
        width:100%;
        aspect-ratio:782 / 359;
        background-color:#d9d9d9;
        overflow:hidden;
      }

      .etica .foto img{
        width:100%;
        height:100%;
        display:block;
        object-fit:cover;
        object-position:center;
        transition:transform 0.35s ease;
      }

      .etica .card:hover .foto img{
        transform:scale(1.04);
      }

      .etica .decoration{
        height:5px;
        width:100%;
        background-color:#b72323;
      }

      .etica h5{
        color:#575757;
        font-size:22px;
        line-height:normal;
        margin-top:32px;
        padding-left:5px;
      }

      .etica p{
        color:#000;
        font-size:16px;
        line-height:23px;
        max-width:460px;
        margin-top:16px;
        padding-left:5px;
      }

      @media (max-width: 1003px){
        .etica{
          padding:56px 20px;
        }

        .etica .content{
          gap:48px;
        }

        .etica .bottom{
          flex-direction:column;
          align-items:center;
          gap:34px;
        }

        .etica .card{
          width:100%;
          max-width:720px;
        }

        .etica p{
          max-width:720px;
        }
      }

      @media (max-width: 560px){
        .etica{
          padding:56px 18px;
        }

        .etica .content{
          gap:36px;
        }

        .etica h4,
        .etica h5{
          font-size:20px;
        }

        .etica h2{
          font-size:24px;
          line-height:28px;
        }

        .etica p{
          font-size:14px;
          line-height:19px;
        }
      }

      @media (prefers-reduced-motion: reduce){
        .etica .foto img{
          transition:none;
        }

        .etica .card:hover .foto img{
          transform:none;
        }
      }

/* Large viewport proportional scaling */
@media (min-width: 1765px){
  .etica{
  display:flex;
  width:100%;
  background-color:#f0efee;
  padding:4.5351vw 4.7619vw 5.2154vw;
  justify-content: center;
}
  .etica .content{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:3.6848vw;
  max-width:90.8163vw;
}
  .etica .top{
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:47.7891vw;
  align-self:center;
  text-align:center;
}
  .etica h4{
  color:#545454;
  font-size:1.2472vw;
  line-height:normal;
  letter-spacing:0;
}
  .etica h2{
  color:#4c4c4c;
  font-size:1.7007vw;
  line-height:1.8707vw;
  margin-top:0.737vw;
}
  .etica .bottom{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:1.0204vw;
  }
  .etica .card{
        flex:1 1 0;
        max-width:29.5918vw;
        min-width:0;
        display:flex;
        flex-direction:column;
        gap:0;
      }
  .etica .decoration{
        height:0.2834vw;
        width:100%;
        background-color:#b72323;
      }
  .etica h5{
        color:#575757;
        font-size:1.2472vw;
        line-height:normal;
        margin-top:1.8141vw;
        padding-left:0.2834vw;
      }
  .etica p{
        color:#000;
        font-size:0.907vw;
        line-height:1.3039vw;
        max-width:26.0771vw;
        margin-top:0.907vw;
        padding-left:0.2834vw;
      }
}
/* End large viewport proportional scaling */