button.btn-nuevo-pago {
  background-color: #D90429; /* Color rojo */
  border: none;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.3s, color 0.3s;
  padding: 10px;
}
button.btn-nuevo-pago:hover {
  background-color: #FFD700; /* Color amarillo en hover */
  color: #000;
}
button.btn-comprobante-pago{
  background-color: #008000; /* Color verde */
  border: none;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.3s, color 0.3s;
  padding: 10px;
  margin-right:4px;
}
button.btn-comprobante-pago:hover{
  background-color: #FFD700; /* Color amarillo en hover */
  color: #000;
}
button.btn-primary {
  background-color: #D90429;
  border: none;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.3s, color 0.3s;
  padding: 10px;
}
button.btn-primary:hover {
  background-color: #FFD700; /* Color amarillo en hover */
  color: #000;
}
button.btn-success{
  background-color: #008000; /* Color verde */
  border: none;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.3s, color 0.3s;
  padding: 10px;
}
button.btn-paso3:hover{
  background-color: #FFD700; /* Color amarillo en hover */
  color: #000;
}
button.btn-paso3{
  background-color: #008000; /* Color verde */
  border: none;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.3s, color 0.3s;
  padding: 10px;
}
button.btn-success:hover{
  background-color: #FFD700; /* Color amarillo en hover */
  color: #000;
}
button.btn-back{
  background-color: #D90429;
  border: none;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.3s, color 0.3s;
  padding: 10px;
}
button.btn-back:hover{
  background-color: #FFD700; /* Color amarillo en hover */
  color: #000;
}
button.btn-reintentar-pago{
  background-color: #008000; /* Color verde */
  border: none;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.3s, color 0.3s;
  padding: 10px;
  margin-right:4px;
}
button.btn-reintentar-pago:hover{
  background-color: #FFD700; /* Color amarillo en hover */
  color: #000;
}

#form-group-col-left{
  width:20%;
  float:left;
  background-color:white;
}
#form-group-col-left-con-captcha{
  width:5%;
  float:left;
  background-color:white;
}

#form-group-col-right{
  width:20%;
  float:left;
  background-color:white;
}
#form-group-col-right-con-captcha{
  width:10%;
  float:left;
  background-color:white;
}

#form-group-col-1{
  width:40%;
  float:left;
  background-color:white;
}
#form-group-col-1-con-captcha{
  width:35%;
  float:left;
  background-color:white;
}
#form-group-col-1-1{
  width:40%;
  text-align:left;
  float:left;
}
#form-group-col-1-2{
  width:60%;
  text-align:left;
  float:right;
}
#form-group-col-1-2-help{
  text-align:left;
  font-size:14px;
  margin-left:6px;
}
#form-group-col-captcha{
  width:30%;
  float:left;
  background-color:white;
}
#form-group-col-captcha-1{
  width:20%;
  text-align:left;
  float:left;
  white-space: nowrap;
}
#form-group-col-captcha-2{
  width:30%;
  text-align:left;
  float:left;
}
#form-group-col-captcha-3{
  width:50%;
  text-align:left;
  float:left;
}
#form-group-col-2{
  width:20%;  
  float:left;
  background-color:white;
}
#form-group-col-2-con-captcha{
  width:20%;  
  float:left;
  background-color:white;
}
#form-group-col-2-1{
  width:50%;
  text-align:left;
  float:left;
}
#form-group-col-2-2{
  width:50%;
  text-align:left;
  float:left;
}
#form-group-col-error{
  width:100%;
  margin-left:0px;
  margin-right:0px;
  padding-left:4px;
  text-align:center;
  float:left;
}
#div-error{
  margin-top:0x;
  padding:20px;
  border:2px rgb(85,0,0) solid;
  border-radius: 8px;
  background-color:rgb(255,204,221);
  color:rgb(85,0,0);
} 
.div-error{
  border:2px rgb(85,0,0) solid;
  border-radius: 8px;
  background-color:rgb(255,204,221);
  color:rgb(85,0,0);
}
#captcha-img{
	background-repeat:no-repeat,repeat;
	background-size:auto,cover;
	background-position:center,0 0;
}
#tabla-detalle-h2{
  font-size:22px;
  margin:0px;
}
#tabla-detalle{
  font-size:14px;	
}
#tabla-detalle thead tr th{
  background-color: #D90429; /* rojo tcd*/
  color:white;
}
.tabla-detalle-tr-alt td{
  background-color: rgb(226,226,226); /* gris claro */	
}
#divBuscarFacturasPendientes{
  display:block;
  width:100%;
  height:50px;
}
#paso2-btn-footer{
  width:100%;
}
#paso2-btn-footer-col-1{
  width:50%;
  float:left;
}
#paso2-btn-footer-col-2{
  width:50%;
  float:left;
}
#paso2-div-condicion-terminos{
  font-size:14px;	
}
#paso2-div-email{
  width:100%;
}
#paso2-div-email table{
  font-size:14px;
}
/* Media Queries para dispositivos móviles */
@media (min-width: 1080px) { /* mayores de 1080px */
  #mainContent {
    padding: 20px;
    margin: 10px;
  }
  #divBuscarFacturasPendientes{
    height:50px;
  }
  #form-group-col-left{
	display:block;
  }
  #form-group-col-right{
	display:block;
  }
  #form-group-col-left-con-captcha{
	display:block;
  }
  #form-group-col-right-con-captcha{
	display:block;
  }
  #form-group-col-1{
	width:40%;
  }
  #form-group-col-1-con-captcha{
    width:35%;
  }
  #form-group-col-captcha{
	width:30%;
  }
  #form-group-col-captcha-1{
    width:20%;
  }
  #form-group-col-captcha-2{
    width:30%;
  }
  #form-group-col-captcha-3{
    width:50%;
  }
  #form-group-col-2{
	width:20%;  
  }
  #form-group-col-2-con-captcha{
	width:20%;  
  }
  #form-group-col-2-1{
    width:100%; 
  }
  button.btn-primary {
    width:80%;
  }
  #div-error{
    margin-top:0px;
  }
  #paso2-div-email input{
    width:300px;
	font-size:14px;
	margin:4px;
  }
  #div-title-rut{
	text-align:right;
	padding-right:6px;  
  }
}
@media (max-width: 1079px){ /* entre 769px a 1079px */
  #mainContent {
    padding: 20px;
    margin: 10px;
  }
  #divBuscarFacturasPendientes{
    height:50px;
  }
  #form-group-col-left{
	display:none;
  }
  #form-group-col-right{
	display:none;
  }
  #form-group-col-left-con-captcha{
	display:none;
  }
  #form-group-col-right-con-captcha{
	display:none;
  }
  #form-group-col-1{
	width:70%;
  }
  #form-group-col-1-con-captcha{
    width:30%;
  }
  #form-group-col-captcha{
	width:40%;
  }
  #form-group-col-captcha-1{
    width:20%;
  }
  #form-group-col-captcha-2{
    width:40%;
  }
  #form-group-col-captcha-3{
    width:40%;
  }
  #form-group-col-2{
	width:30%;  
  }
  #form-group-col-2-con-captcha{
    width:30%;
  }
  #form-group-col-2-1{
    width:100%; 
  }
  button.btn-primary {
    width:90%;
  }
  #div-error{
    margin-top:0px;
  }
  #paso2-div-email table{
	width:80%;
    font-size:14px;
  }
  #paso2-div-email input{
    width:100%;
  }
}
@media (max-width: 768px) { /* entre 481px a 768px */
  #mainContent {
    padding: 10px; /* Espaciado interno reducido para pantallas pequeñas */
    margin: 10px; /* Margen reducido para pantallas pequeñas */
  }
  #divBuscarFacturasPendientes{
    height:100px;
  }
  #form-group-col-left{
	display:none;
  }
  #form-group-col-right{
	display:none;
  }
  #form-group-col-left-con-captcha{
	display:none;
  }
  #form-group-col-right-con-captcha{
	display:none;
  }
  #form-group-col-1{
	width:100%;
  }
  #form-group-col-1-con-captcha{
    width:100%;
  }
  #form-group-col-1-1{
	width:100%;
  }
  #form-group-col-1-2{
	width:100%;
  }
  #form-group-col-captcha{
	width:100%;
  }
  #form-group-col-captcha-1{
    width:15%;
  }
  #form-group-col-captcha-2{
    width:20%;
  }
  #form-group-col-captcha-3{
    width:65%;
  }
  #form-group-col-2{
	width:100%;  
  }
  #form-group-col-2-con-captcha{
    width:100%;
  }
  #form-group-col-2-1{
	padding-left:0px;
	padding-right:0px;
	width:100%;  
  }
  button.btn-primary {
    width:100%;
  }
  #div-error{
    margin-top:38px;
  }
  #tabla-detalle{
	font-size:12px;	
  }
  h1 {
    font-size: 20px; /* Tamaño de fuente reducido para pantallas pequeñas */
  }
  #paso2-div-condicion-terminos{
	font-size:12px;	
  }
  #paso2-div-email table{
	width:100%;
    font-size:12px;
  }
  #paso2-div-email input{
    width:100%;
  }
}
@media (max-width: 480px) { /* entre 0px a 480px */
  #mainContent {
    padding: 5px; /* Espaciado interno reducido aún más para pantallas muy pequeñas */
    margin: 5px; /* Margen reducido para pantallas muy pequeñas */
  }
  #form-group-col-left{
	display:none;
  }
  #form-group-col-right{
	display:none;
  }
  #form-group-col-left-con-captcha{
	display:none;
  }
  #form-group-col-right-con-captcha{
	display:none;
  }
  #form-group-col-1{
	width:100%;
  }
  #form-group-col-1-con-captcha{
	width:100%;
  }
  #form-group-col-1-1{
	width:100%;
  }
  #form-group-col-1-2{
	width:100%;
  }
  #form-group-col-captcha{
	width:100%;
  }
  #form-group-col-captcha-1{
    width:20%;
  }
  #form-group-col-captcha-2{
    width:30%;
  }
  #form-group-col-captcha-3{
    width:50%;
  }
  #form-group-col-2{
	width:100%;
  }
  #form-group-col-2-con-captcha{
    width:100%;
  }
  #form-group-col-2-1{
	padding-left:0px;
	padding-right:0px;
	width:100%;
  }
  button.btn-primary {
    width:100%;
  }
  button.btn-success {
	width:100%;  
  }
  button.btn-paso3{
    width:100%;
  }
  #div-error{
    margin-top:36px;
  }
  #tabla-detalle-h2{
	font-size:18px;
	margin:0px;
  }
  #tabla-detalle{
	font-size:11px;	
  }
  h1 {
    font-size: 18px; /* Tamaño de fuente aún más reducido para pantallas muy pequeñas */
  }
  button.btn-back{
    width:100%;
    border-radius: 8px 0 0 8px; /* top-left | top-right | bottom-right | bottom-left */
  }
  button.btn-paso3{
    width:100%;
    border-radius: 0 8px 8px 0; /* top-left | top-right | bottom-right | bottom-left */
  }
  #paso2-btn-footer-col-1{
    width:30%;
    float:left;
  }
  #paso2-btn-footer-col-2{
    width:70%;
    float:left;
  }
  #paso2-div-condicion-terminos{
	font-size:10px;	
  }
  #paso2-div-email table{
	width:100%;
    font-size:10px;
  }
  #paso2-div-email input{
    width:100%;
  }
  button.btn-nuevo-pago {
    width:100%;
  }
  button.btn-comprobante-pago{
	margin-bottom:4px;
	width:100%;
  }
  button.btn-reintentar-pago{
	margin-bottom:4px;
	width:100%;
  }
}