:root {
	--titleSlide: #0000004f;
	--black: #1A1A1A;
	--greyDark: #303030;
	--btnArrowSlide: rgba(255, 255, 255, 0.2);
	--textDark: #646464;
	--textGrey: #979797;
	--whiteTransparent: #ffffffc7;
	--borderGrey: #E1E1E1;
	--bgGreyLight: #F6F6F6;
	--bgInput: #f9f9f9;
	--bgDefault: #F4F7FC;
	--white: #fff;
	--arrowPseudoBanner: #004bab78;
	--blueDark: #004bab;
	--blueM: #007aff;
	--blueLight: #36b4ff;
	--green: #00aa00;
	--orange: #FF8E0A;
	--yellow: #F8DA48;
	--textBtnAdmin: #876BFE;
	--borderBtnAdmin: #876bfe36;
	--btnAdmin: #edeaff;
	--alertSucces: #00ca0038;
	--alertWarning: #ffda0038;
	--alertDanger: #ff00003d;
	--alertSuccesBorder: #00ca002b;
	--alertWarningBorder: #ffcf004f;
	--alertDangerBorder: #ff000021;
	--alertWarningText: #d8a900;
	--alertDangerText: #f30000;
	--btnCancel: #fb5252;
	--btnConfirm: #3dc53d;
	--titleProductFont: 30px;
	--titleSectionFont: 24px;
	--subTitleSectionFont: 20px;
	--mediumFont: 16px;
	--pFont: 14px;
	--cardProductText: 13px;
	--defaultFont: 12px;
	--smallFont: 10px;
}

.btn-fa {
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow: 1px 1px 2px #888;
}

/*container aviso de cookies*/
.containerWarningCookies {
    display: flex;
    width: 100%;
    position: sticky;
    bottom: 0;
    background-color: #DCB166;
    padding: 15px 0;
	box-shadow: 0 -8px 20px 0 #9eb8d124;
	line-height: 1.5;
}

.containerWarningCookies p,
.containerWarningCookies a {
    font-size: var(--mediumFont);
    color: var(--grayDark);
	font-weight: 500;
}

.containerWarningCookies a {
    color: var(--blueDark);
}

.containerWarningCookies button {
    font-weight: 500;
    font-size: var(--cardProductText);
    background-color: var(--white);
    color: var(--blueM);
    border-radius: 6px;
    border: 2px solid var(--white);
    padding: 5px 10px;
    white-space: nowrap;
    /* margin-left: 20px; */
	transition: .2s linear;
	
}

.containerWarningCookies button:hover {
    color: var(--white);
    background-color: transparent;
}

@media screen and (max-width: 500px) {
    .containerWarningCookies .container {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .containerWarningCookies button {
        margin: 10px 0 0 0;
        font-size: var(--defaultFont);
    }

    .containerWarningCookies p,
    .containerWarningCookies a {
        font-size: var(--defaultFont);
    }
}