@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

header {
    background-color: #ffffff;
    margin-top: 5px;
    margin-bottom: 20px;
    border-radius: 10px !important;
    border: 2px solid #bdbdbd !important;

}
.up {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.up1 {
    margin-left: 50px;
}
.up2 {
    margin-right: 50px;
}
.up-link {
    color: #3661fe !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}
.upce {
    color: #3661fe !important;
    padding: 4px 16px !important;
    font-size: 20px !important;
    cursor: pointer;
    width: fit-content !important;
    background: none !important;
    line-height: 20px;
    text-align: center;
}

body {
    font-family: Jost !important;
    background-color: #ced4da;
    color: #333;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
main {
    display: flex;
    justify-content: center;
    align-items: center;
}
footer {
    margin-top: auto;
    background-color: #ffffff;
    margin-bottom: 15px;
    border-radius: 10px !important;
    border: 2px solid #bdbdbd !important;

}
.ftp1 {
    background-color: #ffffff;
}
.ftp2 {
    background-color: #3661fe;
    margin-top: 20px;
    padding: 5px;
}

a {
    cursor: pointer;
    color: #3661fe;
    text-decoration: none;
  }
  a:visited {
    color: #3661fe;
  }
  

h1 {
    text-align: center;
    font-size: 20px;
}
h2 {
    font-size: 20px;
}
h3 {
    text-align: center;
    font-size: 15px;
}

.tfs {
    font-family: Jost !important;
    font-size: 20px !important;
    color: #120A00;
    vertical-align: super;
    font-weight: bold;
    line-height: 20px;
    margin-left: 7px;
    
}

button {
    background: #3661fe;
    cursor: pointer;
    border-radius: 10px;
    padding: 13px;
    border: 1px solid #bdbdbd;
    text-align: center;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #fff;
}
.btn{
    background: #3661fe;
    cursor: pointer;
    border-radius: 10px;
    padding: 13px;
    border: 1px solid #bdbdbd;
    text-align: center;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 75%;
    height: 50%;
    margin-top: 35px;
}

.mcont {
    color: #3661fe;
}
.fl-cnt {
    margin-left: 10px;
    display: flex;
    flex-flow: wrap;
    justify-content: initial;
    align-items: flex-start;
    gap: 20px;
}
.carts-cnt {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    gap: 20px;
    align-items: flex-start;
}
.cart-a {
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 25px;
    padding: 0px; 
}
.cart-a1 {
    background-color: #ffffff;
    border: 2px solid #bdbdbd !important;
    width: 100%;
    padding: 20px;
    margin-top: 5px;
    margin-bottom: 20px;
    border-radius: 10px !important;
    border: 2px solid #bdbdbd !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
.cart-a1 a {
    margin-left: auto;
}
.arn {margin-left: 10px;
    margin-top: 15px;margin-bottom: 15px;}

.cart-b {
    margin-top: 0px;
    margin-left: 25px;
    margin-right: 20px;
    padding: 0px;  
}
.cart-b1 {
    background-color: #ffffff;
    border: 2px solid #bdbdbd !important;
    width: 100%;
    padding: 20px;
    margin-top: 5px;
    margin-bottom: 20px;
    border-radius: 10px !important;
    border: 2px solid #bdbdbd !important;
}
.meten { margin-top: 10px;
    border: 2px solid #3661fe!important;
    border-radius: 10px;padding: 15px;
}
.terme {
    padding: 15px;text-align: left;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;
}
.etere {
    margin-left: 15px;text-align: left;
    font-size: 20px !important;
    font-weight: bold !important;
    color: #3661fe !important;
}

.cereal {
    width: 100%;
    margin-top: 0px;
}
.product-t1{font-size: 20px;padding: 00px;text-align: left;}
.product-des1{padding: 15px;text-align: left;}
.product-env1{padding: 15px;text-align: left;}
.product-pri1{padding: 15px;text-align: left;}
.product-pic{padding: 10px;}
.product-img{height: 120px; width: 120px; }
.product-des2{padding: 15px;text-align: left;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #333 !important;
    text-decoration: none;}
.product-env2{    padding: 15px;text-align: left;}
.product-pri2{padding: 15px;text-align: left;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;}
.product-des2 a,
.product-des2 a:visited {
  color: #333;
  text-decoration: none;
}

.cartom {
    width: 100%;
    margin-top: 30px;
}
.sub-a {width: 100%;border-collapse: collapse;
    padding: 8px 12px;    text-align: left !important;
    color: #676767; font-size: 16px}
.sub-a1 {width: 100%;border-collapse: collapse;
    padding: 8px 12px;    text-align: right !important;
    color: #676767; font-size: 16px}
.sub-b {width: 100%;    border-collapse: collapse;
    padding: 8px 12px;    text-align: left !important;
    color: #676767; font-size: 16px}
.sub-b1 {width: 100%;    border-collapse: collapse;
    padding: 8px 12px;    text-align: right !important;
    color: #676767; font-size: 16px}
.sub-C {width: 100%;border-collapse: collapse;
    padding: 8px 12px;    text-align: left !important;
    color: #333; font-size: 18px}
.sub-C1 {width: 100%;border-collapse: collapse;
    padding: 8px 12px;    text-align: right !important;
    color: #3661fe; font-size: 20px}

.SellosConfianza{
    display: flex;
    justify-content: center;
    align-items: center;
}
.Sello1 {cursor: pointer;margin-right: 10px;margin-left: 10px;}
.Sello2 {cursor: pointer;margin-right: 10px;margin-left: 10px;}

.push {
    display: flex;
    justify-content: center;
    align-items: center;
}
.push-c {
    background: #fff !important;
    color: #3661fe !important;
    border: 2px solid #3661fe!important;
    width: 30%;
    height: 30%;
}
.push-fc {
    width: 100%;
    height: 100%;
    margin-top: 35px;
}
.pieg1 {
    text-align: center;
    font-size: 18px;    
}
.pieg2 {
    text-align: center;
    color: #fff !important;
    font-size: 15px;    
}
.metodos {
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.met1 {margin-right: 0px;margin-left: 20px;}
.met2 {margin-right: 20px;margin-left: 20px;}

.divider {
    height: 1px;
    background-color: #ddd;
    margin: 16px 0;
  }
  .formulario {
    margin-top: 100px;
}
.input-containermm {font-size: 13px !important;
    color: #505050; font-weight: bolder;}
.input-containermm > input, textarea {
    padding: 7px 10px 7px 10px;
    width: 90%;
    border: 1px solid #d8d8d8;
    border-radius: 7px;
}
.input-container {font-size: 13px !important;
    color: #505050; font-weight: bolder;}
.input-container > input, textarea {
    padding: 7px 10px 7px 10px;
    width: 90%;
    border: 1px solid #d8d8d8;
    border-radius: 7px;
}
.twoin {
    display: flex;
    flex-flow: wrap;
    justify-content: left;
    gap: 30px;
    align-items: flex-start;
}
.input-container-card {font-size: 13px !important;
    color: #505050; font-weight: bolder;
}
.input-container-card > input, textarea {
    padding: 7px 10px 7px 10px;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 7px;
}
.input-container-card > img {
    position: absolute;
}


.thf {
    justify-content: right;
    align-items: right;
}

@media (max-width:900px){
    .carts-cnt {
        display: flex;
        flex-direction: column;
        align-items: initial;
        justify-content: center;
        gap: 25px;
    }
    .cart-a{
        width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 7px 10px;
    }
    .cart-b{
        width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 7px 10px;
    }
    .cart-b1 {
        background-color: #ffffff;
        border: 0px solid #bdbdbd !important;
        border-radius: 10px;
        width: 70%;
        padding: 10px;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-left: 00px;
    }
    .sub-a1 {border-collapse: collapse;
        color: #676767; font-size: 12px}
    .etere {
        text-align: left;
        font-size: 12px !important;
        color: #929292 !important;
        }
        .sub-foot {border-collapse: collapse;
            padding: 5px 7px; cursor: pointer;
            color: #676767; font-size: 10px}
        .sub-foot1 {border-collapse: collapse;
        color: #676767; font-size: 10px;
        margin-left: 15px; cursor: pointer;}
       
        .up {
            display: flex;
            justify-content: space-between;
            align-items: center;
            
        }
        .up1 {
            margin-left: 50px;
        }
        .up2 {
            margin-right: 25px;
        }
        .up-link {
            color: #3661fe !important;
            font-size: 18px !important;
            font-weight: 500 !important;
        }
        .upce {
            color: #3661fe !important;
            padding: 4px 0px !important;
            font-size: 15px !important;
            cursor: pointer;
            width: fit-content !important;
            background: none !important;
            line-height: 20px;
            text-align: right;
        
    }
    .cart-b {
        width: 88%;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 111px;
        padding: 0px;  
    }
    .cart-b1 {
        background-color: #ffffff;
        border: 2px solid #bdbdbd !important;
        width: 100%;
        padding: 20px;
        margin-top: 5px;
        margin-bottom: 20px;
        border-radius: 10px !important;
        border: 2px solid #bdbdbd !important;
}
.cart-a {
    width: 88%;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px; 
}
.product-t1{font-size: 20px;padding: 00px;text-align: left;}
.product-des1{padding: 15px;text-align: right;}
.product-env1{padding: 15px;text-align: left;}
.product-pri1{padding: 15px;text-align: right;}
.product-pic{padding: 10px;}
.product-img{height: 60px; width: 60px; }
.product-des2{padding: 10px;text-align: right;
    font-size: 10px !important;
    font-weight: bold !important;
    color: #333 !important;
    text-decoration: none;}
.product-env2{display: flex;
    justify-content: space-between;
    align-items: center; padding: 15px;text-align: left;}
.product-pri2{padding: 15px;text-align: right;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;}
.product-des2 a,
.product-des2 a:visited {
  color: #333;
  text-decoration: none;
}
.push-c {
    background: #fff !important;
    color: #3661fe !important;
    border: 2px solid #3661fe!important;
    width: 45%;
    height: 30%;
}
.fl-cnt {
    margin-left: 10px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
.table-cart-items {
    width: 100%;
  }
  
  .table-cart-items .left {
    text-align: left;
  }
  
  .table-cart-items .right {
    text-align: right;
  }
  .cart-a1 {
    background-color: #ffffff;
    border: 2px solid #bdbdbd !important;
    width: 100%;
    padding: 20px;
    margin-top: 5px;
    margin-bottom: 20px;
    border-radius: 10px !important;
    border: 2px solid #bdbdbd !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
.tfs {
    font-family: Jost !important;
    font-size: 14px !important;
    color: #120A00;
    vertical-align: super;
    text-align: left !important;
    font-weight: bold;
    line-height: 20px;
    margin-left: 7px;
    
}
.input-container {font-size: 13px !important;
    color: #505050; font-weight: bolder;}
.input-container > input, textarea {
    padding: 7px 10px 7px 10px;
    width: 90%;
    border: 1px solid #d8d8d8;
    border-radius: 7px;
}
.input-containermm {font-size: 13px !important;
    color: #505050; font-weight: bolder;}
.input-containermm > input, textarea {
    width: 50%;
    border: 1px solid #d8d8d8;
    border-radius: 7px;
}
.twoin {
    display: flex;
    flex-flow: wrap;
    justify-content: left;
    gap: 10px;
    align-items: flex-start;
    margin-top: 10px;
}
.input-container-card {font-size: 13px !important;
    color: #505050; font-weight: bolder;
}
.input-container-card > input, textarea {
    padding: 7px 10px 7px 10px;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 7px;
}
.input-container-card > img {
    position: absolute;
}
.rig {margin-left: 200px;}
}