@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&family=Playfair+Display:wght@700;900&display=swap');
    :root {
      --gold:#FFD700; --gold2:#c8960a; --green:#39FF14; --green2:#2acc10;
      --dark:#080c06; --card:#0f140d; --card2:#141a11; --border:#1e2a1a;
      --text:#e8f0e0; --muted:#6a8a5a; --logo_amarillo:#F4DA4F; --fondo:#fff; --logo_azul:#2851CF; --gris:#d9d9e3;
    }
body{margin:0; padding:0;background-image:url('img/614/fondo.jpg');color:#000000;background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%;}

/*body{ background-image:url('img/614/fondo.png');color:#000000;background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%;}*/

/*
.encabezado{width:100%; height:160px; position:fixed; color:#000;  display:inline; }
.menu{width:100%; position:fixed; height:60px; margin-top:160px;}
.menu_entrada{margin-left:5px;} 

 .menu_entrada input{margin-left:50px; width:80%; margin-top:-40px; height:30px; text-align:left; padding-left:10px; font-size:14px; border: 4.5px solid var(--gris);   border-radius: 12px;font-weight:bold;font-family:Montserrat-Regular;} 

.votos{width:100%; height:70px; position:fixed; color:#ffffff; text-align:center; font-size:18px; font-weight:bold;font-family:Montserrat-Regular; padding-top:12px; }



.encabezado{width:100%; height:160px; position:fixed; background:#2D176B;color:#000;  display:inline; }
.menu{width:100%; position:fixed; background:#fff;height:60px; margin-top:160px;}
.votos{width:100%; height:70px; position:fixed; background-color:#2D176B;color:#ffffff; text-align:center; font-size:18px; font-weight:bold;font-family:Montserrat-Regular; padding-top:12px; }

*/


.encabezado{width:100%; height:160px;  background:#2D176B;color:#000;  display:inline; }
.menu{width:100%;  height:60px; margin-top:10px; }


.menu_entrada{margin-left:5px;} 

 .menu_entrada input{margin-left:50px; width:80%; margin-top:-40px; height:30px; text-align:left; padding-left:10px; font-size:14px; border: 4.5px solid var(--gris);   border-radius: 12px;font-weight:bold;font-family:Montserrat-Regular;} 

.votos{width:100%; height:80px;  color:#ffffff; text-align:center; font-size:24px; font-weight:bold;font-family:Montserrat-Regular; padding-top:12px; }




.votos_pregunta{color:var(--fondo); font-size:18px;font-weight:bold;font-family:Montserrat-Regular;padding-top:5px;}
.votos_suma{color:#d50078; font-size:28px; font-weight:bold;font-family:Montserrat-Regular; margin-top:-20px; }
.productos{width:100%;  overflow: auto; margin-top:-40px;  }
.productos_contenedor{border: 3.5px solid #c89bdd;   border-radius: 30px; background-color:var(--fondo); width:20%; height:auto; margin:18px; margin-left:40px; margin-bottom:5px; top:10px; float:left;left:2%;transition: border 0.2s;}

.asociados_contenedor{border: 3.5px solid #c89bdd;   border-radius: 30px; background-color:var(--fondo); width:27%; height:auto; margin:18px; margin-left:40px; margin-bottom:5px; top:10px; float:left;left:2%;transition: border 0.2s;}

.productos_contenedor_resultado{border: 3.5px solid var(--gris);   border-radius: 30px; background-color:var(--fondo); width:26%; height:auto; margin:18px; margin-left:40px; margin-bottom:5px; top:10px; float:left;left:2%;transition: border 0.2s;}
.productos_top{font-weight:bold;font-family:Montserrat-Regular; text-align:center; font-size:30px;color:#d4af37;}
.productos_top_cate{font-weight:bold;font-family:Montserrat-Regular; text-align:center; font-size:20px;color:#2D176B;}


.productos_contenedor_marca{border: 3.5px solid var(--gris);   border-radius: 16px; background-color:var(--fondo); width:20%; height:auto; margin:18px; margin-left:40px; margin-bottom:5px; top:10px; float:left;left:2%;transition: border 0.2s; cursor:pointer;}

.productos_contenedor_marca:hover{box-shadow:0 10px 40px rgba(170,168,0,.75);}
/*.productos_contenedor:hover{box-shadow:0 10px 40px rgba(170,168,0,.75);}*/
.productos_contenedor:hover{box-shadow:0 10px 40px rgba(242,34,155,.75);}

.productos_imagen{width:80%; height:80%; }
.productos_imagen_centrar{ display: block;  margin-left: auto;  margin-right: auto;   max-width: 100%; max-height: 100%; margin-top:15px;margin-bottom:15px; } 
.card-body{padding:14px;}
.card-value{font-size:14px;color:#2D176B;margin-top:-14px; height:70px; font-weight:bold;font-family:Montserrat-Regular;}
.card-value-comuna{font-size:14px; height:20px;  font-weight:bold;font-family:Montserrat-Regular; color:#d50078; margin-top:30px;}
.card-value-nombre{font-size:13px; height:20px; width:99%; font-weight:bold;font-family:Montserrat-Regular;color:#32114f;}
.card-value-categoria{font-size:16px; height:25px;  font-weight:bold;font-family:Montserrat-Regular; color:#f2299b; margin-top:-15px;}

.card-value-data{font-size:18px; height:30px;  font-weight:bold;font-family:Montserrat-Regular;}

.card-cost{display:inline-flex;align-items:center;gap:6px;background:#1a1200;border:1px solid var(--gold2);color:var(--gold);font-size:13px;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:14px;}


.card-cost-detalle{color:#d4af37;font-size:25px;font-weight:bold;}

.card-cost-total{display:inline-flex;align-items:center;gap:6px;background:#c89bdd;border:1px solid var(--gold2);color:#fff;font-size:13px;font-weight:700;padding:5px 14px;border-radius:0px;margin-bottom:14px;}



.card-progress{margin-bottom:14px;}
.progress-top{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:5px;}
.progress-pct{font-weight:700; font-size:15px;font-family:Montserrat-Regular; text-align:center;}
.pct-low{color:var(--green);}
.pct-mid{color:#d4af37;}
.btn-participate{width:100%; height:60px;padding-top:10px;border:none;border-radius:12px;font-weight:bold;font-size:14px;letter-spacing:1px;cursor:pointer;transition:all .2s; text-align:center;}
	 
.btn-green{background:var(--fondo_azul);color:#000;}
.btn-green:hover{background:#4fff2a;box-shadow:0 6px 20px rgba(57,255,20,.35);}
.btn-azul{background:linear-gradient(135deg,#5b2b88,#f2299b);color:#fbeaf5; font-weight:bold;font-family:Montserrat-Regular;}
.btn-azul:hover{background: #c89bdd; color:#32114f;}
.btn-azul-compra{background:linear-gradient(135deg,#5b2b88,#5b2b88);color:#fff; font-weight:bold;font-family:Montserrat-Regular;}

.btn-purple{background:linear-gradient(135deg,#7722cc,#aa44ff);color:#fff;}
.btn-purple:hover{box-shadow:0 6px 20px rgba(170,68,255,.35);}
.btn-orange{background:linear-gradient(135deg,#cc5500,#ff8800);color:#fff;}
.btn-orange:hover{box-shadow:0 6px 20px rgba(255,136,0,.35);}
.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#000;}
.btn-gold:hover{box-shadow:0 6px 20px rgba(255,215,0,.35);}	
.btn-gris{background:var(--muted);color:#000; padding-top:14px; }
.btn-gris:hover{box-shadow:0 6px 20px rgba(57,255,20,.35);}
/*.btn-amarillo{background:linear-gradient(135deg,#3b2a86,#2D176B);color:var(--logo_amarillo); font-weight:bold;font-family:Montserrat-Regular;}
.btn-amarillo:hover{background: #b8a7e8; color:#000;}*/

.btn-amarillo{background:linear-gradient(135deg,#f2299b,#f2299b);color:#fff; font-weight:bold;font-family:Montserrat-Regular;}
.btn-amarillo:hover{background: #f2299b; color:#fff;}


.btn {
  border: none; 
  color: white; 
  padding: 14px 18px; 
  cursor: pointer; 
  border-radius: 15px; 
  
}

.primary {background-color: #5b2b88;float:right; margin-right:5px; margin-top:5px;font-family:Montserrat-Regular;} 
.primary:hover {background: #c89bdd; color:#000000; font-weight:bold;}	
	
.emergente_cuerpo {display: none;position: fixed;z-index: 1;padding-top: 50px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4); }
.emergente_contenido{background-image:url('../img/614/fondo.jpg');color:#000000;background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%;margin: auto;padding: 5px;border: 1px solid #888;width: 90%;height:90%;overflow: auto; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);  -webkit-animation-name: animatetop;  -webkit-animation-duration: 1.4s;  animation-name: animatetop;  animation-duration: 1.4s}
.emergente_cerrar {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.emergente_cerrar:hover,.emergente_cerrar:focus {color: #000;text-decoration: none;cursor: pointer;}
.cuerpo_parte_popup		{width:90%; padding-top:10px;  padding-bottom:10px; float:left; padding-right:10px; border:#000000 1px solid; }


.alertas_cuerpo {display: none;position: fixed;z-index: 2;padding-top: 250px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4); }
.alertas_contenido{background-color: #fefefe;margin: auto;padding: 5px;border: 1px solid #888;width: 90%;height:160px;overflow: auto; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);  -webkit-animation-name: animatetop;  -webkit-animation-duration: 1.4s;  animation-name: animatetop;  animation-duration: 1.4s}
.alertas_detalle { font-size:20px; text-align:center;margin: auto;width: 90%;height:50px; font-weight:bold;font-family:Montserrat-Regular; padding-top:70px;}
.alertas_cerrar {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.alertas_cerrar:hover,.alertas_cerrar:focus {color: #000;text-decoration: none;cursor: pointer;}	
	
	
	
.alerta{position: fixed;z-index: 10;left: 0;top: 0px;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.9); }
.alerta_buscador_producto{position:fixed;width:100%;height:100%;background:#ffffff;}
.alerta_buscador_producto .titulo {
position:fixed;
height:70px;
background:#0955ab;
font-family:DMSans; 
font-size:20px; 
padding-left:10px; 
color:#FFF;
font-weight:bold;text-align:center;
padding-top:15px;}
.subtitulo{height:35px; color:#fff; text-align:center;font-size:17px;font-weight:bold; font-family:Montserrat-Regular; margin-top:-20px;}
.subtitulo_detalle{height:35px; color:#fbeaf5; text-align:left;font-size:15px;font-weight:bold; font-family:Montserrat-Regular; margin-top:-20px; padding-left:10px;}

.subtitulo_select{width:300px; height:55px; text-align:left; font-size:17px;font-family:Montserrat-Regular;}
.subtitulo_input{text-align:center;  width:300px; height:60px; font-size:17px;font-family:Montserrat-Regular;}
.subtitulo_zcoin{color:var(--gold);font-size:22px;font-weight:bold; font-family:Montserrat-Regular;}
.subtitulo_zcoin_b{color:var(--logo_azul);font-size:22px;font-weight:bold; font-family:Montserrat-Regular;}

/*.boton_configuracion{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#000;width:300px; font-size:15px; height:60px; border-radius:25px; font-weight:bold;padding-top:10px;font-family:Montserrat-Regular; cursor:pointer; margin-top:20px;}*/

.boton_configuracion{background:linear-gradient(135deg,#F2299B,#F2299B);color:#fbeaf5;width:300px; font-size:15px; height:60px; border-radius:25px; font-weight:bold;padding-top:10px;font-family:Montserrat-Regular; cursor:pointer; margin-top:20px; border:#5b2b88 4px solid;}


input, select, p{
display:block;
padding:10px;
width:600px;
margin:auto;
font-size:25px;
text-align:center;
margin-top:20px;
}


.btn-amarillo select {
    background-color: #f2299b; !important; /* El color que deseas */
    color: #fff; /* Opcional: cambia el color del texto si es necesario */
}

/* Asegura que no cambie al hacer clic ni al quitar el foco */
.btn-amarillo select:focus,
.btn-amarillo select:active,
.btn-amarillo select:focus-visible {
    background-color: #f2299b; !important;
    outline: none; /* Quita el borde de foco por defecto si lo deseas */
}


p{font-size:18px; color:#CCCCCC;padding-top:10px; text-align:center;}


.formulario_text{margin-top:-10px;text-align:center;font-size:16px;font-family:Montserrat-Regular; width:300px; height:40px; }


.contenedor{width:100%; height:70%; color:#FFFFFF; }
.contenedor_titulo{width:100%; height:70px; color:var(--logo_amarillo);font-weight:bold; font-size:20px; text-align:center;font-size:22px; padding-top:10px;  font-weight:bold; font-family:Montserrat-Regular;}

.contenedor_foto{width:60%;float:left; text-align:center; }
.contenedor_foto img{  border-radius: 35px;    object-fit: cover; border: 3.5px solid #c89bdd; }
.contenedor_producto{width:40%;float:right;}
.contenedor_datos{width:100%;height:120px;  margin-top:15px; }
.contenedor_datos_titulo1{font-size:18px;  display:block;height:30px; font-weight:bold;font-family:Montserrat-Regular;color:#D50078; text-align:center;}
.contenedor_datos_secure{font-size:18px;  display:block;height:130px; font-weight:bold;font-family:Montserrat-Regular;color:var(--logo_amarillo); text-align:center;}

.contenedor_datos_menu{font-size:24px;  display:block;height:30px; font-weight:bold;font-family:Montserrat-Regular;color:#5b2b88; text-align:center;}

.contenedor_datos_bolsa{font-size:18px;  display:block;height:30px; font-weight:bold;font-family:Montserrat-Regular;color:#5b2b88; padding-left:10px; }

.contenedor_datos_titulo2{font-size:16px; padding-left:10px;display:block; height:40px;font-family:Montserrat-Regular;}
.contenedor_datos_titulo2_negrita{font-size:21px; padding-left:10px;display:block; height:30px;font-family:Montserrat-Regular; color:#d50078;font-weight:bold;}
.contenedor_votos{width:98%;height:150px; }
.contenedor_votos_cantidad{width:40%;  border-radius:15px;font-size:16px; border:3px solid #f2299b;  float:left; margin:5px; height:90px; cursor:pointer; text-align:center; }

 .secure { font-size: 12px; color: #fff; text-align: center; margin-top: 10px;font-family:Montserrat-Regular; }

@media screen and (max-width:1250px){.contenedor_votos_cantidad{width:40%; margin-left:10px;}.asociados_contenedor{ width:25%;}
@media screen and (max-width:1100px){.contenedor_votos_cantidad{width:40%;}}
@media screen and (max-width:1000px){.contenedor_votos_cantidad{width:40%; margin-left:10px;}.asociados_contenedor{ width:25%;}
@media screen and (max-width:900px){.contenedor_votos_cantidad{width:40%; margin-left:10px;}.asociados_contenedor{ width:40%;}}
@media screen and (max-width:850px){.contenedor_votos_cantidad{width:90%; margin-left:10px;}.asociados_contenedor{ width:38%; }}
@media screen and (max-width:800px){.contenedor_votos_cantidad{width:90%; margin-left:20px;}.contenedor_datos_titulo2_negrita{margin-left:20px;}.contenedor_datos_bolsa{margin-left:20px;}.asociados_contenedor{ width:36%;}}
@media screen and (max-width:750px){.contenedor{width:98%; left:2%;}.contenedor_foto{width:100%;}.contenedor_producto{width:100%;}.contenedor_datos{text-align:center; padding-top:20px;height:80px;}.contenedor_votos{text-align:center; padding-top:20px; }.contenedor_votos_cantidad{width:28.5%; margin-left:15px;}.productos_contenedor_resultado{ width:10%; }.contenedor_datos_bolsa{ padding-left:0;}.asociados_contenedor{ width:34%;}}

@media screen and (max-width:728px){.contenedor_votos_cantidad{width:43%; margin-left:25px;}.asociados_contenedor{ width:87%; margin-left:15px;}}

@media screen and (max-width:670px){.contenedor_votos_cantidad{ }}
@media screen and (max-width:640px){.contenedor_votos_cantidad{width:42.5%; margin-left:20px;}}
@media screen and (max-width:600px){.contenedor_votos_cantidad{width:42%; margin-left:25px;}}
@media screen and (max-width:593px){.contenedor_votos_cantidad{width:42%; margin-left:25px;}.contenedor_foto img{width:80%;}}
@media screen and (max-width:560px){.contenedor_votos_cantidad{width:42%; margin-left:20px;}.contenedor_foto img{width:70%;}}
@media screen and (max-width:500px){.contenedor_votos_cantidad{width:41%; margin-left:25px;}.contenedor_foto img{width:60%;}}
@media screen and (max-width:480px){.contenedor_votos_cantidad{ width:41%; margin-left:20px;}}
@media screen and (max-width:460px){.contenedor_votos_cantidad{width:90%; margin-left:25px; }}
@media screen and (max-width:390px){.contenedor_votos_cantidad{}.contenedor_datos_bolsa{ font-size:16px;}.contenedor_datos_titulo2_negrita{font-size:18px;}.contenedor_titulo{font-size:16px;}}
@media screen and (max-width:360px){.contenedor_votos_cantidad{}.contenedor_datos_titulo2_negrita{font-size:16px;} }
@media screen and (max-width:359px) and (min-width:200px) {.contenedor_votos_cantidad{width:90%; margin-left:15px;}.contenedor_datos_titulo2_negrita{font-size:15px;}}


@media screen and (max-width:1350px){.productos_contenedor{ margin-left:10px;left:1%;height:auto; width:22%;}.productos_contenedor_marca{ margin-left:35px;left:1%;height:auto;}}
@media screen and (max-width:1260px){.productos_contenedor{margin-left:45px;left:1%; width:27%;}.productos_contenedor_marca{margin-left:25px;left:1%; }}
@media screen and (max-width:1170px){.imagen{width:80%;height:90%;}.productos_contenedor{margin-left:40px;left:1%;}.productos_contenedor_marca{margin-left:25px;left:1%;}}
@media screen and (max-width:1130px){.productos_contenedor_resultado{width:28%;margin-left:10px; }.productos_contenedor{margin-left:25px; width:27.5%;}.productos_contenedor_marca{margin-left:20px;}}
@media screen and (max-width:1000px){.productos_contenedor_resultado{width:28%; }.productos{ float:inherit;}.productos_imagen_centrar{width:100%;}.productos_contenedor{margin-left:15px;width:29%;}.productos_titulo{  margin-top:60px; }.productos_nombre_a{ font-size:12px;}.productos_contenedor_marca{width:30%;margin-left:10px;left:0.5%;}}
@media screen and (max-width:950px){.productos_contenedor{width:35%;margin-left:80px;left:0.5%;}.productos_contenedor_marca{margin-left:5px;left:0.5%;}}
@media screen and (max-width:900px){.productos_contenedor{width:35%;margin-left:70px;}.productos_contenedor_marca{margin-left:5px;left:0.5%;}}
@media screen and (max-width:850px){.productos_contenedor_resultado{width:40%;margin-left:28%; }.productos_contenedor{width:38%;margin-left:45px;left:0.5%;}input, select, p{width:500px;}.productos_contenedor_marca{width:44%;margin-left:20px;left:0.5%;margin-bottom:10px;}}
@media screen and (max-width:750px){.productos_contenedor{width:42%;margin-left:25px;left:0.5%;}input, select, p{
width:400px;}.boton{font-size:16px;}.productos_contenedor_marca{width:43%;margin-left:20px;left:0.5%;}}



@media screen and (max-width:660px){.productos_contenedor{width:43%;margin-left:15px;}.productos_contenedor_marca{width:45%;margin-left:10px;left:0.5%;}.alertas_detalle {font-size:15px; padding-top:65px;}}


@media screen and (max-width:630px){.productos_contenedor_resultado{width:50%;margin-left:25%; }.productos_contenedor{width:60%;margin-left:110px;left:1.5%;}.productos_contenedor_marca{width:43%; left:2%;}}
@media screen and (max-width:570px){.productos_contenedor_resultado{width:85%;margin-left:5%; }.boton{font-size:14px;}.productos_nombre_a{ font-size:11px;}.productos_contenedor{width:64%;margin-left:90px;left:10px;}}
@media screen and (max-width:530px){.productos_contenedor{margin-left:90px;left:5px;}}
@media screen and (max-width:530px) and (min-width:480px){input, select, p{width:300px;}.productos_contenedor{width:76%;margin-left:11%;} .productos_contenedor_marca{width:44%; left:2%;} .votos_pregunta{font-size:14px; padding-top:5px;}.votos_suma{ font-size:25px;}}
@media screen and (max-width:480px) and (min-width:440px) {.productos_contenedor_resultado{width:85%;margin-left:5%; }.productos_contenedor{width:77%;margin-left:11%;}.productos_nombre_a{ font-size:11px;}.productos_contenedor_marca{width:43%; left:2%;}}
@media screen and (max-width:440px) and (min-width:401px) {.productos_contenedor_resultado{width:85%;margin-left:5%; }.productos_contenedor{width:78%;margin-left:10%;} .productos_nombre_a{ font-size:10px;}.productos_contenedor_marca{width:42.2%;margin-left:14px; } }
@media screen and (max-width:400px) and (min-width:300px) {.productos_contenedor{width:78%;margin-left:10%; }.productos_nombre_a{ font-size:13px;}.productos_contenedor_marca{width:90%; margin-left:15px; left:2%;}.card-value-categoria{font-size:14px;} .card-value-nombre{font-size:11px;}}
@media screen and (max-width:299px) and (min-width:100px) {.productos_contenedor_resultado{width:85%;margin-left:5%; }.productos_contenedor{width:85%;margin-left:15px;}.productos_nombre_a{ font-size:13px;}.productos_contenedor_marca{width:90%; margin-left:15px; left:2%;}.card-value-categoria{font-size:14px;} .card-value-nombre{font-size:11px;}}