.inputdniCuit{
	
	padding: 0px 0px;

}

.inputMask{

	height: 35px;

}

#informacionCuotas2, #informacionCuotas {

	font-size: smaller;

}

.oferta{
	 text-decoration:line-through;
	 color:#ccc;
	 font-size:15px;
}



/*===========================================================
PÁGINA DEVOLUCIÓN
===========================================================*/


.colorS {

	background-color: #303F52 !important;
	color: white;

}

.colortS {

	color: #6AB050;

}

.inputInitial{

	background-color: seashell !important;

}

.requerido{

	background-color: cornsilk;

}

.productosVendidos button{

	 border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;

    background: transparent;

    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;

    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;

    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;

    /* Corrects inability to style clickable `input` types in iOS */

        width: 100%;
    padding: 10px;

}


.displayNone{

  display: none;
  z-index: 20;

}

.displayBlock{

  display: block;

}

/* ===== Layout base ===== */
.venta-wrapper{
  padding: 16px;
}

.venta-grid{
  display: grid;
  grid-template-columns: 1.25fr 0.95fr;
  gap: 16px;
}

@media (max-width: 991px){
  .venta-grid{ grid-template-columns: 1fr; }
}

/* ===== Cards ===== */
.card-ui{
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  overflow: hidden;
}

.card-ui__header{
  padding: 14px 16px;
  background: rgba(0,0,0,0.03);
  border-bottom: 1px solid rgba(0,0,0,0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.card-ui__title{
  margin: 0;
  font-size: 18px;
  letter-spacing: .2px;
  font-weight: 700;
}

.card-ui__subtitle{
  margin: 2px 0 0;
  font-size: 13px;
  opacity: .7;
}

.card-ui__body{
  padding: 16px;
}

/* ===== Section titles ===== */
.section-title{
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .3px;
  text-transform: uppercase;
  opacity: .85;
}

/* ===== Inputs ===== */
.input-lg,
.form-control{
  border-radius: 12px;
}

.input-group-addon{
  border-radius: 12px 0 0 12px;
}

.input-group .form-control{
  border-radius: 0 12px 12px 0;
}

/* ===== Buttons ===== */
.btn-soft{
  border-radius: 12px;
  font-weight: 700;
  padding: 10px 14px;
}

.btn-icon{
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ===== Tables ===== */
.table-ui{
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.06);
}

.table-ui thead th{
  background: rgba(0,0,0,0.04);
  font-weight: 800;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

/* ===== Payment blocks ===== */
.pay-block{
  background: rgba(0,0,0,0.02);
  border: 1px dashed rgba(0,0,0,0.16);
  border-radius: 14px;
  padding: 14px;
}

.pay-block--alt{
  background: rgba(0, 123, 255, 0.06);
  border-style: solid;
  border-color: rgba(0, 123, 255, 0.18);
}

.hr-soft{
  border: none;
  height: 1px;
  background: rgba(0,0,0,0.08);
  margin: 14px 0;
}

/* ===== Helpers ===== */
.stack-12 > * + *{ margin-top: 12px; }
.stack-16 > * + *{ margin-top: 16px; }
.text-muted-ui{ opacity: .7; }