:root {
	
    --white: #fff;
	--grey1: #cccccc;
	--grey2: #868686;
	--black: #000;
	--green: #00b93e;
	--red: #d8001d;
	--blue: #007BFF;
	--yellow: #fbff00;
	--color1: #00f39f;
	--color2: #07c692;
	--color3: #00AD84;
}
.sn{
    margin: 0px;
    padding: 0px;
}
.centrar{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.centrar_XB{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.row_center{
    display: flex;
    flex-direction: row;
    justify-items: center;
}
.col_center{
    display: flex;
    flex-direction: column;
    justify-items: center;
}
.imagen_producto{
    width: 100px;
    height: 100px;
    border-radius: 10px;
}
.custom-checkbox {
    appearance: none;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: yellow;
}
.vistaGaleria{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.vistaGaleria li{
    width: 20%;
    position: relative;
}
.vistaGaleria img{
    width: 100%;
}
.vistaGaleria a{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.2rem;
    color: white;
    background: red;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.vistaGaleria a:hover{
    background: rgb(190, 0, 0);
    color: rgb(224, 224, 224);
}
.red{
    background: red;
}
.ng{
    font-weight: bold;
}
.modal-dialo{
    padding: 30px;
    height: 100vh;
    overflow: scroll;
}
.cont_x80{
	width: 80%;
	margin: 0 auto;
}
.cont_x60{
	width: 60%;
	margin: 0 auto;
}
.youtube{
    width: 100%;
    height: 360px;
}
/*=============================================
EDITAR PAGINA WEB - CABECERA - BOTONES
=============================================*/
.cabecera_check i{
    font-size:30px;
    cursor: pointer;
    margin-top: 30px;
}
.cabecera_check .fa-toggle-on{
	color: var(--blue);
}
.cabecera_check .fa-toggle-off{
	color: var(--grey2);
}
.radio_crear_bloque{
    font-size: 50px;
}