/*
=========================================================
EP Cuotas WooCommerce
Versión 1.0.3
Autor: Wilson Buch
=========================================================
*/

.ep-cuotas-box{

    margin-top:18px;

    padding:9px 20px;

    background:#F8F9FC;

    border:1px solid #E4E8F2;

    border-radius:10px;

    font-family:'Poppins',sans-serif;

}

/*==========================================
GRID
==========================================*/

.ep-cuotas-grid{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

}

/*==========================================
IZQUIERDA
==========================================*/

.ep-left{

    flex:1;

}

.ep-label{

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:2px;

    font-weight:700;

    color:#6B7280;

    margin-bottom:6px;

}

/*==========================================
PRECIO
==========================================*/

.ep-price-row{

    display:flex;

    align-items:flex-end;

    line-height:1;

}

.ep-moneda{

    color:#0B2E83;

    font-size:22px;

    font-weight:700;

    margin-right:4px;

    margin-bottom:6px;

}

#ep_cuota_valor{

    font-size:27px;

    color:#0B2E83;

    font-weight:800;

    letter-spacing:-2px;

    line-height:1;

    transition:.20s;

}

.ep-mes{

    margin-left:6px;

    margin-bottom:8px;

    font-size:15px;

    color:#555;

}

/*==========================================
SIN INTERESES
==========================================*/

.ep-sin-intereses{

    margin-top:6px;

    font-size:13px;

    font-weight:600;

    color:#009245;

}

/*==========================================
DERECHA
==========================================*/

.ep-right{

    width:185px;

}

.ep-select-title{

    font-size:13px;

    color:#777;

    margin-bottom:6px;

    font-weight:500;

}

/*==========================================
SELECT
==========================================*/

#ep_select_cuotas{

    width:100%;

    height:38px;

    border-radius:8px;

    border:1px solid #D8DDE7;

    background:#FFF;

    padding:0 12px;

    font-size:15px;

    font-weight:600;

    color:#333;

    cursor:pointer;

    transition:.25s;

}

#ep_select_cuotas:hover{

    border-color:#0B2E83;

}

#ep_select_cuotas:focus{

    outline:none;

    border-color:#0B2E83;

    box-shadow:0 0 0 2px rgba(11,46,131,.12);

}

/*==========================================
NOTA
==========================================*/

.ep-nota{

    margin-top:3px;

    padding-top:6px;

    border-top:1px solid #ECECEC;

    font-size:11px;

    color:#888;

}

/*==========================================
RESPONSIVE
==========================================*/

@media(max-width:768px){

    .ep-cuotas-grid{

        flex-direction:column;

        align-items:flex-start;

        gap:18px;

    }

    .ep-right{

        width:100%;

    }

    #ep_select_cuotas{

        width:100%;

    }

    #ep_cuota_valor{

        font-size:25px;

    }

    .ep-moneda{

        font-size:20px;

    }

}