body{
    margin: 0;
    }
    

.textostitulos {
font-family: "GROBOLD",GROBOLD;
font-weight:lighter;
color: #FFF;
letter-spacing: 1px;
}

@font-face {
font-family: GROBOLD;
src: url(../fonts/GROBOLD.ttf);
}

.seleccionadoopacidad{
            		transition: 0.4s ease;
opacity: 0.4;
}

.seleccionadoopacidad:hover{
            		transition: 0.4s ease;
opacity: 1;
        cursor: pointer;

}


.seleccionadoopacidadmenos{
            		transition: 0.4s ease;
opacity: 1;
}

.seleccionadoopacidadmenos:hover{
            		transition: 0.4s ease;
opacity: 0.7;
        cursor: pointer;

}


.botongeneral_azul{
    color: #F5F5F5;
    padding: 10px 40px 10px 40px;
    background-color: #00035D;
    border: none;
    border-radius: 10px;
        		transition: 0.3s ease;

}
.botongeneral_azul:hover{
    color: #F5F5F5;
    padding: 10px 40px 10px 40px;
        background-color: #000BF8;

    border: none;
    border-radius: 10px;
        		transition: 0.3s ease;
    cursor: pointer;

}



.botongeneral_gris{
    color: #AEAEAE;
    padding: 10px 40px 10px 40px;
    background-color: #959595;border: none;
    border-radius: 10px;
        		transition: 0.3s ease;

}
.botongeneral_gris:hover{
    color: #AEAEAE;
    padding: 10px 40px 10px 40px;
    background-color: #000000;
    border: none;
    border-radius: 10px;
        		transition: 0.3s ease;
    cursor: pointer;

}


.seleccionadocursor:hover{
    cursor: pointer;
    transition: 0.3s ease;
}

.contenedor{
    position: relative; left: 0; right: 0; margin: auto; max-width: 1200px; width: 100%;
}

   .blurbackground_negro{
        background: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
        backdrop-filter: blur(10px); /* Ajusta el valor para más o menos desenfoque */
        -webkit-backdrop-filter: blur(10px); /* Soporte para Safari */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Sombra para dar profundidad */
    }

   .blurbackground_blanco{
        background: rgba(255, 255, 255, 0.7); /* Fondo semitransparente */
        backdrop-filter: blur(10px); /* Ajusta el valor para más o menos desenfoque */
        -webkit-backdrop-filter: blur(10px); /* Soporte para Safari */
        box-shadow: 0 4px 10px rgba(255, 255, 255, 0.7); /* Sombra para dar profundidad */
    }

  .blurbackground_blanco_sombranegra{
        background: rgba(255, 255, 255, 0.7); /* Fondo semitransparente */
        backdrop-filter: blur(10px); /* Ajusta el valor para más o menos desenfoque */
        -webkit-backdrop-filter: blur(10px); /* Soporte para Safari */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Sombra para dar profundidad */
    }


.textos {
font-family: "helve",Helvetica;
font-weight:lighter;
color: #FFF;
letter-spacing: 1px;
	line-height : 23px;
}

.anaranjado{
    color: #D9C434;

}

.textos_seleccionado:hover {
color: #CEAC22;
    cursor: pointer;
}

.sombra{
      webkit-box-shadow: 2px 3px 20px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 20px -4px rgba(0,0,0,0.75);
box-shadow: 2px 3px 20px -4px rgba(0,0,0,0.75);
}

.sombradevil{
    -webkit-box-shadow: 3px 2px 28px -9px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 2px 28px -9px rgba(0,0,0,0.5);
box-shadow: 3px 2px 28px -9px rgba(0,0,0,0.5);
}
.sombrafuerte{
    -webkit-box-shadow: 2px 3px 21px 16px rgba(0,0,0,0.63);
-moz-box-shadow: 2px 3px 21px 16px rgba(0,0,0,0.63);
box-shadow: 2px 3px 21px 16px rgba(0,0,0,0.63);
}
.sombrafuerteup{
    -webkit-box-shadow: -4px -24px 47px 6px rgba(0,0,0,0.76);
-moz-box-shadow: -4px -24px 47px 6px rgba(0,0,0,0.76);
box-shadow: -4px -24px 47px 6px rgba(0,0,0,0.76);
}

.boton_eliminarcuenta{
    border-radius: 10px;
    border: 0;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #CFCFCF;
    color: #000000;
}

.boton_eliminarcuenta:hover{
   cursor: pointer;
    opacity: 0.9;
        background-color: #BDBDBD;
    color: #000000;

    
}


.botonsindesign{
    border-radius: 10px;
    border: 0;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.botonsindesign:hover{
   cursor: pointer;
    opacity: 0.9;
    
}

.textahref{
    text-decoration: none;
    color: #FFFFFF;
    
}
.textahref:hover{
    text-decoration: none;
    color: #D5BA21;
    cursor: pointer;
}

  .centroabsoluto {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%; /* Asegura que ocupe todo el ancho del contenedor */
        height: 100%; /* Asegura que ocupe toda la altura del contenedor */
        position: absolute;
        top: 0;
        left: 0;
    }

.zoom{
		transition: 0.5s ease;
 		-moz-transition: 0.5s ease; /* Firefox */
 		-webkit-transition: 0.5s ease; /* Chrome - Safari */
 		-o-transition: 0.5s ease; /* Opera */
		z-index:0;
	}

.zoom:hover{
		transform : scale(1.1);
		-moz-transform : scale(1.1); /* Firefox */
		-webkit-transform : scale(1.1); /* Chrome - Safari */
		-o-transform : scale(1.1); /* Opera */
		-ms-transform : scale(1.1); /* IE9 */
      webkit-box-shadow: 2px 3px 20px -4px rgba(0,0,0,0.9);
-moz-box-shadow: 2px 3px 20px -4px rgba(0,0,0,0.9);
box-shadow: 2px 3px 20px -4px rgba(0,0,0,0.9);
    cursor: pointer;
	
	}

.cuadroproducto{
border-radius: 10px;
width: 100%;
max-width: 650px;
display: inline-block;
    margin-top: 20px;
    }
    
    
    body{
        background-color: #f5f5f7;        
    }
    
    .opciontienda{
        display: inline-block; width: 45%; max-width: 300px; height: 120px; border-radius: 10px; background-color: #FFFFFF; margin: 10px;
    }
    

.opciontiendaselec{
        display: inline-block; width: 45%; max-width: 300px; height: 120px; border-radius: 10px; background-color: #E2E2E2; margin: 10px;
    }
    

    .opciontienda_opciones{
        display: inline-block; width: 25%; max-width: 200px; height: 80px; border-radius: 10px; background-color: #FFFFFF; margin: 10px; font-size: 15px; color: #000000;
    }
    

.opciontiendaselec_opciones{
   display: inline-block; width: 25%; max-width: 200px; height: 80px; border-radius: 10px; background-color: #000000; margin: 10px; font-size: 15px; color: #FFFFFF;    }
    


  
    
    .divcentrado{
        width: 100%; max-width:  1280px; left: 0; right: 0; margin: auto; position: relative;
    }