.propuesta {
          width: 100%;
          display: flex;
          flex-direction: column;
          background-color: #f0efee;
          align-items: center;
          position: relative;
          overflow: hidden;
        }

        .propuesta .back {
          width: 100%;
          display: flex;
          height: 532px;
          position: relative;
          overflow: hidden;
        }

        .propuesta .imagen {
          width: 100%;
          height: 100%;
          position: relative;
        }

        .propuesta .imagen::after {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(
            170deg,
            rgba(2,2,2,0.15) 20%,
            rgba(1,1,1,0.4) 50%,
            rgba(0,0,0,0.8) 100%
          );
          pointer-events: none;
        }

	        .propuesta .imagen img {
	          width: 100%;
	          height: 100%;
	          display: block;
	          object-fit: cover;
	          object-position: right;
	          transition: transform 0.55s ease;
	        }

        .propuesta:hover .imagen img {
          transform: scale(1.03);
        }

        .propuesta .bottom {
	          width: 100%;
	          display: flex;
	          justify-content: flex-start;
	          max-width: 1764px;
	          margin-top: -363px;
	          padding-left: 78px;
	          position: relative;
	          z-index: 1;
	        }

        .propuesta .info {
	          width: 100%;
	          max-width: 1172px;
	          display: flex;
	          flex-direction: column;
	        }

        .propuesta h4 {
	          color: #fff;
	          font-size: 22px;
	          line-height: normal;
	          margin-bottom: 28px;
	          max-width: 373px;
	        }

        .propuesta h2 {
          color: #fff;
          font-size: 40px;
	          line-height: 38px;
	          letter-spacing: -0.8px;
	          max-width: 680px;
	          margin-bottom: 117px;
	        }

	        .propuesta .tarjeta {
	          width: 100%;
	          display: flex;
	          background-color: #f0efee;
	          flex-direction: row;
	          padding: 12px 57px 47px 57px;
	          border-left: 1px solid #cecece;
	          border-right: 1px solid #cecece;
	          gap: 63px;
	          min-height: 305px;
	        }

	        .propuesta .tarjeta > div {
	          width: 100%;
	          max-width: 300px;
	          display: flex;
	          flex-direction: column;
	        }

	        .propuesta .tarjeta .numero {
	          color: #cfcfcf;
	          font-size: 120px;
	          line-height: 174.349px;
	          letter-spacing: -4px;
	        }

	        .propuesta .tarjeta h3 {
	          color: #4c4c4c;
	          font-size: 17px;
	          line-height: 28.8px;
	          letter-spacing: -0.192px;
	        }

	        .propuesta .tarjeta p {
	          color: #4c4c4c;
	          font-size: 16px;
	          line-height: 23px;
	          margin-top: 3px;
	        }

        @media (max-width: 980px) {
          .propuesta .back {
            height: 420px;
          }

          .propuesta .imagen::after {
            background: linear-gradient(
              -180deg,
              rgba(2,2,2,0.15) 20%,
              rgba(1,1,1,0.4) 50%,
              rgba(0,0,0,0.8) 100%
            );
          }

	          .propuesta .bottom {
	            justify-content: center;
	            margin-top: -280px;
	            padding: 0 24px 72px;
	          }

	          .propuesta .info {
	            max-width: 1172px;
	          }

          .propuesta h4 {
            font-size: 20px;
            margin-bottom: 22px;
          }

          .propuesta h2 {
            font-size: 34px;
            line-height: 37px;
            margin-bottom: 56px;
          }
	        }

        @media (max-width: 680px) {
          .propuesta .back {
            height: 520px;
          }

	          .propuesta .bottom {
	            margin-top: -260px;
	            padding: 0 18px 56px;
	          }

          .propuesta .info {
            align-items: center;
            text-align: center;
          }

          .propuesta h4 {
            font-size: 18px;
            margin-bottom: 18px;
          }

	          .propuesta h2 {
	            font-size: 28px;
	            line-height: 31px;
	            margin-bottom: 36px;
	          }

	          .propuesta .tarjeta {
	            padding: 28px 22px;
	            gap: 30px;
	            width: 100%;
	            min-width: 0;
	            flex-direction: column;
	          }

	          .propuesta .tarjeta > div {
	            max-width: none;
	          }

	          .propuesta .tarjeta .numero {
	            font-size: 72px;
	            line-height: 82px;
	          }

          .propuesta .imagen::after {
            background: linear-gradient(
              -180deg,
              rgba(2,2,2,0.15) 20%,
              rgba(1,1,1,0.4) 50%,
              rgba(0,0,0,0.8) 100%
            );
          }
        }

        @media (max-width: 480px) {
          .propuesta .tarjeta {
            min-width: 250px;
          }
        }

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

          .propuesta:hover .imagen img {
            transform: none;
          }
        }

/* Large viewport proportional scaling */
@media (min-width: 1765px){
  .propuesta .back{
          width: 100%;
          display: flex;
          height: 30.1587vw;
          position: relative;
          overflow: hidden;
        }
  .propuesta .bottom{
	          width: 100%;
	          display: flex;
	          justify-content: flex-start;
	          max-width: 100vw;
	          margin-top: -20.5782vw;
	          padding-left: 4.4218vw;
	          position: relative;
	          z-index: 1;
	        }
  .propuesta .info{
	          width: 100%;
	          max-width: 66.4399vw;
	          display: flex;
	          flex-direction: column;
	        }
  .propuesta h4{
	          color: #fff;
	          font-size: 1.2472vw;
	          line-height: normal;
	          margin-bottom: 1.5873vw;
	          max-width: 21.1451vw;
	        }
  .propuesta h2{
          color: #fff;
          font-size: 2.2676vw;
	          line-height: 2.1542vw;
	          letter-spacing: -0.0454vw;
	          max-width: 38.5488vw;
	          margin-bottom: 6.6327vw;
	        }
  .propuesta .tarjeta{
	          width: 100%;
	          display: flex;
	          background-color: #f0efee;
	          flex-direction: row;
	          padding: 0.6803vw 3.2313vw 2.6644vw 3.2313vw;
	          border-left: 0.0567vw solid #cecece;
	          border-right: 0.0567vw solid #cecece;
	          gap: 3.5714vw;
	          min-height: 17.2902vw;
	        }
  .propuesta .tarjeta > div{
	          width: 100%;
	          max-width: 17.0068vw;
	          display: flex;
	          flex-direction: column;
	        }
  .propuesta .tarjeta .numero{
	          color: #cfcfcf;
	          font-size: 6.8027vw;
	          line-height: 9.8837vw;
	          letter-spacing: -0.2268vw;
	        }
  .propuesta .tarjeta h3{
	          color: #4c4c4c;
	          font-size: 0.9637vw;
	          line-height: 1.6327vw;
	          letter-spacing: -0.0109vw;
	        }
  .propuesta .tarjeta p{
	          color: #4c4c4c;
	          font-size: 0.907vw;
	          line-height: 1.3039vw;
	          margin-top: 0.1701vw;
	        }
}
/* End large viewport proportional scaling */