/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/
/* ==== CUSTOM STYLES ==== */

body{
font-family: 'Inter', sans-serif;
}
/* =========================
OPCIONES DE PAGO (PRODUCTO)
========================= */

.opciones-pago{
margin-top:20px;
border-top:1px solid #eee;
padding-top:15px;
}

.opciones-pago h3{
font-size:16px;
margin-bottom:15px;
}

/* ITEM */
.pago-item{
display:flex;
align-items:center;
gap:15px;
padding:10px 12px;
border-radius:10px;
background:transparent;
margin-bottom:10px;
transition:0.2s;
border:1px solid #eee;
flex-wrap:wrap;
}

.pago-item:hover{
background:#fff;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
}
/* LOGO */
.pago-logo{
object-fit:contain;
}

/* CONTENIDO */
.pago-contenido{
flex:1;
}

/* LINEA PRINCIPAL */
.pago-linea{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
justify-content:space-between;
}

/* PRECIO */
.pago-precio{
font-weight:700;
font-size:15px;
color:#111;
}

/* BADGE DESCUENTO */
.badge-desc{
background:#e60000;
color:#fff;
font-size:12px;
padding:2px 6px;
border-radius:5px;
font-weight:600;
}

/* CUOTAS */
.pago-cuotas{
font-size:13px;
color:#666;
}

/* DESCRIPCION */
.pago-desc{
font-size:13px;
color:#777;
margin-top:2px;
}

@media(max-width:480px){
.pago-item{
flex-direction:column;
align-items:flex-start;
}
.pago-linea{
justify-content:flex-start;
gap:5px;
}
.pago-logo{
margin-bottom:8px;
}
}

/* CONTENEDOR */
.single-product .summary .opciones-pago{
    margin-top:20px;
    border-top:1px solid #eee;
    padding-top:15px;
}

/* ITEM */
.single-product .summary .opciones-pago .pago-item{
    display:flex !important;
    align-items:center !important;
    gap:15px;
    padding:12px;
    border-radius:10px;
    background:#fafafa;
    margin-bottom:10px;
    border:1px solid #eee;
    flex-wrap:wrap;
}

/* HOVER */
.single-product .summary .opciones-pago .pago-item:hover{
    background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,0.08);
}


/* CONTENIDO */
.single-product .summary .pago-contenido{
    flex:1;
}

/* LINEA */
.single-product .summary .pago-linea{
    display:flex !important;
    justify-content:space-between;
    align-items:center;
    width:100%;
}

/* PRECIO */
.single-product .summary .pago-precio{
    font-weight:700;
    font-size:15px;
}

/* BADGE */
.single-product .summary .badge-desc{
    background:#e60000;
    color:#fff;
    font-size:12px;
    padding:2px 6px;
    border-radius:5px;
}

/* TEXTO */
.single-product .summary .pago-cuotas,
.single-product .summary .pago-desc{
    font-size:13px;
    color:#666;
}