@media (min-width: 769px) {
  .t-rminos-y-condiciones,
  .t-rminos-y-condiciones * {
    box-sizing: border-box;
  }
  .t-rminos-y-condiciones {
    background: var(--bg-verde, #0f2d07);
    height: 1129px;
    position: relative;
    overflow: hidden;
  }

  /* Imagen del pan decorativo (reemplaza capas 1, 12 y 13) */
  .pan-decorativo {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 300px;
    max-height: 400px;
    z-index: 1;
    opacity: 1;
    object-fit: contain;
    pointer-events: none;
    /* No interferir con clics */
  }

  /* Posicionamiento de cada pan */
  .pan-decorativo.pan-1 {
    bottom: 16%;
    right: 13%;
    width: 8%;
    transform: rotate(19deg);
    z-index: 0;
  }

  .pan-decorativo.pan-2 {
    top: 24%;
    left: 11%;
    transform: rotate(-15deg);
    width: 8%;
    z-index: 0;
  }

  .pan-decorativo.pan-3 {
    bottom: 9%;
    left: 15%;
    z-index: 0;
    width: 8%;
    transform: rotate(132deg);
  }

  .pan-decorativo.pan-4 {
    top: 15%;
    right: 8%;
    transform: scaleX(-1) rotate(341deg);
    z-index: 0;
    width: 8%;
  }

  .capa-1 {
    width: 149.35px;
    height: 245.31px;
    position: absolute;
    left: 459.9px;
    top: 921.84px;
    transform-origin: 0 0;
    transform: rotate(126.769deg) scale(1, 1);
    overflow: hidden;
  }
  .vector {
    width: 81.49%;
    height: 12.06%;
    position: absolute;
    right: 16.61%;
    left: 1.9%;
    bottom: 86.98%;
    top: 0.97%;
    overflow: visible;
  }
  .vector2 {
    width: 51.69%;
    height: 11.91%;
    position: absolute;
    right: 17.01%;
    left: 31.3%;
    bottom: 87.07%;
    top: 1.02%;
    overflow: visible;
  }
  .vector3 {
    width: 97.04%;
    height: 92.56%;
    position: absolute;
    right: 1.36%;
    left: 1.6%;
    bottom: 1.09%;
    top: 6.36%;
    overflow: visible;
  }
  .vector4 {
    width: 86.47%;
    height: 82.88%;
    position: absolute;
    right: 10.77%;
    left: 2.77%;
    bottom: 5.69%;
    top: 11.43%;
    overflow: visible;
  }
  .vector5 {
    width: 6.68%;
    height: 85.09%;
    position: absolute;
    right: 91.57%;
    left: 1.75%;
    bottom: 1.45%;
    top: 13.46%;
    overflow: visible;
  }
  .vector6 {
    width: 93.78%;
    height: 16.14%;
    position: absolute;
    right: 5.06%;
    left: 1.16%;
    bottom: 78.39%;
    top: 5.47%;
    overflow: visible;
  }
  .vector7 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    overflow: visible;
  }
  .vector8 {
    opacity: 0.8;
    width: 4.93%;
    height: 3.29%;
    position: absolute;
    right: 32.09%;
    left: 62.98%;
    bottom: 58.11%;
    top: 38.6%;
    overflow: visible;
  }
  .vector9 {
    width: 4.93%;
    height: 3.29%;
    position: absolute;
    right: 84.13%;
    left: 10.93%;
    bottom: 42.69%;
    top: 54.02%;
    overflow: visible;
  }
  .vector10 {
    opacity: 0.8;
    width: 3.42%;
    height: 2.04%;
    position: absolute;
    right: 38.4%;
    left: 58.19%;
    bottom: 62.78%;
    top: 35.18%;
    overflow: visible;
  }
  .vector11 {
    opacity: 0.8;
    width: 3.83%;
    height: 2.7%;
    position: absolute;
    right: 75.06%;
    left: 21.11%;
    bottom: 34.36%;
    top: 62.94%;
    overflow: visible;
  }
  .vector12 {
    opacity: 0.8;
    width: 4.47%;
    height: 3.04%;
    position: absolute;
    right: 64.23%;
    left: 31.3%;
    bottom: 63.88%;
    top: 33.07%;
    overflow: visible;
  }
  .vector13 {
    width: 4.47%;
    height: 3.04%;
    position: absolute;
    right: 77.4%;
    left: 18.13%;
    bottom: 63.75%;
    top: 33.21%;
    overflow: visible;
  }
  .vector14 {
    width: 3.64%;
    height: 2.78%;
    position: absolute;
    right: 80.12%;
    left: 16.24%;
    bottom: 28.65%;
    top: 68.57%;
    overflow: visible;
  }
  .vector15 {
    opacity: 0.8;
    width: 3.6%;
    height: 2.3%;
    position: absolute;
    right: 56.09%;
    left: 40.3%;
    bottom: 9.51%;
    top: 88.19%;
    overflow: visible;
  }
  .vector16 {
    opacity: 0.8;
    width: 3.95%;
    height: 2.75%;
    position: absolute;
    right: 69.07%;
    left: 26.98%;
    bottom: 30.4%;
    top: 66.85%;
    overflow: visible;
  }
  .vector17 {
    opacity: 0.8;
    width: 3.95%;
    height: 2.75%;
    position: absolute;
    right: 24.35%;
    left: 71.7%;
    bottom: 38.86%;
    top: 58.39%;
    overflow: visible;
  }
  .group {
    width: 15.6%;
    height: 11.22%;
    position: absolute;
    right: 39.61%;
    left: 44.79%;
    bottom: 70.08%;
    top: 18.7%;
    overflow: visible;
  }
  .group2 {
    width: 15.29%;
    height: 9.84%;
    position: absolute;
    right: 74.55%;
    left: 10.16%;
    bottom: 73.4%;
    top: 16.77%;
    overflow: visible;
  }
  .group3 {
    width: 16.23%;
    height: 11.37%;
    position: absolute;
    right: 31.67%;
    left: 52.1%;
    bottom: 42.55%;
    top: 46.08%;
    overflow: visible;
  }
  .group4 {
    width: 15.37%;
    height: 14.46%;
    position: absolute;
    right: 47.93%;
    left: 36.7%;
    bottom: 23.61%;
    top: 61.93%;
    overflow: visible;
  }
  .group5 {
    width: 19.26%;
    height: 12.92%;
    position: absolute;
    right: 65.07%;
    left: 15.67%;
    bottom: 10.53%;
    top: 76.56%;
    overflow: visible;
  }
  .group6 {
    width: 14.21%;
    height: 9.87%;
    position: absolute;
    right: 22.88%;
    left: 62.91%;
    bottom: 24.04%;
    top: 66.1%;
    overflow: visible;
  }
  .group7 {
    width: 19.09%;
    height: 10.55%;
    position: absolute;
    right: 65.4%;
    left: 15.51%;
    bottom: 45.92%;
    top: 43.53%;
    overflow: visible;
  }
  .group8 {
    width: 14.58%;
    height: 9.4%;
    position: absolute;
    right: 17.58%;
    left: 67.84%;
    bottom: 64.04%;
    top: 26.55%;
    overflow: visible;
  }
  .group9 {
    width: 17.71%;
    height: 10.55%;
    position: absolute;
    right: 27.38%;
    left: 54.91%;
    bottom: 8.48%;
    top: 80.97%;
    overflow: visible;
  }
  .capa-12 {
    width: 149.35px;
    height: 245.31px;
    position: absolute;
    left: 1436.19px;
    top: 715px;
    transform-origin: 0 0;
    transform: rotate(13.722deg) scale(1, 1);
    overflow: hidden;
  }
  .vector18 {
    width: 81.49%;
    height: 12.06%;
    position: absolute;
    right: 16.61%;
    left: 1.9%;
    bottom: 86.98%;
    top: 0.97%;
    overflow: visible;
  }
  .vector19 {
    width: 51.69%;
    height: 11.91%;
    position: absolute;
    right: 17.01%;
    left: 31.3%;
    bottom: 87.07%;
    top: 1.02%;
    overflow: visible;
  }
  .vector20 {
    width: 97.04%;
    height: 92.56%;
    position: absolute;
    right: 1.36%;
    left: 1.6%;
    bottom: 1.09%;
    top: 6.36%;
    overflow: visible;
  }
  .vector21 {
    width: 86.47%;
    height: 82.88%;
    position: absolute;
    right: 10.77%;
    left: 2.77%;
    bottom: 5.69%;
    top: 11.43%;
    overflow: visible;
  }
  .vector22 {
    width: 6.68%;
    height: 85.09%;
    position: absolute;
    right: 91.57%;
    left: 1.75%;
    bottom: 1.45%;
    top: 13.46%;
    overflow: visible;
  }
  .vector23 {
    width: 93.78%;
    height: 16.14%;
    position: absolute;
    right: 5.06%;
    left: 1.16%;
    bottom: 78.39%;
    top: 5.47%;
    overflow: visible;
  }
  .vector24 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    overflow: visible;
  }
  .vector25 {
    opacity: 0.8;
    width: 4.93%;
    height: 3.29%;
    position: absolute;
    right: 32.09%;
    left: 62.98%;
    bottom: 58.11%;
    top: 38.6%;
    overflow: visible;
  }
  .vector26 {
    width: 4.93%;
    height: 3.29%;
    position: absolute;
    right: 84.13%;
    left: 10.93%;
    bottom: 42.69%;
    top: 54.02%;
    overflow: visible;
  }
  .vector27 {
    opacity: 0.8;
    width: 3.42%;
    height: 2.04%;
    position: absolute;
    right: 38.4%;
    left: 58.19%;
    bottom: 62.78%;
    top: 35.18%;
    overflow: visible;
  }
  .vector28 {
    opacity: 0.8;
    width: 3.83%;
    height: 2.7%;
    position: absolute;
    right: 75.06%;
    left: 21.11%;
    bottom: 34.36%;
    top: 62.94%;
    overflow: visible;
  }
  .vector29 {
    opacity: 0.8;
    width: 4.47%;
    height: 3.04%;
    position: absolute;
    right: 64.23%;
    left: 31.3%;
    bottom: 63.88%;
    top: 33.07%;
    overflow: visible;
  }
  .vector30 {
    width: 4.47%;
    height: 3.04%;
    position: absolute;
    right: 77.4%;
    left: 18.13%;
    bottom: 63.75%;
    top: 33.21%;
    overflow: visible;
  }
  .vector31 {
    width: 3.64%;
    height: 2.78%;
    position: absolute;
    right: 80.12%;
    left: 16.24%;
    bottom: 28.65%;
    top: 68.57%;
    overflow: visible;
  }
  .vector32 {
    opacity: 0.8;
    width: 3.6%;
    height: 2.3%;
    position: absolute;
    right: 56.09%;
    left: 40.3%;
    bottom: 9.51%;
    top: 88.19%;
    overflow: visible;
  }
  .vector33 {
    opacity: 0.8;
    width: 3.95%;
    height: 2.75%;
    position: absolute;
    right: 69.07%;
    left: 26.98%;
    bottom: 30.4%;
    top: 66.85%;
    overflow: visible;
  }
  .vector34 {
    opacity: 0.8;
    width: 3.95%;
    height: 2.75%;
    position: absolute;
    right: 24.35%;
    left: 71.7%;
    bottom: 38.86%;
    top: 58.39%;
    overflow: visible;
  }
  .group10 {
    width: 15.6%;
    height: 11.22%;
    position: absolute;
    right: 39.61%;
    left: 44.79%;
    bottom: 70.08%;
    top: 18.7%;
    overflow: visible;
  }
  .group11 {
    width: 15.29%;
    height: 9.84%;
    position: absolute;
    right: 74.55%;
    left: 10.16%;
    bottom: 73.4%;
    top: 16.77%;
    overflow: visible;
  }
  .group12 {
    width: 16.23%;
    height: 11.37%;
    position: absolute;
    right: 31.67%;
    left: 52.1%;
    bottom: 42.55%;
    top: 46.08%;
    overflow: visible;
  }
  .group13 {
    width: 15.37%;
    height: 14.46%;
    position: absolute;
    right: 47.93%;
    left: 36.7%;
    bottom: 23.61%;
    top: 61.93%;
    overflow: visible;
  }
  .group14 {
    width: 19.26%;
    height: 12.92%;
    position: absolute;
    right: 65.07%;
    left: 15.67%;
    bottom: 10.53%;
    top: 76.56%;
    overflow: visible;
  }
  .group15 {
    width: 14.21%;
    height: 9.87%;
    position: absolute;
    right: 22.88%;
    left: 62.91%;
    bottom: 24.04%;
    top: 66.1%;
    overflow: visible;
  }
  .group16 {
    width: 19.09%;
    height: 10.55%;
    position: absolute;
    right: 65.4%;
    left: 15.51%;
    bottom: 45.92%;
    top: 43.53%;
    overflow: visible;
  }
  .group17 {
    width: 14.58%;
    height: 9.4%;
    position: absolute;
    right: 17.58%;
    left: 67.84%;
    bottom: 64.04%;
    top: 26.55%;
    overflow: visible;
  }
  .group18 {
    width: 17.71%;
    height: 10.55%;
    position: absolute;
    right: 27.38%;
    left: 54.91%;
    bottom: 8.48%;
    top: 80.97%;
    overflow: visible;
  }
  .capa-13 {
    width: 149.35px;
    height: 245.31px;
    position: absolute;
    left: 159px;
    top: 259.69px;
    transform-origin: 0 0;
    transform: rotate(-11.076deg) scale(1, 1);
    overflow: hidden;
  }
  .vector35 {
    width: 81.49%;
    height: 12.06%;
    position: absolute;
    right: 16.61%;
    left: 1.9%;
    bottom: 86.98%;
    top: 0.97%;
    overflow: visible;
  }
  .vector36 {
    width: 51.69%;
    height: 11.91%;
    position: absolute;
    right: 17.01%;
    left: 31.3%;
    bottom: 87.07%;
    top: 1.02%;
    overflow: visible;
  }
  .vector37 {
    width: 97.04%;
    height: 92.56%;
    position: absolute;
    right: 1.36%;
    left: 1.6%;
    bottom: 1.09%;
    top: 6.36%;
    overflow: visible;
  }
  .vector38 {
    width: 86.47%;
    height: 82.88%;
    position: absolute;
    right: 10.77%;
    left: 2.77%;
    bottom: 5.69%;
    top: 11.43%;
    overflow: visible;
  }
  .vector39 {
    width: 6.68%;
    height: 85.09%;
    position: absolute;
    right: 91.57%;
    left: 1.75%;
    bottom: 1.45%;
    top: 13.46%;
    overflow: visible;
  }
  .vector40 {
    width: 93.78%;
    height: 16.14%;
    position: absolute;
    right: 5.06%;
    left: 1.16%;
    bottom: 78.39%;
    top: 5.47%;
    overflow: visible;
  }
  .vector41 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    overflow: visible;
  }
  .vector42 {
    opacity: 0.8;
    width: 4.93%;
    height: 3.29%;
    position: absolute;
    right: 32.09%;
    left: 62.98%;
    bottom: 58.11%;
    top: 38.6%;
    overflow: visible;
  }
  .vector43 {
    width: 4.93%;
    height: 3.29%;
    position: absolute;
    right: 84.13%;
    left: 10.93%;
    bottom: 42.69%;
    top: 54.02%;
    overflow: visible;
  }
  .vector44 {
    opacity: 0.8;
    width: 3.42%;
    height: 2.04%;
    position: absolute;
    right: 38.4%;
    left: 58.19%;
    bottom: 62.78%;
    top: 35.18%;
    overflow: visible;
  }
  .vector45 {
    opacity: 0.8;
    width: 3.83%;
    height: 2.7%;
    position: absolute;
    right: 75.06%;
    left: 21.11%;
    bottom: 34.36%;
    top: 62.94%;
    overflow: visible;
  }
  .vector46 {
    opacity: 0.8;
    width: 4.47%;
    height: 3.04%;
    position: absolute;
    right: 64.23%;
    left: 31.3%;
    bottom: 63.88%;
    top: 33.07%;
    overflow: visible;
  }
  .vector47 {
    width: 4.47%;
    height: 3.04%;
    position: absolute;
    right: 77.4%;
    left: 18.13%;
    bottom: 63.75%;
    top: 33.21%;
    overflow: visible;
  }
  .vector48 {
    width: 3.64%;
    height: 2.78%;
    position: absolute;
    right: 80.12%;
    left: 16.24%;
    bottom: 28.65%;
    top: 68.57%;
    overflow: visible;
  }
  .vector49 {
    opacity: 0.8;
    width: 3.6%;
    height: 2.3%;
    position: absolute;
    right: 56.09%;
    left: 40.3%;
    bottom: 9.51%;
    top: 88.19%;
    overflow: visible;
  }
  .vector50 {
    opacity: 0.8;
    width: 3.95%;
    height: 2.75%;
    position: absolute;
    right: 69.07%;
    left: 26.98%;
    bottom: 30.4%;
    top: 66.85%;
    overflow: visible;
  }
  .vector51 {
    opacity: 0.8;
    width: 3.95%;
    height: 2.75%;
    position: absolute;
    right: 24.35%;
    left: 71.7%;
    bottom: 38.86%;
    top: 58.39%;
    overflow: visible;
  }
  .group19 {
    width: 15.6%;
    height: 11.22%;
    position: absolute;
    right: 39.61%;
    left: 44.79%;
    bottom: 70.08%;
    top: 18.7%;
    overflow: visible;
  }
  .group20 {
    width: 15.29%;
    height: 9.84%;
    position: absolute;
    right: 74.55%;
    left: 10.16%;
    bottom: 73.4%;
    top: 16.77%;
    overflow: visible;
  }
  .group21 {
    width: 16.23%;
    height: 11.37%;
    position: absolute;
    right: 31.67%;
    left: 52.1%;
    bottom: 42.55%;
    top: 46.08%;
    overflow: visible;
  }
  .group22 {
    width: 15.37%;
    height: 14.46%;
    position: absolute;
    right: 47.93%;
    left: 36.7%;
    bottom: 23.61%;
    top: 61.93%;
    overflow: visible;
  }
  .group23 {
    width: 19.26%;
    height: 12.92%;
    position: absolute;
    right: 65.07%;
    left: 15.67%;
    bottom: 10.53%;
    top: 76.56%;
    overflow: visible;
  }
  .group24 {
    width: 14.21%;
    height: 9.87%;
    position: absolute;
    right: 22.88%;
    left: 62.91%;
    bottom: 24.04%;
    top: 66.1%;
    overflow: visible;
  }
  .group25 {
    width: 19.09%;
    height: 10.55%;
    position: absolute;
    right: 65.4%;
    left: 15.51%;
    bottom: 45.92%;
    top: 43.53%;
    overflow: visible;
  }
  .group26 {
    width: 14.58%;
    height: 9.4%;
    position: absolute;
    right: 17.58%;
    left: 67.84%;
    bottom: 64.04%;
    top: 26.55%;
    overflow: visible;
  }
  .group27 {
    width: 17.71%;
    height: 10.55%;
    position: absolute;
    right: 27.38%;
    left: 54.91%;
    bottom: 8.48%;
    top: 80.97%;
    overflow: visible;
  }
  .capa-14 {
    width: 149.35px;
    height: 245.31px;
    position: absolute;
    left: 1635.32px;
    top: 156.75px;
    transform-origin: 0 0;
    transform: rotate(-17.839deg) scale(-1, 1);
    overflow: hidden;
  }
  .vector52 {
    width: 81.49%;
    height: 12.06%;
    position: absolute;
    right: 16.61%;
    left: 1.9%;
    bottom: 86.98%;
    top: 0.97%;
    overflow: visible;
  }
  .vector53 {
    width: 51.69%;
    height: 11.91%;
    position: absolute;
    right: 17.01%;
    left: 31.3%;
    bottom: 87.07%;
    top: 1.02%;
    overflow: visible;
  }
  .vector54 {
    width: 97.04%;
    height: 92.56%;
    position: absolute;
    right: 1.36%;
    left: 1.6%;
    bottom: 1.09%;
    top: 6.36%;
    overflow: visible;
  }
  .vector55 {
    width: 86.47%;
    height: 82.88%;
    position: absolute;
    right: 10.77%;
    left: 2.77%;
    bottom: 5.69%;
    top: 11.43%;
    overflow: visible;
  }
  .vector56 {
    width: 6.68%;
    height: 85.09%;
    position: absolute;
    right: 91.57%;
    left: 1.75%;
    bottom: 1.45%;
    top: 13.46%;
    overflow: visible;
  }
  .vector57 {
    width: 93.78%;
    height: 16.14%;
    position: absolute;
    right: 5.06%;
    left: 1.16%;
    bottom: 78.39%;
    top: 5.47%;
    overflow: visible;
  }
  .vector58 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    overflow: visible;
  }
  .vector59 {
    opacity: 0.8;
    width: 4.93%;
    height: 3.29%;
    position: absolute;
    right: 32.09%;
    left: 62.98%;
    bottom: 58.11%;
    top: 38.6%;
    overflow: visible;
  }
  .vector60 {
    width: 4.93%;
    height: 3.29%;
    position: absolute;
    right: 84.13%;
    left: 10.93%;
    bottom: 42.69%;
    top: 54.02%;
    overflow: visible;
  }
  .vector61 {
    opacity: 0.8;
    width: 3.42%;
    height: 2.04%;
    position: absolute;
    right: 38.4%;
    left: 58.19%;
    bottom: 62.78%;
    top: 35.18%;
    overflow: visible;
  }
  .vector62 {
    opacity: 0.8;
    width: 3.83%;
    height: 2.7%;
    position: absolute;
    right: 75.06%;
    left: 21.11%;
    bottom: 34.36%;
    top: 62.94%;
    overflow: visible;
  }
  .vector63 {
    opacity: 0.8;
    width: 4.47%;
    height: 3.04%;
    position: absolute;
    right: 64.23%;
    left: 31.3%;
    bottom: 63.88%;
    top: 33.07%;
    overflow: visible;
  }
  .vector64 {
    width: 4.47%;
    height: 3.04%;
    position: absolute;
    right: 77.4%;
    left: 18.13%;
    bottom: 63.75%;
    top: 33.21%;
    overflow: visible;
  }
  .vector65 {
    width: 3.64%;
    height: 2.78%;
    position: absolute;
    right: 80.12%;
    left: 16.24%;
    bottom: 28.65%;
    top: 68.57%;
    overflow: visible;
  }
  .vector66 {
    opacity: 0.8;
    width: 3.6%;
    height: 2.3%;
    position: absolute;
    right: 56.09%;
    left: 40.3%;
    bottom: 9.51%;
    top: 88.19%;
    overflow: visible;
  }
  .vector67 {
    opacity: 0.8;
    width: 3.95%;
    height: 2.75%;
    position: absolute;
    right: 69.07%;
    left: 26.98%;
    bottom: 30.4%;
    top: 66.85%;
    overflow: visible;
  }
  .vector68 {
    opacity: 0.8;
    width: 3.95%;
    height: 2.75%;
    position: absolute;
    right: 24.35%;
    left: 71.7%;
    bottom: 38.86%;
    top: 58.39%;
    overflow: visible;
  }
  .group28 {
    width: 15.6%;
    height: 11.22%;
    position: absolute;
    right: 39.61%;
    left: 44.79%;
    bottom: 70.08%;
    top: 18.7%;
    overflow: visible;
  }
  .group29 {
    width: 15.29%;
    height: 9.84%;
    position: absolute;
    right: 74.55%;
    left: 10.16%;
    bottom: 73.4%;
    top: 16.77%;
    overflow: visible;
  }
  .group30 {
    width: 16.23%;
    height: 11.37%;
    position: absolute;
    right: 31.67%;
    left: 52.1%;
    bottom: 42.55%;
    top: 46.08%;
    overflow: visible;
  }
  .group31 {
    width: 15.37%;
    height: 14.46%;
    position: absolute;
    right: 47.93%;
    left: 36.7%;
    bottom: 23.61%;
    top: 61.93%;
    overflow: visible;
  }
  .group32 {
    width: 19.26%;
    height: 12.92%;
    position: absolute;
    right: 65.07%;
    left: 15.67%;
    bottom: 10.53%;
    top: 76.56%;
    overflow: visible;
  }
  .group33 {
    width: 14.21%;
    height: 9.87%;
    position: absolute;
    right: 22.88%;
    left: 62.91%;
    bottom: 24.04%;
    top: 66.1%;
    overflow: visible;
  }
  .group34 {
    width: 19.09%;
    height: 10.55%;
    position: absolute;
    right: 65.4%;
    left: 15.51%;
    bottom: 45.92%;
    top: 43.53%;
    overflow: visible;
  }
  .group35 {
    width: 14.58%;
    height: 9.4%;
    position: absolute;
    right: 17.58%;
    left: 67.84%;
    bottom: 64.04%;
    top: 26.55%;
    overflow: visible;
  }
  .group36 {
    width: 17.71%;
    height: 10.55%;
    position: absolute;
    right: 27.38%;
    left: 54.91%;
    bottom: 8.48%;
    top: 80.97%;
    overflow: visible;
  }
  .esfera {
    height: auto;
    position: absolute;
    right: -140.92px;
    top: 878.94px;
    transform: translate(0px, -251.94px);
    overflow: visible;
    opacity: 1;
  }
  .esfera2 {
    height: auto;
    position: absolute;
    right: 90%;
    top: 38px;
    transform: translate(92.15px, 0px);
    overflow: visible;
    opacity: 1;
  }
  .frame-102 {
    width: 349px;
    height: 571px;
    position: absolute;
    left: -40px;
    top: 787.42px;
    transform-origin: 0 0;
    transform: rotate(-5deg) scale(1, 1);
  }
  .group-47 {
    height: auto;
    transform: rotate(8deg);
    position: absolute;
    left: -10%;
    top: -5%;
    overflow: visible;
  }
  .frame-103 {
    width: 349px;
    height: 571px;
    position: absolute;
    right: 46px;
    top: 525.98px;
    transform-origin: 0 0;
    transform: rotate(-68.62deg) scale(1, 1);
  }
  .group-472 {
    height: auto;
    position: absolute;
    transform: rotate(70deg);
    left: -185px;
    top: 31px;
    overflow: visible;
  }

  /* Ocultar frame-104 en desktop (solo visible en móvil) */
  .frame-104 {
    display: none;
  }
  .frame-77 {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: calc(50% - 314px);
    top: 788px;
  }
  .frame-76 {
    display: flex;
    flex-direction: row;
    gap: 18px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 712px;
    position: relative;
  }
  .frame-35 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 30px;
    height: 217px;
    position: relative;
  }
  .casillas {
    align-self: stretch;
    flex-shrink: 0;
    height: 30px;
    position: relative;
  }
  .rectangle-1 {
    background: rgba(217, 217, 217, 0);
    border-radius: 6px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 2px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
  }
  .rectangle-1.checked {
    background: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.5) !important;
  }
  .rectangle-1.checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 19px;
    height: 13px;
    background-image: url('../check/layer-50.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .component-3 {
    align-self: stretch;
    flex-shrink: 0;
    height: 30px;
    position: relative;
  }
  .component-4 {
    align-self: stretch;
    flex-shrink: 0;
    height: 30px;
    position: relative;
  }
  .frame-34 {
    flex: 1;
    height: 217px;
    position: relative;
  }
  .acepto-t-rminos-de-uso {
    color: #ffffff;
    text-align: left;
    font-family: "Nunito-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 573px;
  }
  .tengo-m-s-de-18-a-os-he-le-do-y-acepto-la-pol-tica-de-privacidad-y-la-pol-tica-de-cookies {
    color: #ffffff;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    left: 0px;
    top: 49px;
    width: 651px;
    height: 23px;
  }
  .tengo-m-s-de-18-a-os-he-le-do-y-acepto-la-pol-tica-de-privacidad-y-la-pol-tica-de-cookies-span {
    font-family: "Nunito-Regular", sans-serif;
  }
  .tengo-m-s-de-18-a-os-he-le-do-y-acepto-la-pol-tica-de-privacidad-y-la-pol-tica-de-cookies-span2 {
    font-family: "Nunito-Bold", sans-serif;
    font-weight: 700;
    text-decoration: underline;
    color: #fef8cf;
  }
  .acepto-t-rminos-de-uso a {
    color: #fef8cf;
    text-decoration: underline;
    position: relative;
    z-index: 10;
    display: inline-block;
  }
  .entiendo-que-mi-participaci-n-podr-a-contener-datos-personales-sensibles-y-autorizo-su-uso-para-generar-contenido-mediante-inteligencia-artificial-de-acuerdo-con-la-pol-tica-de-privacidad {
    color: #ffffff;
    text-align: left;
    font-family: "Nunito-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    left: 0px;
    top: 99px;
    width: 521px;
    height: 118px;
  }
  .bot-n-2 {
    background: #fef8cf;
    border-radius: 12px;
    padding: 16px 29px 16px 29px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
  }
  .bot-n-2:hover {
    background: #A80E1F !important;
    transform: translateY(-2px);
    box-shadow: 0 20px 40px rgba(168, 14, 31, 0.3);
  }
  .bot-n-2:hover .lorem-ipsum-dolor-sit {
    background: linear-gradient(to left, #FEF8CF, #FEF8CF) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #FEF8CF !important;
  }
  .bot-n-2:active {
    transform: scale(0.96);
    box-shadow: 0 12px 24px rgba(15, 45, 7, 0.28);
  }
  .lorem-ipsum-dolor-sit {
    background: linear-gradient(to left, #0f2d07, #0f2d07),
      linear-gradient(to left, #790002, #790002);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: "Nunito-ExtraBold", sans-serif;
    font-size: 32px;
    font-weight: 800;
    position: relative;
    transition: background 0.3s ease, color 0.3s ease;
  }
  .hamburguesa {
    width: 39px;
    height: 31.2px;
    position: absolute;
    right: 67px;
    top: 47px;
    cursor: pointer;
    transition: transform 0.3s ease;
  }
  .hamburguesa:hover {
    transform: scale(1.1);
  }
  .rectangle-5 {
    background: #fef8cf;
    border-radius: 15px;
    width: 100%;
    height: 25%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 75%;
    top: 0%;
    transition: all 0.3s ease;
  }
  .rectangle-6 {
    background: #fef8cf;
    border-radius: 15px;
    width: 100%;
    height: 25%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 37.5%;
    top: 37.5%;
    transition: all 0.3s ease;
  }
  .rectangle-7 {
    background: #fef8cf;
    border-radius: 15px;
    width: 100%;
    height: 25%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 75%;
    transition: all 0.3s ease;
  }
  .hamburguesa:hover .rectangle-5 {
    width: 61.54%;
    right: 38.46%;
    left: 0%;
    bottom: 75%;
    top: -0.64%;
    background: #ea0029;
  }
  .hamburguesa:hover .rectangle-6 {
    width: 79.49%;
    right: 20.51%;
    left: 0%;
    bottom: 36.54%;
    top: 37.82%;
    background: #ea0029;
  }
  .hamburguesa:hover .rectangle-7 {
    width: 100%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 75%;
    background: #ea0029;
  }
  .titular {
    align-self: stretch;
    flex-shrink: 0;
    height: 271px;
    position: absolute;
    width: 897px;
    left: 50%;
    translate: -50%;
    top: 47px;
  }
  .group-48 {
    position: absolute;
    inset: 0;
  }
  .layer-1 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    overflow: hidden;
  }
  .group37 {
    width: 87.03%;
    height: 68.83%;
    position: absolute;
    right: 5.72%;
    left: 7.25%;
    bottom: 6.33%;
    top: 24.84%;
    overflow: visible;
  }
  .group38 {
    width: 87.03%;
    height: 68.83%;
    position: absolute;
    right: 6.51%;
    left: 6.46%;
    bottom: 7.97%;
    top: 23.21%;
    overflow: visible;
  }
  .group39 {
    width: 7.23%;
    height: 31.46%;
    position: absolute;
    right: 90.4%;
    left: 2.37%;
    bottom: 0%;
    top: 68.54%;
    overflow: visible;
  }
  .group40 {
    width: 13.45%;
    height: 27.13%;
    position: absolute;
    right: 4.63%;
    left: 81.93%;
    bottom: 72.87%;
    top: 0%;
    overflow: visible;
  }
  .group41 {
    width: 5.81%;
    height: 29.98%;
    position: absolute;
    right: 94.19%;
    left: 0%;
    bottom: 29.03%;
    top: 40.99%;
    overflow: visible;
  }
  .vector69 {
    width: 6.05%;
    height: 31.32%;
    position: absolute;
    right: 0%;
    left: 93.95%;
    bottom: 15.28%;
    top: 53.4%;
    overflow: visible;
  }
  .group42 {
    width: 14.95%;
    height: 21.54%;
    position: absolute;
    right: 72.44%;
    left: 12.62%;
    bottom: 67.23%;
    top: 11.23%;
    overflow: visible;
  }
  .back {
    background: #fef8cf;
    border-radius: 12px;
    padding: 7px 15px 7px 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 165px;
    height: 47px;
    position: absolute;
    left: 77px;
    top: 57px;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, 1);
    overflow: hidden;
    transition: background 0.3s ease, color 0.3s ease;
  }
  .back:hover {
    background: #A80E1F !important;
  }
  .back:hover .regresar {
    background: linear-gradient(to left, #FEF8CF, #FEF8CF) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #FEF8CF !important;
  }
  .back:hover .arrow-back {
    filter: brightness(0) saturate(100%) invert(94%) sepia(8%) saturate(1023%) hue-rotate(30deg) brightness(105%) contrast(98%);
  }
  .back {
    text-decoration: none !important;
  }
  .back:hover {
    text-decoration: none !important;
  }
  .frame-90 {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }
  .arrow-back {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
  }
  .regresar {
    background: linear-gradient(to left, #0f2d07, #0f2d07),
      linear-gradient(to left, #790002, #790002);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: "Nunito-ExtraBold", sans-serif;
    font-size: 24px;
    font-weight: 800;
    position: relative;
    transition: background 0.3s ease, color 0.3s ease;
  }
  .producto-ajustado-1 {
    width: 401px;
    height: 546px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 257px;
    object-fit: cover;
    aspect-ratio: 401/546;
  }
  .t-rminos-y-condiciones .capa-1,
  .t-rminos-y-condiciones .capa-12,
  .t-rminos-y-condiciones .capa-13,
  .t-rminos-y-condiciones .capa-14 {
    position: absolute;
    width: 100%;
    height: auto;
    top: 380px;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    opacity: 0.4;
    pointer-events: none;
  }

  /* Popup de términos y condiciones */
  .popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
  }

  .pop-up,
  .pop-up * {
    box-sizing: border-box;
  }

  .pop-up {
    height: 250px;
    position: relative;
    width: 718px;
    max-width: 90%;
  }

  .pop-up .rectangle-3 {
    background: #fef8cf;
    border-radius: 24px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    box-shadow: 7px 10px 13.8px 1px rgba(0, 0, 0, 0.09);
  }

  .pop-up .a-santa-le-hace-falta-algo-en-la-lista {
    color: #a80e1f;
    text-align: center;
    font-family: "Nunito-ExtraBold", sans-serif;
    font-size: 40px;
    line-height: 130.95%;
    font-weight: 800;
    position: absolute;
    right: 15.27%;
    left: 15.27%;
    width: 69.46%;
    bottom: 65.59%;
    top: 18.62%;
    height: 15.79%;
  }

  .pop-up .close {
    width: 33.58px;
    height: 33.57px;
    position: absolute;
    right: 3.31%;
    top: 18px;
    cursor: pointer;
    z-index: 1;
  }

  .pop-up .close .rectangle-6 {
    background: #a80e1f;
    border-radius: 15px;
    width: 40px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .pop-up .close .rectangle-7 {
    background: #a80e1f;
    border-radius: 15px;
    width: 40px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .pop-up .acepta-todos-los-t-rminos-y-condiciones {
    color: #000000;
    text-align: center;
    font-family: "Nunito-Regular", sans-serif;
    font-size: 32px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    translate: -50%;
    bottom: 22.41%;
    top: 63.97%;
    height: 13.62%;
    width: 718px;
    max-width: 90%;
  }
}