@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0; border:0;}
.hd_bienvenida {width:70%; height: auto; position: relative; left:15%; padding-top: 60px; font-family: "Oswald", sans-serif; font-weight:500; font-size:2rem; line-height:2.2rem; text-align: center; text-transform: uppercase; color:#cccccc;}
.id_reforma2 {width:280px; height: 50px; position: relative; margin: 0 auto; padding-top: 6px;}
.hd_txt_welcome2 {width:70%; height: auto; position: relative; left:15%; margin-top: 40px; font-family: "Oswald", sans-serif; font-weight:500; font-size:1.6rem; line-height:1.8rem; text-align: center; text-transform: uppercase; color:#ffffff;}
.datos_suscriptor {max-width:300px; height: 50px; position: relative; margin: 0 auto; margin-top: 20px; font-family: "Oswald", sans-serif; font-weight:300; font-size:1.1rem; line-height:1.3rem; text-align: center; text-transform: uppercase; color:#ffffff; padding-bottom: 12px;}
.num_suscriptor_cotiza {font-weight:600;  font-size:2.7rem; line-height:2.9rem;}
.incluye_plan_cotiza {max-width:640px; width: 80%; height: auto; position: relative; margin: 30px auto 0 auto; color:#ffffff; font-family: "Oswald", sans-serif; font-weight:400; font-size:1.4rem; line-height:2rem; text-transform: uppercase; color:#ffffff;}
.num_autoriza_banco {font-size:0.9rem; color:#C5C5C5; margin: 8px 0 5px 0;}

/*renovacion tienda  -------------------------------------- */
.hd_txt_renov_tienda {width:40%; height: auto; position: relative; left:30%; margin-top: 40px; font-family: "Oswald", sans-serif; font-weight:400; font-size:1rem; line-height:1.25rem; 
    text-align: center; text-transform: uppercase; color:#ffffff;}

.ficha_tienda {width:300px; height: auto; position: relative; background: #ffffff; border: 1px solid #D0D0D0; 
    border-radius: 8px 8px 8px 8px; padding-bottom: 20px; margin:60px auto 30px auto;
    -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border: 0px solid #000000;
    -webkit-box-shadow: 2px 4px 10px 1px rgba(0,0,0,0.33); -moz-box-shadow: 2px 4px 10px 1px rgba(0,0,0,0.33);
    box-shadow: 2px 4px 10px 1px rgba(0,0,0,0.33); }
.img_tienda_app {width:70%; height: auto; position: relative; margin:0px auto 0px auto; padding:20px 0 5px 0}
.img_tienda_app img {width:100%;}  
.item_bottom_tienda { width: 100%; height: auto; position: relative; margin: 0px auto; display: inline-flex; 
    padding-top:15px;left:0; box-sizing: border-box;}  
.bt_ingresa_tienda {width: 40%; height: auto; position: relative; box-sizing: border-box; padding-left:5%; display: inline;
text-transform: uppercase; color:#424249; font-family: "Oswald", sans-serif; font-weight:400; font-size:1rem; padding-top: 10px;}
.bt_ingresa_tienda a { text-decoration: none; color: #424249; }
.ico_ingresa_tienda {width: 35%; height: auto; position: relative; display: inline; left:20%;} 
.ico_ingresa_tienda img {width: 100%; height: auto;}

/* FIN renovacion tienda  -------------------------------------- */

ul#opc_inc_cotiza {
    display: flex; display:-webkit-flex; display:-moz-flex;
    flex-flow:row wrap; font-family: "Oswald", sans-serif; font-weight:300; font-size:1.2rem !important; text-transform: none; 
    justify-content:space-between;
	line-height: 1.4rem;  padding-left: 1.6rem; 
}
ul#opc_inc_cotiza > li {
    display: block; margin-left: 0%; padding-bottom: 0.2rem; padding-top: 0.3rem;  padding-left: 0px; text-indent: 0;
    width: 45%; /* para un pequeño gap entre columnas */ text-indent: -18px;}

li .palomita_cotiza, li .palomita_cotizaOK  {width: 18px; height: 18px; position: relative; left: 0px; display: inline-block;  } 

.palomita_cotiza:before, .palomita_cotiza:after { 
    content: ""; 
    position: absolute; 
    background: #01b541; 
	transform: rotate(-50deg);
} 

.palomita_cotizaOK:before, .palomita_cotizaOK:after { 
    content: ""; 
    position: absolute; 
    background: #ff8400; 
	transform: rotate(-50deg);
} 

.palomita_cotiza:before, .palomita_cotizaOK:before { 
    left: 0%; 
    width: 20%; 
    margin-left: -22%;
	margin-top: 53%; 
    height: 40%; 
} 

.palomita_cotiza:after, .palomita_cotizaOK:after { 
    top: 45%; 
    height: 20%; 
    margin-top: 0%; 
	margin-left: 78%;
    width: 90%; 
} 

.completa_registro {max-width:640px; width: 80%; height: auto; position: relative; margin: 40px auto 0 auto; color:#ffffff; font-family: "Oswald", sans-serif; font-weight:300; font-size:1.8rem; line-height:2rem; color:#ffffff; text-align: center;}

.contenedor_pago_cotiza {max-width:980px; width:100%; height: auto;  position: relative; margin: 0 auto; padding-top: 30px;}

.registro_dir {max-width: 580px; width:100%; height: auto; position: relative; margin: 0 auto; background: #ffffff; border: 1px solid #D0D0D0; border-radius: 8px 8px 8px 8px; padding-bottom:10px; margin-bottom:40px;
	-moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border: 0px solid #000000;
		-webkit-box-shadow: 2px 4px 10px 1px rgba(0,0,0,0.33); -moz-box-shadow: 2px 4px 10px 1px rgba(0,0,0,0.33);
 		box-shadow: 2px 4px 10px 1px rgba(0,0,0,0.33);}

.registro_dir_fisica {max-width: 980px; width:90%; height: auto; position: relative; margin: 0 auto; background: #ffffff; border: 1px solid #D0D0D0; border-radius: 8px 8px 8px 8px; padding-bottom:10px; margin-bottom:40px; padding-top: 40px;
	-moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border: 0px solid #000000;
		-webkit-box-shadow: 2px 4px 10px 1px rgba(0,0,0,0.33); -moz-box-shadow: 2px 4px 10px 1px rgba(0,0,0,0.33);
 		box-shadow: 2px 4px 10px 1px rgba(0,0,0,0.33);}

/* ENTREGA FISICA */
.hd_bloque_entrega {width:90%; height:auto; position:relative; margin:0px auto; font-family: "Oswald", sans-serif; font-weight:300; font-size:1.7rem; line-height:1.7rem; color:#333333; text-transform:uppercase; padding-top: 10px;}

.info_entrega_fisica {width:90%; height: auto; position: relative; margin:20px auto 35px auto; display:flex; display:-webkit-flex; display:-moz-flex; -webkit-flex-flow: row; flex-flow:row;
			 justify-content:space-between; justify-content: -webkit-space-between; justify-content: -moz-space-between; 
			align-items: stretch; align-items: -webkit-stretch; flex-align: -ms-center;}

.columna1_entrega, .columna2_entrega {width:47%; height: auto; position: relative; }
.registro100_entrega {width: 100%; height:2rem; margin: 0 auto; border: 1px solid #bbbbbb; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;  border-radius:7px 7px 7px 7px; margin-top: 0.95rem; position: relative;}

.registro50_entrega {width: 100%; height:2rem; margin: 0 auto;  margin-top: 0.95rem; display:flex; display:-webkit-flex; display:-moz-flex; -webkit-flex-flow: row; flex-flow: row; justify-content:space-between; justify-content: -webkit-space-between; justify-content: -moz-space-between; align-items: stretch; align-items: -webkit-stretch; flex-align: -ms-center; padding-bottom: 2px; position: relative;}
.inputemail_entrega2 {width:48%; height:2rem; border: 1px solid #bbbbbb; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;  border-radius:7px 7px 7px 7px;}
.inputemail_entrega2 input {font-size: 0.9rem; height: 1.2rem; margin-top: 0.4rem; width: 90%; padding-left:8px; color:#b4b4b4;}



@media screen and (max-width: 780px){

.completa_registro {margin: 0px auto 0 auto; padding-top: 0; }	
.contenedor_pago_cotiza {padding-top: 40px;}	
.hd_bloque_entrega {width:100%; height:auto; position:relative; margin-bottom:40px; font-family: "Oswald", sans-serif; font-weight:300; font-size:1.7rem; line-height:1.7rem; text-align: center;}
	

	
}


@media screen and (max-width: 640px){

.contenedor_pago_cotiza {padding-top: 30px;}	
.hd_bienvenida {width:70%; font-size:1.6rem; line-height:1.8rem;}
.id_reforma2 {width:220px; height: auto;}
.hd_txt_welcome2 {width:80%; left:10%; margin-top: 20px; font-size:1.4rem; line-height:1.6rem; font-weight:400;}
.datos_suscriptor {max-width:300px; height: 50px; position: relative; margin: 0 auto; margin-top: 20px; font-family: "Oswald", sans-serif; font-weight:300; font-size:0.95rem; line-height:1.1rem; text-align: center; text-transform: uppercase; color:#ffffff; padding-bottom: 12px;}
.num_suscriptor_cotiza {font-weight:600;  font-size:2.5rem; line-height:2.7rem;}
.incluye_plan_cotiza {max-width:640px; width: 80%; height: auto; position: relative; margin: 30px auto 0 auto; color:#ffffff;}
.registro_dir {width:90%;}
	
}


@media screen and (max-width: 480px){
.hd_bloque_entrega {width:80%; margin:0px auto; font-size:1.7rem; line-height:2rem;}
	
.incluye_plan_cotiza {width: 60%; height: auto; position: relative; margin: 30px auto 0 auto; color:#ffffff; font-family: "Oswald", sans-serif; font-weight:400; font-size:1.4rem; line-height:2rem; text-transform: uppercase; color:#ffffff;}	
ul#opc_inc_cotiza {
    flex-flow:column; font-family: "Oswald", sans-serif; font-weight:300; font-size:1.2rem !important; text-transform: none; 
    justify-content:space-between;
	line-height: 1.4rem;  padding-left: 1.6rem; 
}
ul#opc_inc_cotiza > li {
    display: block; margin: 0 auto; padding-bottom: 0.2rem; padding-top: 0.3rem;  padding-left: 0px; text-indent: 0;
    width: 100%;  text-indent: -18px;} 
	
.completa_registro {font-size:1.5rem; line-height:1.7rem; color:#ffffff; text-align: center;}
	
.info_entrega_fisica {width:90%; position: relative; margin:20px auto 35px auto; display:flex; display:-webkit-flex; display:-moz-flex; -webkit-flex-flow: column; flex-flow:column; 
			 justify-content:space-between; justify-content: -webkit-space-between; justify-content: -moz-space-between; 
			align-items: stretch; align-items: -webkit-stretch; flex-align: -ms-center;}	
.columna1_entrega, .columna2_entrega {width:100%; height: auto; position: relative; }

.num_suscriptor_cotiza {font-weight:500;  font-size:2.1rem; line-height:2.5rem;}
	
	
}


@media screen and (max-width: 420px){
.hd_txt_welcome2 {width:90%; left:5%; margin-top: 20px; font-size:1.4rem; line-height:1.6rem; font-weight:400;}		
.registro_dir {width:90%;}
.incluye_plan_cotiza {width:70%; font-size:1.2rem; line-height:2rem;}
ul#opc_inc_cotiza {
    font-size:1.1rem !important;
	line-height: 1.5rem;  padding-left: 1.6rem; 
}

ul#opc_inc_cotiza > li {
    display: block; margin-left: 0%; padding-bottom: 0.2rem; padding-top: 0.3rem;  padding-left: 0px; text-indent: 0;
    text-indent: -18px;}

.hd_bloque_entrega {width:80%; margin:0px auto; font-size:1.4rem; line-height:1.7rem; padding-bottom: 0px;}
.info_entrega_fisica {margin:10px auto 35px auto; }	

	
}


@media screen and (max-width: 360px){
.incluye_plan_cotiza {width:80%;}	


}

@media screen and (max-width: 320px){
.completa_registro {width: 90%; font-size:1.4rem; line-height:1.7rem; color:#ffffff; text-align: center;}

}