.rr-step{border:1px solid #ddd;margin-bottom:15px;border-radius:6px;background:#fff}
.rr-step-header{display:flex;justify-content:space-between;width:100%;padding:16px;font-weight:600;background:#f7f7f7;border:0;cursor:pointer}
.rr-step-body{display:none;padding:20px}
.rr-step.is-open .rr-step-body{display:block}
.rr-step.is-complete .rr-step-header{background:#e8f5e9}
.rr-checkout-progress{display:flex;gap:15px;margin-bottom:20px;font-weight:600}


/* ===== LAYOUT ===== */

.elementor-shortcode .woocommerce{

display:grid;
grid-template-columns: 1fr 420px;
gap:40px;

max-width:1300px;
margin:auto;
align-items:start;

}

/* izquierda */

.rr-step[data-step="account"],
.rr-step[data-step="address"],
.rr-step[data-step="shipping"]{
grid-column:1;
}

/* derecha */

.rr-step[data-step="payment"]{

grid-column:2;

position:sticky;
top:120px;

}

/* ===== CARDS ===== */

.rr-step{

background:#fff;

padding:25px;

border-radius:12px;

box-shadow:0 5px 20px rgba(0,0,0,.06);

margin-bottom:20px;

}

/* ===== HEADERS ===== */

.rr-step-header{

font-size:22px;
font-weight:700;

display:flex;
justify-content:space-between;

cursor:pointer;

}

/* ===== BODY ===== */

.rr-step-body{
display:none;
margin-top:20px;
}

.rr-step.open .rr-step-body{
display:block;
}

/* ===== BUTTONS ===== */

.rr-step-continue{

margin-top:20px;

padding:12px 20px;

background:#75AADB;

color:#fff;

border:none;

border-radius:8px;

font-weight:700;

cursor:pointer;

}

/* botón finalizar */

#place_order{

width:100%;

padding:16px;

font-size:16px;

font-weight:700;

border-radius:8px;

margin-top:20px;

}

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

@media(max-width:980px){

.elementor-shortcode .woocommerce{
grid-template-columns:1fr;
}

.rr-step[data-step="payment"]{

position:relative;
top:auto;

}

}






/* ===============================
RR AUDIOCAR CHECKOUT STYLE
=============================== */

/* fondo general */

.elementor-shortcode .woocommerce{
background:#f7f8fa;
padding:25px;
border-radius:14px;
}

/* ===============================
BARRA DE PASOS
=============================== */

.rr-checkout-progress{

display:flex;
gap:12px;

margin-bottom:25px;

}

.rr-checkout-progress div{

flex:1;

background:#fff;

border-radius:12px;

padding:14px;

text-align:center;

font-weight:600;

font-size:14px;

color:#777;

box-shadow:0 3px 10px rgba(0,0,0,.05);

position:relative;

}

/* iconos pasos */

.rr-checkout-progress div::before{

content:"";

width:26px;
height:26px;

display:block;

margin:0 auto 6px;

border-radius:50%;

background:#75AADB;

opacity:.2;

}

/* ===============================
CARDS
=============================== */

.rr-step{

background:#fff;

padding:28px;

border-radius:14px;

box-shadow:
0 10px 28px rgba(0,0,0,.06),
0 2px 8px rgba(0,0,0,.04);

border:1px solid #ececec;

transition:.25s;

}

/* hover suave */

.rr-step:hover{

transform:translateY(-2px);

box-shadow:
0 14px 35px rgba(0,0,0,.08);

}

/* ===============================
HEADERS
=============================== */

.rr-step-header{

font-size:20px;

font-weight:700;

color:#111;

align-items:center;

display:flex;

gap:10px;

}

/* flecha acordeón */

.rr-step-header::after{

content:"▼";

margin-left:auto;

font-size:12px;

color:#999;

transition:.2s;

}

.rr-step.open .rr-step-header::after{

transform:rotate(180deg);

}

/* ===============================
INPUTS
=============================== */

.woocommerce-checkout input,
.woocommerce-checkout select{

height:46px;

border-radius:10px;

border:1px solid #ddd;

padding:0 12px;

font-size:14px;

transition:.2s;

}

/* focus */

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus{

border-color:#75AADB;

box-shadow:0 0 0 2px rgba(117, 170, 219, .15);

outline:none;

}

/* labels */

.woocommerce-checkout label{

font-weight:600;

font-size:13px;

color:#333;

}

/* spacing */

.woocommerce-billing-fields__field-wrapper p{

margin-bottom:14px;

}

/* ===============================
ENVÍO
=============================== */

.woocommerce-shipping-methods{

list-style:none;

padding:0;

margin:15px 0;

}

.woocommerce-shipping-methods li{

background:#f9fafb;

border:1px solid #e6e6e6;

padding:14px;

border-radius:10px;

margin-bottom:10px;

transition:.2s;

}

.woocommerce-shipping-methods li:hover{

border-color:#75AADB;

background:#fff;

}

/* radio */

.woocommerce-shipping-methods input{

margin-right:10px;

}

/* ===============================
PAGO
=============================== */

.wc_payment_methods{

list-style:none;

padding:0;

margin:0;

}

.wc_payment_methods li{

background:#fafafa;

border:1px solid #e6e6e6;

padding:14px;

border-radius:10px;

margin-bottom:12px;

transition:.2s;

}

.wc_payment_methods li:hover{

border-color:#75AADB;

background:#fff;

}

/* título pago */

.checkout-payment-info-heading{

font-size:18px;

font-weight:700;

margin-bottom:14px;

}

/* descripción transferencia */

.payment_box{

font-size:13px;

color:#666;

margin-top:10px;

line-height:1.5;

}

/* ===============================
BOTONES
=============================== */

.rr-step-continue{

background:#75AADB;

border:none;

padding:12px 18px;

border-radius:10px;

font-weight:700;

font-size:14px;

color:#fff;

transition:.2s;

}

.rr-step-continue:hover{

background:#5C9ED1;

}

/* botón comprar */

#place_order{

background:#75AADB;

border:none;

border-radius:12px;

padding:16px;

font-size:16px;

font-weight:700;

color:#fff;

transition:.2s;

}

#place_order:hover{

background:#5C9ED1;

}

/* ===============================
CHECKBOX TERMS
=============================== */

.woocommerce-form__label{

font-size:13px;

color:#555;

}

/* ===============================
STICKY CARD DERECHA
=============================== */

.rr-step[data-step="payment"]{

background:#ffffff;

box-shadow:

0 20px 50px rgba(0,0,0,.08);

}

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

@media(max-width:980px){

.elementor-shortcode .woocommerce{

padding:10px;

}

.rr-step{

padding:20px;

}

.rr-step-header{

font-size:18px;

}

}

.mobbexSource,
.mobbexPaymentMethod img{
display:none !important;
}

/* pagos */

.wc_payment_methods li{

background:#fff;

border:1px solid #e5e7eb;

padding:16px;

border-radius:12px;

margin-bottom:10px;

transition:.2s;

}

.wc_payment_methods li:hover{

border-color:#75AADB;

box-shadow:0 5px 20px rgba(0,0,0,.06);

}

.payment-title-wrap{

display:flex;

align-items:center;

gap:12px;

font-weight:600;

}

.payment_box{

background:#f9fafb;

border-radius:8px;

padding:12px;

margin-top:10px;

font-size:13px;

}


.rr-order-summary{

background:#fff;

border-radius:14px;

padding:20px;

margin-bottom:20px;

box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.rr-order-summary h3{

font-size:18px;

font-weight:700;

margin-bottom:10px;

}

.woocommerce-checkout-review-order-table{

font-size:14px;

}

.woocommerce-checkout-review-order-table td{

padding:8px 0;

}

.rr-step-complete::before{

content:"✔";

position:absolute;

top:10px;

right:12px;

background:#16a34a;

color:#fff;

width:22px;

height:22px;

border-radius:50%;

font-size:12px;

display:flex;

align-items:center;

justify-content:center;

}
.mobbexSource,
.mobbex-button,
.mobbexSource img{
display:none !important;
}
/* pagos */

.wc_payment_methods li{

background:#fff;
border:1px solid #e5e7eb;

padding:16px;

border-radius:12px;

margin-bottom:10px;

transition:.2s;

}

.wc_payment_methods li:hover{

border-color:#75AADB;

box-shadow:0 6px 20px rgba(0,0,0,.06);

}

/* descripción */

.payment_box{

background:#f9fafb;

border-radius:8px;

padding:12px;

margin-top:10px;

font-size:13px;

}

/* botón */

#place_order{

background:#75AADB;

border-radius:14px;

padding:16px;

font-size:16px;

font-weight:700;

}
.rr-order-summary{

background:#fff;

border-radius:14px;

padding:20px;

margin-bottom:20px;

box-shadow:0 10px 25px rgba(0,0,0,.06);

}

.rr-order-summary h3{

font-size:18px;

font-weight:700;

margin-bottom:12px;

}

.woocommerce-checkout-review-order-table{

font-size:14px;

}