@import url(../css/fonts.css);
:root {
  --Mts-regular: "Monstserrat-Regularr", sans-serif;
  --Rb-regular: "Roboto-Regular", sans-serif;
  --Fj-regular: "Fjalla-one", sans-serif;
  --bg-azul: #00002a;
  --bg-black: #111;
  --bg-purple-main: #9300e8;
  --bg-morado-claro: #9669f0;
  --bg-color-red: #f23f40;
}

/*THAN YOU WOOCOMECE*/

main.main-finalizar-compra {
  .container {
    .woocommerce {
      .woocommerce-order {
        display: flex;
        align-items: center;
        justify-content: center;
        .left {
          width: 50%;
          height: 100vh;
          /* background: linear-gradient(180deg, #009AE6 0%, #9300E8 100%); */
          background-color: #111;
          display: flex
;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;

          box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
          .contenedor {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            h2 {
              color: #fff;
          
              font-size: 28.472px;
              font-weight: 400;
              line-height: 28.472px;
              margin-bottom: 10px;
            }
            h3 {
              color: #fff;  
              text-align: center;
              font-size: 34.167px;
              font-weight: 400;
              line-height: 34.167px;
              margin-bottom: 10px;
            }
            p {
              color: #fff;
            text-align: center;
              font-size: 17.083px;
              font-weight: 300;
              line-height: 20.5px;
              display: flex;
              flex-direction: column;
              strong {
              
                font-size: 17.083px;
                font-weight: 300;
                line-height: 20.5px;
              }
            }
            a {
              margin-top: 5.3rem;
              width: fit-content;
                background-color: white;
                color: #000;
                border-radius: 32px;
          
                border: 1px solid #000;
                text-align: center;
              font-size: 20px;
              font-weight: 300;
              line-height: 20px;
              padding-block: 11px;
              padding-inline: 26px;
            }
            .view-resumen-compra-thank-you {
              display: none;
            }
          }
        }
        .right {
          display: flex;
          flex-direction: column;
          align-items: center;
          width: 50%;
          .close-resumen-compra {
            width: 30px;
            height: 30px;
            position: absolute;
            top: 1.5rem;
            cursor: pointer;
            display: inline-block;
            &::after,
            &::before {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              width: 100%;
              height: 3px;
              background-color: #000;
              transform-origin: center;
            }
            &::before {
              transform: translate(-50%, -50%) rotate(45deg);
            }
            &::after {
              transform: translate(-50%, -50%) rotate(-45deg);
            }
          }
          .woocommerce_deposits_parent_order_summary{
              display: none;
          }
          h4{
              display: none;
          }
          .woocommerce-order-details {
           /* width: 52%;*/
            .woocommerce-order-details__title {
              
          
              font-size: 25px;
              font-weight: 400;
              line-height: 25px;
              margin-bottom: 8px;
            }
            .woocommerce-order-overview__order {
              margin-bottom: 3rem;
              
              font-size: 15px;
              font-style: normal;
              font-weight: 700;
              line-height: 15px;
              strong {
            
                font-size: 15px;
                font-style: normal;
                font-weight: 700;
                line-height: 15px;
              }
            }
            .woocommerce-table {
              tbody {
                tr {
                  td {
                    .container-information {
                      display: flex;
                      align-items: center;
                      gap: 14px;
                    }
                    img {
                      width: 118px;
                      height: 146px;
                    }
                    .left-detalles {
                      a {
                        color: #3c3c3b;
              
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 16px;
                      }
                      li {
                        strong {
                          color: #232323;
                  
                          font-size: 14px;
                          font-style: normal;
                          font-weight: 300;
                          line-height: normal;
                        }
                      }
                      ul {
                        strong,
                        p {
                          color: #232323;
                       
                          font-size: 14px;
                          font-style: normal;
                          font-weight: 300;
                          line-height: normal;
                        }
                      }
                      .woocommerce-Price-amount {
                        color: #5bc4f1;
                   
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                        span {
                          color: #5bc4f1;
                    
                          font-size: 14px;
                          font-style: normal;
                          font-weight: 500;
                          line-height: normal;
                        }
                      }
                    }
                  }
                }
              }
            }
            table {
              border: none;
              thead {
                display: none;
              }
              td {
                border: none;
                border-bottom: 1px solid #232323;
              }
              tfoot {
                tr {
                  display: none;
                  &:last-child {
                    display: block;
                    margin-top: 1rem;
                  }
                  th {
                    border: none;
                 
                
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 20px;
                    text-align: center;
                    width: 56%;
                  }
                  td {
                    width: 50%;
                    border-bottom: none;
                    span {
                    
                 
                      font-size: 20px;
                      font-style: normal;
                      font-weight: 700;
                      line-height: 20px;
                    }
                  }
                }
              }
            }
          }
          .woocommerce-customer-details {
            display: none;
          }
          .woocommerce-customer-details + .woocommerce-order-details__title {
            display: none;
          }
          .woocommerce-customer-details
            + .woocommerce-order-details__title
            + .woocommerce-table {
            display: none;
          }
        }
      }
    }
  }
}

@media (max-width: 1000px) {
  main.main-finalizar-compra {
    .container {
      .woocommerce {
        .woocommerce-order {
            flex-direction: column;
          .left {
            width: 100%;
          }
          .right {
            width: 100%;
          }
        }
      }
    }
  }
}
/*Fin estilos woocomerce*/