#cajabuscarcedula{
display:none;
}
.wsp{max-width:60px;}
.suscribete_clientes{font-size: 1.3rem;
    width: 200px;
    display: block;
    text-align: center;
    margin-top: 13px;
    font-style: italic;}
#padre_categoricas_cco input{ width: 100%;
    border: none;
    background: no-repeat;
    height: 41px;
    padding-left: 19px;}
#padre_categoricas_cco{
   
margin-top:63px;
    background: linear-gradient(to bottom, #FFD333, #FFC300) !important;

    /* Borde delgado y redondeado */
    border: 2px solid #CC9A00; /* Amarillo oscuro/dorado */
    border-radius: 8px; /* Bordes redondeados */

    /* Sombra sutil */ 
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);

    /* Texto estilizado */
    font-size: 18px; /* Tamaño más grande */
    font-weight: bold; /* Negrita para mejor legibilidad */
    font-family: "Arial", sans-serif; /* Fuente moderna y clara */
    color: #000000; /* Texto negro para contraste */

    /* Alineación del texto */
    text-align: center;

    /* Espaciado interno */
    padding: 10px 15px;

    /* Cursor para indicar interactividad */
    cursor: pointer;

    /* Ícono de lista desplegable */
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" viewBox="0 0 16 16"><path d="M1.5 6.5l6 6 6-6h-12z"/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
}

.option_categorias_cco{
 background:white;
}

#tipodeproductoDropdown{
background:#FFD333 !important;
font-size: 16px;
    background: #FFD333 !important;
    font-weight: bold;
    font-family: sans-serif;
    text-align: center;
}




















#detallecco{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
}
#suscribete_clientes,#labelregistro{
font-size: 1.3rem;
    width: 203px;
    display: flex;
    font-style: italic;
    padding-top: 7px;
}
.membresia_vencida {
    width: 100%;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: red;
    border-style: solid;
    margin-top: 35px;
}
#div_espaciofoto{display:none !important;}
   @media only screen and (min-device-width : 480px){
#imagendos_tvc{
display: flex;float:left;
    justify-content: center;
display:none;
}
    #hero1{
    float:left;margin-top: 60px;cursor:pointer;
}
.container-slider{margin: auto;overflow: hidden;position: relative;width:300px;}
.anchocompleto{
 
margin:auto;
}
.titulo_cco{
    font-size: 2.3rem;
    font-weight: bold;
    color: #ffdd00;
text-shadow: 1px 1px 1px #a10202;
}
}
   @media only screen and (max-device-width : 480px){
#imagendos_tvc{
display: flex;float:left;display:none;
    justify-content: center;
margin-top:20px;
}
     #hero1{
    float:left;margin-top: 25px;cursor:pointer;max-width:100%;
}
#imagencupon{
}
.container-slider{margin: auto;overflow: hidden;position: relative;width:90%;margin-left:5%;}
.titulo_cco{
    font-size: 1.3rem;
    font-weight: bold;
    color: #ffdd00;
text-shadow: 1px 1px 1px #a10202;
}
}
               
.span_vencimiento_ventas  {
color:white;}
#body_de_ventascp {
    background:url(https://dl.dropbox.com/scl/fi/n714120jj5d6a120b037l/prueba.jpg?rlkey=os4ihel2jfiuujcla7kln414c&st=zqur6r84&dl=0);
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-color: #07021f !important;
    background-size: cover !important;
    background-position-x: center !important;
    background-position-y: center !important;

}
#body_de_ventastf {

    background:url(imagenes/comerpaga/fondo_ventascp.png?a=30) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-color: #07021f !important;
    background-size: cover !important;
    background-position-x: center !important;
    background-position-y: center !important;

}         

#body_de_ventas{

    background:url(imagenes/comerpaga/fondo.jpg?a=30) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-color: #07021f !important;
    background-size: cover !important;
    background-position-x: center !important;
    background-position-y: center !important;

}    
.oculto,#div_referencia,#div_descripcionlarga,#div_marcas,#dif_cedula_registro,#div_tipodoc_registro,#div_email_registro,#div_clave_registro,#div_clave_registro2
{display:none}                 
.alerta{
background: #9b0303;
    color: white; 
    font-weight: bold;
    text-align: center;
    padding: 11px;
    display:block;
    font-size: 1.2rem;
    line-height: 1;

}
        #divparabuscar,#divdireccion,#divbarrio,#p_mesa{
display:none;
}                
.form-control.bordeverde {
    background: green;
    color: white;
    font-weight: bold;
}        
.img_cupon_clientes{
width:100%;
margin-top:15px;
margin-bottom:15px;
max-width:400px;
}
                
span.sapntexto {
    position: relative;
    top: -10px;
}
#cuenta-regresiva{
text-align:center;
}
.spanreloj {
    font-size: 3rem;
    font-weight: bold;
    color: #ffdd00;
    text-shadow: 1px 3px 2px #a10202;
}        

 #cuenta-regresiva{margin-top:-17px;}
.fz1p2{
font-size:1.2rem;}


.slider-section{
    height: 134px;
   
}
#player{
width:90%;
margin:5%;
display:none;
}
.slider-section img{
width: 340px;
}
.slider{height: 354px;width: 100p%;display: flex;margin-left: -5%;}
.botonslider{display: none;border-radius: 50px;position: absolute;width: 40px;height: 40px;background: var(--blancoclarito);top: 50%;transform: translateY(-50%);font-family: monospace;font-size: 30px;text-align: center} 	 
.botonslider:hover{background: var(--blanco);} 	 
#botonsiguiente{right: 10px;}
#botonatras{left: 10px;}                                                                
#img_wsp_clientescomerpaga{
width:50px;
}        
.imagen_articulo_ventas{
width:100%;
}
.descripcion_articulo_ventas{display:none}

	.articulo{        
		min-width: 280px !important;
		width: 280px !important;
		max-width: 280px !important;
		min-height: 134px;
		max-height: 134px;
		height: 134px;
		cursor:pointer;
		margin: 8px;
		text-align:center;
		float: left;
		border:#bfb4b4;
		border-style: double;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: bold;    text-shadow: 1px 1px 1px black;
		color:white;
                background: #0634d4;
}        
#i_wsp_clientescomerpaga {
    font-size: 2rem;
    float: left;
    margin-top: 94px;
    color: #e1c83f;
    display: block;
    position: relative;
    top: -40px;
    left: 0px;
    font-weight: 100;
    text-shadow: 1px 1px 1px black;
}                     
.mi-mt-2{
margin-top:2rem !important;}
.mi-mt-3{
margin-top:3rem !important;}.mi-mt-4{
margin-top:4rem !important;}        
 #div_talla_articulos,#div_valor_ventamayoristas,#div_valor_ventapublico,#divbotones,#div_marca_articulos,#div_descripcionlarga{
display:none;}        
.direccion_membresia{ 
margin-top:20px;
width:100%;margin:0;
}
.mapa_membresia {
    display: none;
    float: left;
    position: relative;
    top: -15px;
    right: 5px;
}                 
.saludo{
font-size:1.2rem;}                                
.no_redimir_validarmembresia{    font-size: 3rem;
    text-align: center;
    padding-top: 50px !important;
    display: block;
    color: red;
    font-weight: bold;}                
.max100{max-width:100%}        

.tipodeproducto_ccp {
    width: 100%;
    text-align: center;
}
.tipodeproducto_ccp img{
    max-width: 100%;
     
}                