.cartContainer{
    width:min(1220px,calc(100% - 36px));
    margin:auto;
}

.cartHero{
    padding:42px 0;
    background:#f3f7fb;
    border-bottom:1px solid #dce6ed;
}

.cartEyebrow{
    color:#0679ed;
    font-size:10px;
    font-weight:950;
    letter-spacing:2px;
}

.cartHero h1{
    margin:10px 0 6px;
    color:#082844;
    font-size:38px;
}

.cartHero p{
    margin:0;
    color:#718495;
}

.cartBody{
    padding-top:35px;
    padding-bottom:70px;
}

.cartNotice{
    padding:13px 16px;
    margin-bottom:18px;
    border-radius:9px;
    font-weight:750;
}

.cartNotice.ok{
    background:#e8f7ee;
    color:#167a48;
}

.cartNotice.error,
.validationSummary{
    background:#fff0f2;
    color:#bd2a42;
}

.validationSummary:empty{
    display:none;
}

.validationSummary{
    padding:13px 16px;
    margin-bottom:18px;
    border-radius:9px;
}

.validationSummary ul{
    margin:0;
    padding-left:20px;
}

.cartLayout,
.checkoutLayout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:25px;
    align-items:start;
}

.cartProducts,
.checkoutCard,
.cartSummary{
    background:white;
    border:1px solid #dce6ed;
    border-radius:14px;
}

.cartTitleRow{
    min-height:67px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #e4ebef;
}

.cartTitleRow h2,
.cartSummary h2{
    margin:0;
    color:#10344d;
    font-size:19px;
}

.clearButton,
.removeButton{
    border:0;
    background:transparent;
    color:#c42b45;
    font-weight:800;
}

.cartItem{
    padding:18px;
    display:grid;
    grid-template-columns:90px minmax(0,1fr) 150px 130px;
    gap:17px;
    align-items:center;
    border-top:1px solid #edf1f4;
}

.cartItem:first-of-type{
    border-top:0;
}

.cartImage{
    width:90px;
    height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:10px;
    background:#f4f7f9;
    font-size:30px;
}

.cartImage img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.cartSku{
    color:#0780e8;
    font-size:9px;
    font-weight:950;
}

.cartInfo h3{
    margin:5px 0;
    color:#13364d;
    font-size:15px;
}

.cartInfo small,
.checkoutProduct small{
    display:block;
    color:#758895;
    font-size:10px;
}

.variantBadge{
    display:inline-block;
    padding:4px 7px;
    margin-bottom:6px;
    border-radius:5px;
    background:#edf6fd;
    color:#096ea9;
    font-size:9px;
    font-weight:850;
}

.quantityForm label{
    display:block;
    margin-bottom:5px;
    color:#6d818f;
    font-size:9px;
    font-weight:850;
}

.quantityForm input{
    width:100%;
    height:37px;
    padding:0 8px;
    border:1px solid #ccd9e2;
    border-radius:7px;
}

.quantityForm button{
    width:100%;
    margin-top:5px;
    padding:5px;
    border:0;
    background:transparent;
    color:#0878d9;
    font-size:9px;
    font-weight:850;
}

.cartPrice{
    text-align:right;
}

.cartPrice small{
    display:block;
    color:#748895;
}

.cartPrice strong{
    display:block;
    margin:5px 0;
    color:#0c3048;
    font-size:18px;
}

.cartSummary{
    position:sticky;
    top:20px;
    padding:20px;
}

.summaryRow{
    padding:13px 0;
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #edf1f4;
    color:#5f7786;
    font-size:12px;
}

.shippingInfo{
    padding:12px;
    border-radius:8px;
    background:#f4f8fb;
    color:#6b8290;
    line-height:1.5;
    font-size:10px;
}

.summaryTotal{
    padding:18px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.summaryTotal strong{
    color:#092f49;
    font-size:24px;
}

.checkoutButton,
.primaryCartButton{
    min-height:48px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:9px;
    background:#087cf0;
    color:white;
    text-decoration:none;
    font-weight:900;
}

.continueButton{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:8px;
    color:#416479;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
}

.emptyCart{
    min-height:420px;
    padding:60px 20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px dashed #cad9e2;
    border-radius:15px;
    text-align:center;
}

.emptyIcon{
    font-size:45px;
}

.emptyCart h2{
    margin:15px 0 5px;
}

.emptyCart p{
    margin:0 0 22px;
    color:#758996;
}

.checkoutLayout > section{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.checkoutCard{
    padding:20px;
}

.checkoutTitle{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}

.checkoutTitle > span{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 34px;
    border-radius:50%;
    background:#087cf0;
    color:white;
    font-weight:900;
}

.checkoutTitle h2{
    margin:0;
    color:#11364e;
    font-size:18px;
}

.checkoutTitle p{
    margin:3px 0 0;
    color:#758895;
    font-size:10px;
}

.formGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px;
}

.formGrid .full{
    grid-column:1/-1;
}

.formGrid label > span{
    display:block;
    margin-bottom:6px;
    color:#476476;
    font-size:10px;
    font-weight:850;
}

.formGrid input{
    width:100%;
    height:43px;
    padding:0 11px;
    border:1px solid #ccd9e2;
    border-radius:8px;
    outline:none;
}

.formGrid input:focus{
    border-color:#168af2;
    box-shadow:0 0 0 3px #168af218;
}

.optionGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.optionCard,
.paymentOption{
    padding:15px;
    display:flex;
    gap:10px;
    border:1px solid #d5e0e7;
    border-radius:10px;
    cursor:pointer;
}

.optionCard:has(input:checked),
.paymentOption:has(input:checked){
    border-color:#168af2;
    background:#f1f8ff;
}

.optionCard strong,
.paymentOption strong{
    display:block;
    color:#17394f;
    font-size:12px;
}

.optionCard small,
.paymentOption small{
    display:block;
    margin-top:4px;
    color:#778a97;
    font-size:9px;
}

.optionCard b{
    display:block;
    margin-top:7px;
    color:#0878d9;
    font-size:10px;
}

.shippingFields{
    margin-top:18px;
}

.paymentOptions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.checkoutProduct{
    padding:11px 0;
    display:flex;
    justify-content:space-between;
    gap:10px;
    border-bottom:1px solid #edf1f4;
    font-size:10px;
}

.checkoutProduct strong{
    color:#23485e;
}

.checkoutSecurity{
    margin-top:14px;
    color:#718693;
    text-align:center;
    font-size:9px;
}

.finalButton{
    width:100%;
}

.confirmedPage{
    min-height:70vh;
    padding:60px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f4f7f9;
}

.confirmedCard{
    width:100%;
    max-width:620px;
    padding:38px;
    border:1px solid #dce6ed;
    border-radius:17px;
    background:white;
    text-align:center;
}

.confirmedIcon{
    width:65px;
    height:65px;
    margin:0 auto 17px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e5f7ec;
    color:#14824c;
    font-size:30px;
    font-weight:950;
}

.confirmedCard h1{
    margin:9px 0;
    color:#10344d;
}

.confirmedCard > p{
    color:#738793;
}

.orderNumber{
    padding:17px;
    margin:25px 0;
    border-radius:10px;
    background:#f1f7fb;
}

.orderNumber small{
    display:block;
    color:#728693;
    font-size:9px;
}

.orderNumber strong{
    display:block;
    margin-top:5px;
    color:#0875d7;
    font-size:21px;
}

.confirmedDetails{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    text-align:left;
}

.confirmedDetails > div{
    padding:12px;
    border:1px solid #e2e9ee;
    border-radius:8px;
}

.confirmedDetails span{
    display:block;
    color:#7a8c98;
    font-size:9px;
}

.confirmedDetails strong{
    display:block;
    margin-top:4px;
    font-size:11px;
}

.confirmedTotal{
    padding:20px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:15px;
}

.confirmedTotal strong{
    font-size:26px;
}

.transferNotice{
    padding:15px;
    border-radius:9px;
    background:#fff8e8;
    color:#76581b;
    text-align:left;
}

.transferNotice p{
    margin:5px 0 0;
    font-size:10px;
    line-height:1.5;
}

.confirmedActions{
    margin-top:20px;
}

@media(max-width:900px){

    .cartLayout,
    .checkoutLayout{
        grid-template-columns:1fr;
    }

    .cartSummary{
        position:static;
    }

    .cartItem{
        grid-template-columns:75px 1fr;
    }

    .quantityForm,
    .cartPrice{
        grid-column:2;
        text-align:left;
    }
}

@media(max-width:600px){

    .formGrid,
    .optionGrid,
    .paymentOptions,
    .confirmedDetails{
        grid-template-columns:1fr;
    }

    .formGrid .full{
        grid-column:auto;
    }

    .cartHero h1{
        font-size:30px;
    }
}

/* ==========================================================
   GESTGO CARRITO - TAMAÑOS LEGIBLES
   ========================================================== */

.cartEyebrow {
    font-size: 13px !important;
}

.cartHero h1 {
    font-size: 42px !important;
}

.cartHero p {
    font-size: 18px !important;
}

.cartTitleRow h2,
.cartSummary h2 {
    font-size: 22px !important;
}

.cartSku {
    font-size: 12px !important;
}

.cartInfo h3 {
    font-size: 18px !important;
}

.cartInfo small,
.checkoutProduct small {
    font-size: 13px !important;
}

.variantBadge {
    font-size: 12px !important;
}

.quantityForm label {
    font-size: 12px !important;
}

.quantityForm input {
    height: 44px !important;
    font-size: 17px !important;
    font-weight: 700;
}

.quantityForm button {
    font-size: 13px !important;
    cursor: pointer;
}

.cartPrice small {
    font-size: 14px !important;
}

.cartPrice strong {
    font-size: 22px !important;
}

.removeButton,
.clearButton {
    font-size: 15px !important;
    cursor: pointer;
}

.summaryRow {
    font-size: 15px !important;
}

.shippingInfo {
    font-size: 13px !important;
}

.summaryTotal {
    font-size: 17px !important;
}

.summaryTotal strong {
    font-size: 27px !important;
}

.checkoutButton,
.primaryCartButton {
    font-size: 17px !important;
}

.continueButton {
    font-size: 14px !important;
}

.cartNotice {
    font-size: 16px !important;
}

.emptyCart h2 {
    font-size: 28px !important;
}

.emptyCart p {
    font-size: 16px !important;
}

.checkoutTitle h2 {
    font-size: 22px !important;
}

.checkoutTitle p {
    font-size: 14px !important;
}

.formGrid label > span {
    font-size: 14px !important;
}

.formGrid input {
    font-size: 16px !important;
}

.optionCard strong,
.paymentOption strong {
    font-size: 16px !important;
}

.optionCard small,
.paymentOption small {
    font-size: 13px !important;
}

.optionCard b {
    font-size: 14px !important;
}

.checkoutSecurity {
    font-size: 12px !important;
}


/* ==========================================================
   GESTGO - SELECTOR PROFESIONAL DE CANTIDAD
   ========================================================== */

.gestgo-qty {
    width: 100%;
    height: 44px;

    display: grid;
    grid-template-columns: 38px minmax(48px, 1fr) 38px;

    border: 1px solid #c9d8e3;
    border-radius: 9px;

    overflow: hidden;
    background: #fff;
}

.gestgo-qty button {
    width: 38px;
    height: 42px;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #eef6fd !important;
    color: #087cf0 !important;

    font-size: 23px !important;
    font-weight: 800 !important;

    cursor: pointer;
}

.gestgo-qty button:hover {
    background: #dceeff !important;
}

.gestgo-qty-input {
    width: 100% !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 4px !important;

    border: 0 !important;
    border-left: 1px solid #d9e4eb !important;
    border-right: 1px solid #d9e4eb !important;
    border-radius: 0 !important;

    outline: 0 !important;

    text-align: center;

    background: #fff;

    color: #082b45;

    font-size: 16px !important;
    font-weight: 800 !important;
}

.gestgo-qty-input:focus {
    box-shadow: inset 0 0 0 2px #1285ef !important;
}

.quantityBox {
    min-width: 145px;
}

.quantityBox .gestgo-qty {
    margin-top: 0;
}

/* CARRITO */

.quantityForm .gestgo-qty {
    width: 170px;
}

.quantityForm {
    min-width: 190px;
}

/* CELULAR */

@media (max-width: 600px) {

    .gestgo-qty {
        height: 48px;
        grid-template-columns: 42px 1fr 42px;
    }

    .gestgo-qty button {
        width: 42px;
        height: 46px;
    }

    .gestgo-qty-input {
        height: 46px !important;
        font-size: 17px !important;
    }
}


/* =========================================================
   GESTGO CARRITO - CONTROL CANTIDAD DEFINITIVO
   ========================================================= */

.gestgo-qty {
    display: grid !important;
    grid-template-columns: 46px 92px 46px !important;
    align-items: stretch !important;

    width: 184px !important;
    height: 48px !important;

    border: 2px solid #cbd8e6 !important;
    border-radius: 10px !important;

    overflow: hidden !important;
    background: white !important;

    box-sizing: border-box !important;
}

.gestgo-qty-minus,
.gestgo-qty-plus {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 46px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #eef5ff !important;
    color: #0068e8 !important;

    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 900 !important;

    cursor: pointer !important;

    box-shadow: none !important;
}

.gestgo-qty-minus {
    border-right: 1px solid #d5e0ec !important;
}

.gestgo-qty-plus {
    border-left: 1px solid #d5e0ec !important;
}

.gestgo-qty-minus:hover,
.gestgo-qty-plus:hover {
    background: #dcecff !important;
}

.gestgo-qty-minus:disabled,
.gestgo-qty-plus:disabled {
    background: #f4f6f8 !important;
    color: #aab4bf !important;
}

.gestgo-qty-input {
    width: 92px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 6px !important;

    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;

    background: white !important;
    color: #061f3c !important;

    font-size: 19px !important;
    line-height: 44px !important;
    font-weight: 800 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}

.gestgo-qty-input:focus {
    box-shadow:
        inset 0 0 0 2px #1682f3 !important;
}

.cartItem .quantityForm {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 7px !important;

    width: 184px !important;
    min-width: 184px !important;
}

.cartItem .quantityForm > label {
    font-size: 14px !important;
    font-weight: 800 !important;
}

.cartItem .quantityForm > button[type="submit"] {
    width: 184px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    border: 0 !important;
    border-radius: 7px !important;

    background: #eaf4ff !important;
    color: #0068e8 !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    cursor: pointer !important;
}

.cartItem .quantityForm > button[type="submit"]:hover {
    background: #d7eaff !important;
}


/* LETRAS */

.cartInfo .cartSku {
    font-size: 14px !important;
}

.cartInfo h3 {
    font-size: 19px !important;
}

.cartInfo small {
    font-size: 14px !important;
}

.cartPrice small {
    font-size: 15px !important;
}

.cartPrice strong {
    font-size: 22px !important;
}

.cartSummary h2 {
    font-size: 24px !important;
}

.summaryRow {
    font-size: 16px !important;
}

.summaryTotal {
    font-size: 18px !important;
}

.summaryTotal strong {
    font-size: 28px !important;
}

.checkoutButton {
    font-size: 18px !important;
}


/* ==========================================================
   CHECKOUT - ERRORES
   ========================================================== */

.validationSummary:empty,
.validationSummary.validation-summary-valid {
    display: none !important;
}

.validationSummary.validation-summary-errors {
    display: block !important;
}


/* ==========================================================
   GESTGO - TRANSFERENCIA
   ========================================================== */

.gestgoTransferBox{
    margin-top:24px;
    border:1px solid #d7e3ec;
    border-radius:18px;
    overflow:hidden;
    background:#fff;
    text-align:left;
}

.gestgoTransferHeader{
    padding:22px;
    display:flex;
    align-items:center;
    gap:16px;
    background:#f3f8fc;
    border-bottom:1px solid #dce6ed;
}

.gestgoTransferIcon{
    width:52px;
    height:52px;
    min-width:52px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#087cf0;
    color:white;
    font-size:27px;
    font-weight:900;
}

.gestgoTransferHeader span{
    display:block;
    margin-bottom:4px;
    color:#0871da;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.7px;
}

.gestgoTransferHeader h2{
    margin:0;
    color:#082f4c;
    font-size:25px;
    font-weight:850;
}

.gestgoTransferHeader p{
    margin:5px 0 0;
    color:#667d8d;
    font-size:14px;
}

.gestgoTransferData{
    padding:8px 22px;
}

.gestgoTransferRow{
    min-height:70px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    border-bottom:1px solid #e6edf2;
}

.gestgoTransferRow:last-child{
    border-bottom:0;
}

.gestgoTransferRow div{
    min-width:0;
}

.gestgoTransferRow small{
    display:block;
    margin-bottom:3px;
    color:#738796;
    font-size:11px;
    font-weight:700;
}

.gestgoTransferRow strong{
    display:block;
    color:#082f4c;
    font-size:16px;
    font-weight:850;
    overflow-wrap:anywhere;
}

.gestgoTransferAmount{
    color:#087cf0 !important;
    font-size:25px !important;
}

.gestgoCopyButton{
    min-width:82px;
    height:38px;
    padding:0 14px;
    border:1px solid #bdd2e1;
    border-radius:9px;
    background:white;
    color:#075fbd;
    font-size:12px;
    font-weight:850;
    cursor:pointer;
    transition:.15s ease;
}

.gestgoCopyButton:hover{
    background:#eef7ff;
    border-color:#087cf0;
}

.gestgoCopyButton.copied{
    background:#e5f7ec;
    border-color:#83d7a2;
    color:#087632;
}

.gestgoTransferWarning{
    margin:0 22px 22px;
    padding:16px 18px;
    border:1px solid #f0d49d;
    border-radius:12px;
    background:#fff8e9;
    color:#725314;
}

.gestgoTransferWarning strong{
    display:block;
    margin-bottom:5px;
    font-size:14px;
}

.gestgoTransferWarning p{
    margin:0;
    font-size:13px;
    line-height:1.5;
}

.gestgoTransferWarning.danger{
    border-color:#efb8b8;
    background:#fff1f1;
    color:#9b2525;
}

@media(max-width:650px){

    .gestgoTransferHeader{
        align-items:flex-start;
    }

    .gestgoTransferHeader h2{
        font-size:21px;
    }

    .gestgoTransferData{
        padding-left:16px;
        padding-right:16px;
    }

    .gestgoTransferRow{
        min-height:78px;
    }

    .gestgoTransferRow strong{
        font-size:14px;
    }

    .gestgoCopyButton{
        min-width:72px;
        padding:0 10px;
    }

    .gestgoTransferWarning{
        margin-left:16px;
        margin-right:16px;
    }
}


/* ==========================================================
   GESTGO - CONFIRMADO PRO FINAL
   ========================================================== */

.gestgoConfirmPage{
    background:#f3f7fa;
    padding:38px 18px 60px;
}

.gestgoConfirmContainer{
    width:min(820px,100%);
    margin:0 auto;
}

.gestgoConfirmCard{
    padding:32px;
    border:1px solid #d8e4ec;
    border-radius:20px;
    background:#fff;
    box-shadow:0 14px 35px rgba(3,39,68,.06);
}

.gestgoConfirmTop{
    text-align:center;
}

.gestgoConfirmCheck{
    width:66px;
    height:66px;
    margin:0 auto 17px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e6f7ed;
    color:#079443;
    font-size:37px;
    font-weight:900;
}

.gestgoConfirmEyebrow{
    display:block;
    color:#087bf0;
    font-size:11px;
    font-weight:900;
    letter-spacing:2px;
}

.gestgoConfirmTop h1{
    margin:10px 0 7px;
    color:#062f4d;
    font-size:38px;
    line-height:1.1;
    font-weight:850;
}

.gestgoConfirmTop p{
    margin:0;
    color:#6e8191;
    font-size:16px;
}

.gestgoOrderNumber{
    margin-top:26px;
    padding:18px;
    border-radius:13px;
    background:#eef6fb;
    text-align:center;
}

.gestgoOrderNumber small{
    display:block;
    margin-bottom:4px;
    color:#758a9a;
    font-size:10px;
}

.gestgoOrderNumber strong{
    color:#0874dd;
    font-size:22px;
    overflow-wrap:anywhere;
}

.gestgoConfirmGrid{
    margin-top:18px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.gestgoInfoCard{
    padding:15px 16px;
    border:1px solid #dce6ed;
    border-radius:11px;
    background:#fff;
}

.gestgoInfoCard small{
    display:block;
    margin-bottom:5px;
    color:#758897;
    font-size:10px;
}

.gestgoInfoCard strong{
    color:#082f4c;
    font-size:14px;
}

.gestgoPaymentStatus.waiting{
    color:#9a6b00;
}

.gestgoConfirmTotal{
    margin-top:16px;
    padding:16px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius:12px;
    background:#f0f6fa;
}

.gestgoConfirmTotal span{
    color:#18384e;
    font-size:15px;
    font-weight:750;
}

.gestgoConfirmTotal strong{
    color:#062f4d;
    font-size:27px;
    font-weight:900;
}


/* ==========================================================
   TRANSFERENCIA
   ========================================================== */

.gestgoBankTransfer{
    margin-top:20px;
    border:1px solid #cfe0eb;
    border-radius:16px;
    overflow:hidden;
    background:#fff;
}

.gestgoBankHeader{
    padding:20px;
    display:flex;
    align-items:center;
    gap:15px;
    background:#edf6fc;
}

.gestgoBankIcon{
    width:50px;
    height:50px;
    min-width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    background:#087df1;
    color:white;
    font-size:26px;
    font-weight:900;
}

.gestgoBankHeader span{
    display:block;
    color:#0674de;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.6px;
}

.gestgoBankHeader h2{
    margin:3px 0;
    color:#062f4d;
    font-size:27px;
    font-weight:900;
}

.gestgoBankHeader p{
    margin:0;
    color:#657d8f;
    font-size:13px;
}

.gestgoBankRows{
    padding:5px 20px;
}

.gestgoBankRow{
    min-height:67px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 86px;
    align-items:center;
    gap:16px;
    border-bottom:1px solid #e6edf2;
}

.gestgoBankRow:last-child{
    border-bottom:0;
}

.gestgoBankRow small{
    display:block;
    margin-bottom:4px;
    color:#788b99;
    font-size:9px;
    font-weight:850;
    letter-spacing:.6px;
}

.gestgoBankRow strong{
    display:block;
    color:#082f4c;
    font-size:16px;
    font-weight:850;
    overflow-wrap:anywhere;
}

.gestgoBankRow.important strong{
    color:#006fda;
    font-size:19px;
}

.gestgoBankRow.amount strong{
    color:#087bf0;
    font-size:23px;
}

.gestgoBankRow button{
    width:86px;
    height:38px;
    border:1px solid #bfd4e4;
    border-radius:8px;
    background:#eef7ff;
    color:#0765c5;
    font-size:12px;
    font-weight:850;
    cursor:pointer;
}

.gestgoBankRow button:hover{
    background:#e1f1ff;
}

.gestgoBankRow button.copied{
    border-color:#8bd1a5;
    background:#e7f7ed;
    color:#087837;
}

.gestgoPendingPayment{
    margin:8px 20px 20px;
    padding:15px;
    display:flex;
    gap:12px;
    align-items:flex-start;
    border:1px solid #eed195;
    border-radius:11px;
    background:#fff8e8;
}

.gestgoPendingIcon{
    width:30px;
    height:30px;
    min-width:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#eba916;
    color:white;
    font-weight:900;
}

.gestgoPendingPayment strong{
    display:block;
    margin-bottom:4px;
    color:#6a4b09;
    font-size:13px;
}

.gestgoPendingPayment p{
    margin:0;
    color:#725b28;
    font-size:12px;
    line-height:1.45;
}

.gestgoBankMissing{
    margin:18px;
    padding:16px;
    border:1px solid #e7aaaa;
    border-radius:10px;
    background:#fff1f1;
    color:#9c2929;
}


/* ==========================================================
   ACCIONES
   ========================================================== */

.gestgoConfirmActions{
    margin-top:22px;
    display:flex;
    justify-content:space-between;
    gap:15px;
}

.gestgoPrimaryAction,
.gestgoSecondaryAction{
    min-height:46px;
    padding:0 20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    font-size:14px;
    font-weight:850;
    text-decoration:none;
}

.gestgoPrimaryAction{
    background:#087df1;
    color:white;
}

.gestgoSecondaryAction{
    border:1px solid #cbdce8;
    background:white;
    color:#0765c5;
}

.gestgoPrimaryAction:hover{
    color:white;
    background:#056dd5;
}

.gestgoSecondaryAction:hover{
    color:#0765c5;
    background:#f3f8fc;
}


/* ==========================================================
   MOBILE CONFIRMADO
   ========================================================== */

@media(max-width:650px){

    .gestgoConfirmPage{
        padding:18px 10px 35px;
    }

    .gestgoConfirmCard{
        padding:19px 14px;
        border-radius:14px;
    }

    .gestgoConfirmTop h1{
        font-size:29px;
    }

    .gestgoConfirmGrid{
        grid-template-columns:1fr;
    }

    .gestgoOrderNumber strong{
        font-size:17px;
    }

    .gestgoBankHeader{
        align-items:flex-start;
        padding:16px;
    }

    .gestgoBankHeader h2{
        font-size:22px;
    }

    .gestgoBankRows{
        padding-left:14px;
        padding-right:14px;
    }

    .gestgoBankRow{
        grid-template-columns:minmax(0,1fr) 72px;
        gap:9px;
    }

    .gestgoBankRow button{
        width:72px;
    }

    .gestgoPendingPayment{
        margin-left:14px;
        margin-right:14px;
    }

    .gestgoConfirmActions{
        flex-direction:column-reverse;
    }

    .gestgoPrimaryAction,
    .gestgoSecondaryAction{
        width:100%;
    }
}