/* COLORES DEL TEMA */

:root {
	
  --color-henkel: #E1000F;
  --color-henkel-dark: #AA000D;
  
  
}

.color-henkel {
	color: var(--color-henkel);
}

.color-white {
	color:white;
}

/* END COLORES DEL TEMA */



* {
	margin:0;
	-webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 perspective: unset;
	 background-repeat: no-repeat;
}

img {
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
	image-rendering: -webkit-optimize-contrast;
}


ul,
ol,
dl {
	/*list-style: none;
	padding-left: 0px;*/
	margin-bottom:0;
}

.text ul {
	margin-bottom:15px;
}

.text ul {
	list-style: disc;
	list-style-position: inside;
}

.h3, h3 {
    font-size: 1.5rem;
}

html { 
	position: relative; 
	min-height: 100%;
	overflow-x: hidden;
}

body {
	font-size:16px;
	color:black;
	font-weight: 500;
	background:white;
	overflow-x: hidden;
	line-height:normal;
	scroll-behavior: smooth;
}



body {
	font-family: 'Segoe UI';
}


h1 {
	font-weight: 700;
}

a {
	color: #000;
}

.ajax_link {
	cursor: pointer;
}

.small, small {
    font-size: 90%;
}

a,
.nav-link,
.btn_anim,
.btn_anim span,
.btn_anim i,
button {
	-webkit-transition: all .15s ease-in-out;
       -moz-transition: all .15s ease-in-out;
         -o-transition: all .15s ease-in-out;
}

a:hover {
	text-decoration: none;
	color: var(--color-pink);
}

.alert {
	font-size:15px;
}

.text-transform-none {
	text-transform:none !important;
}



.btn_close {
	cursor: pointer;
}

.btn_close:hover {
	opacity: 0.7;
}

@media (min-width: 768px) {
	.container {
	    max-width: 100%;
	}
}

@media (min-width: 992px) {
	.container {
	    max-width: 100%;
	}
}

@media (min-width: 1200px) {
	.container {
	    max-width: 1140px;
	}
}


@media (max-width: 768px) {
	body {
		font-size:16px;
	}
}



/* TABLES */
table thead th {
	background-color:var(--color-pink);
	color:white;
	border-bottom:0 !important;
	border-top:0 !important;
}
/* END TABLES */






/* FORMS */
.ajax_link {
	position: relative;
}
.ajax_link .btn-block-loading {
	position: absolute;
	z-index:1;
	left:0;
	right:0;
	top:0;
	margin:0 auto;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.3);
	text-align: center;
	line-height: 100%;
}

.ajax_link .btn-loading,
button .btn-loading,
.btn_submit_form .btn-loading,
.btn_apply_search_form .btn-loading {
	position: absolute;
	z-index:1;
	left:0;
	right:0;
	top:50%;
	margin:-13px 0 0 auto;
}

button .btn-loading {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin:-2px 0 0 3px;
}

.btn_submit_form .btn-loading,
.btn_apply_search_form .btn-loading {
	margin-top:-7px;
	font-size:14px;
}

.form-control {
	border-radius: 30px;
	border-color:#707070;
	font-size: 16px;
}

.form-check-input[type=radio],
.form-check-input[type=checkbox] {
	border-color:#707070;
}

.form-check-input:checked {
	background-color:var(--color-henkel);
	border-color:var(--color-henkel);
}

textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
[type="text"].form-control:focus, 
[type="password"].form-control:focus, 
[type="email"].form-control:focus, 
[type="tel"].form-control:focus, 
[contenteditable].form-control:focus,
div:focus,
button:focus,
.form-control:focus,
.navbar a:focus  {
	outline: none;
	box-shadow:none !important;
	border-color: var(--color-henkel);
}

button:focus {
	border-color:transparent;
}

select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}

.btn {
	background:var(--color-henkel);
	font-weight: 400;
	color:white;
	cursor: pointer;
	padding:5px 30px 6px 30px;
	font-size: 16px;
	border-radius: 50px;
	border:1px solid var(--color-henkel) !important;
	text-transform: uppercase;
	font-family: 'GT Flexa Rg';
}

.btn:not(.inactive):hover {
	background:var(--color-henkel-dark);
	border-color:var(--color-henkel-dark);
	color:white;
}

.btn.outline {
	background:white;
	color:var(--color-henkel);
}

.btn.inactive {
	cursor: default;
}


.btn_minimal {
	background:white;
	font-weight: 600;
	color:#000;
	cursor: pointer;
	padding:5px 10px 6px 10px;
	font-size: 16px;
	background:#f5f5f5;
	border:1px solid #f5f5f5;
}


.btn_minimal:hover {
	border-color:var(--color-henkel-dark);
}



.btn-light {
	background:rgba(255,255,255,0.95);
	color:#415055;
	border-radius: 0;
	font-weight: 600;
	font-size:18px;
}

.btn-light:hover {
	background:#415055;
	color:white;
}

.link_cursor {
	cursor: pointer;
}


.input_lbl_wrapper {
	position: relative;
	text-align: left;
}
.input_lbl_wrapper label {
	position: absolute;
	z-index:30;
	top:11px;
	color:#999;
	font-size:16px;
}

.input_lbl_wrapper.animate label {
	-moz-transition:all 0.2s ease-out; 
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out; 
	-ms-transition:all 0.2s ease-out; 
	transition:all 0.2s ease-out;
}
.input_lbl_wrapper input[type="text"],
.input_lbl_wrapper input[type="email"],
.input_lbl_wrapper input[type="password"],
.input_lbl_wrapper select,
.input_lbl_wrapper .input_value,
.input_radio_lbl_wrapper ul {
	padding:12px 10px;
	font-weight:700;
	height:44px;
	color:#000;
	background-color:#fff;
	border:1px solid #D6D6D6;
	border-radius:6px;
	font-size:16px;
}
.input_lbl_wrapper .textarea {
	padding:22px 10px 12px 10px;
	height:44px;
	background-color:#fff;
	border:1px solid #D6D6D6;
	border-radius:6px;
}
.input_lbl_wrapper textarea {
	padding-top:15px;
	font-weight:700;
	font-size:16px;
	line-height: 22px;
	color: #000;
}
.input_lbl_wrapper select {
	color:transparent !important;
	padding-top:0;
	padding-bottom:0;
}
.input_radio_lbl_wrapper li.selected span {
	color:#000;
	opacity:1;
}
.input_lbl_wrapper .input_value,
.input_radio_lbl_wrapper ul {
	color:#000 ;
	padding:15px 10px 6px 10px;
}
.input_lbl_wrapper label,
.input_lbl_wrapper input[type="text"],
.input_lbl_wrapper input[type="email"],
.input_lbl_wrapper input[type="password"],
.input_lbl_wrapper select,
.input_lbl_wrapper .input_value,
.input_lbl_wrapper .textarea {
	padding-left:10px;
}
.input_lbl_wrapper label {
	padding-left:12px;
}
.input_lbl_wrapper.focus label {
	bottom:inherit;
	top:3px;
	font-size:11px;
	text-transform: uppercase; 
	color:#999;
}
.input_lbl_wrapper.focus input[type="text"],
.input_lbl_wrapper.focus input[type="email"],
.input_lbl_wrapper.focus input[type="password"],
.input_lbl_wrapper.focus select,
.input_lbl_wrapper.focus .input_value {
	padding-bottom:0;
}

.input_lbl_wrapper.focus select {
	padding-bottom: 0;
    padding-top: 5px;
}

.input_lbl_wrapper textarea {
	border:0;
	outline: 0;
	padding:0;
}


.input_lbl_wrapper .textarea.h-60 {
	height: auto;
}
.input_lbl_wrapper .textarea.h-60 textarea,
textarea.h-60 {
	height:60px;
}

.input_lbl_wrapper.focus select {
	color:#000 !important;
}
.input_lbl_wrapper::-webkit-input-placeholder {
	color: #000;
	opacity:0.4;
}
.input_lbl_wrapper:-ms-input-placeholder { 
	color: #000;
	opacity:0.4;
}
.input_lbl_wrapper::placeholder { 
	color: #000;
	opacity:0.4;
}
.input_lbl_wrapper select.placeholder { 
	color: #000 !important;
	opacity:0.4;
}

.check_bbll label {
	font-size:14px !important;
	padding-top:2px;
}

.check_bbll label a {
	text-decoration: underline;
}

.check_bbll label a:hover {
	color:inherit;
	text-decoration: none;
}

.form-control-plaintext {
	background:#F8F9F8;
	border: 1px solid #ced4da;
    border-radius: .25rem;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
}

.bbll_checkbox label {
	font-size:15px !important;
	padding-top:2px;
}
/* END FORMS */




/* AUTH */
.auth_method {
	max-width: 500px;
	margin:0 auto;
}

.auth_method form {
	max-width: 400px;
	margin:0 auto;
	text-align: left;
}

.auth_method .section_title{
	color: var(--color-henkel);
}

.auth_alert {
	font-size:14px;
	color: #F0787A;
	text-align: left;
}

.auth_form_change_link {
	font-weight: 700;
}
.auth_form_change_link span,
.auth_form_forgot_link span {
	text-decoration: underline;
	cursor: pointer;
	font-size:15px;
}

.auth_form_change_link,
.auth_form_forgot_link {
	text-align: left;
}

.auth_form_change_link span:hover,
.auth_form_forgot_link span:hover {
	color:inherit;
	text-decoration: none;
}

.auth_method .sexos input {
	position: absolute;
    visibility: hidden;
    display: none;
}

.auth_method label {
	font-size: 16px;
}

.auth_method .sexos .col-form-label {
	padding-top:0;
	padding-bottom:0;
	height: 30px;
	line-height: 30px;
}
.auth_method .sexos .col-form-label span {
	padding-left:10px;
}

.auth_method .sexos .inputs label {
	width:80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background:#eaeaea;
	cursor: pointer;
	margin-bottom:0;
	
}

.auth_method .sexos input[type=radio]:checked + label {
	background:var(--color-pink);
	color:white;
}

.auth_method .btn {
	display: block;
	border-radius: 40px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 12px 40px 14px 40px;
	margin:0 0 0 auto;
}

.auth_method .section_excerpt {
	margin-bottom:15px;
}

.auth_method .bbll_checkbox label {
	font-size:14px !important;
}

.auth_method .bbll_checkbox label a {
	text-decoration: underline;
}

.auth_method .bbll_checkbox label a:hover {
	text-decoration: none;
}

.auth_signup_thanks .title {
	font-size:32px;
	color:var(--color-henkel);
	margin-bottom:20px;
}

/* END AUTH */




/* HEADER */
header {
	background:white;
	-webkit-box-shadow: 0px 5px 18px -11px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 5px 18px -11px rgba(0,0,0,0.4);
	box-shadow: 0px 5px 18px -11px rgba(0,0,0,0.4);
	position: relative;
	z-index: 1;
}

header .logo img {
	height: 50px;
}

header.fixed {
	position: fixed;
	left:0;
	right:0;
	margin:0 auto;
	z-index:20;
	top:0;
	width:100%;
}

.navbar .navbar-collapse {
	justify-content: flex-end;
}

#main {
	min-height: calc(100vh - 126px);
}


.navbar {
	padding-left:0;
	padding-right: 0;
	font-size: 15px;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding:20px 15px;
}

.navbar-nav .nav-link {
	color:black;
}

.navbar-nav .nav-link i {
	display: none;
}

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-link:hover {
	color:var(--color-henkel);
}

.navbar-nav .username {
	padding:12px 0;
}

.navbar-nav .username {
	background-image: url('../img/icon_user.png');
	background-position: left center;
	padding-left:50px;
	margin-left:15px;
	background-size: 40px auto;
}
.navbar-nav .username .welcome,
.navbar-nav .username .logout {
	line-height: 130%;
}

.navbar-nav .username .welcome {
	font-weight: 700;
}

.navbar-nav .username .logout:hover {
	text-decoration: underline;
}

.navbar-toggler {
	font-size:30px;
}

.navbar-toggler-icon {
	height: auto;
}

@media (max-width:991px) {
	.navbar .navbar-collapse {
		display: flex !important;
		flex-basis:auto;
	}  
	.navbar-toggler {
		display: none !important;
	}

}

/* END HEADER */




/* FOOTER */
footer {
	background:var(--color-henkel);
	padding:30px 0;
	font-size:13px;
}

.menu_footer li {
	display: inline-block;
	padding:0 10px;
}

footer,
footer a,
footer a:hover {
	color:#fff;
	text-decoration: none;
}
/* END FOOTER */


@media (max-width: 991px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding:10px 0px;
	}
	
	.navbar-nav .username {
		margin-left: 0px;
	}
}




/*BOOTSTRAP GRID*/
#main .row {
	margin-right: -30px;
    margin-left: -30px;
}
#main .col, 
#main .col-1, 
#main .col-10, 
#main .col-11, 
#main .col-12, 
#main .col-2, 
#main .col-3, 
#main .col-4, 
#main .col-5, 
#main .col-6, 
#main .col-7, 
#main .col-8, 
#main .col-9, 
#main .col-auto, 
#main .col-lg, 
#main .col-lg-1, 
#main .col-lg-10, 
#main .col-lg-11, 
#main .col-lg-12, 
#main .col-lg-2, 
#main .col-lg-3, 
#main .col-lg-4, 
#main .col-lg-5, 
#main .col-lg-6, 
#main .col-lg-7, 
#main .col-lg-8, 
#main .col-lg-9, 
#main .col-lg-auto, 
#main .col-md, 
#main .col-md-1, 
#main .col-md-10, 
#main .col-md-11, 
#main .col-md-12, 
#main .col-md-2, 
#main .col-md-3, 
#main .col-md-4, 
#main .col-md-5, 
#main .col-md-6, 
#main .col-md-7, 
#main .col-md-8, 
#main .col-md-9, 
#main .col-md-auto, 
#main .col-sm, 
#main .col-sm-1, 
#main .col-sm-10, 
#main .col-sm-11, 
#main .col-sm-12, 
#main .col-sm-2, 
#main .col-sm-3, 
#main .col-sm-4, 
#main .col-sm-5, 
#main .col-sm-6, 
#main .col-sm-7, 
#main .col-sm-8, 
#main .col-sm-9, 
#main .col-sm-auto, 
#main .col-xl, 
#main .col-xl-1, 
#main .col-xl-10, 
#main .col-xl-11, 
#main .col-xl-12, 
#main .col-xl-2, 
#main .col-xl-3, 
#main .col-xl-4, 
#main .col-xl-5, 
#main .col-xl-6, 
#main .col-xl-7, 
#main .col-xl-8, 
#main .col-xl-9, 
#main .col-xl-auto {
	padding-right: 30px;
    padding-left: 30px;
}
/*END BOOTSTRAP GRID*/



/* LOGIN */
.page_login #header {
	display: none;
}

.login_left,
.login_right {
	height: 100vh;
}

.two_columns {
	display: flex;
}

.login_left {
	background-image:url('../img/bg_lines.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	position: relative;
	background-color:var(--color-henkel);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;

	/*background: linear-gradient(-45deg, var(--color-henkel), #8c0410, #e71f29, #ffadb1);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;*/
}


.login_left .logo_henkel {
	position: absolute;
	top:40px;
	left:40px;
	right:auto;
	width:120px;
}

.login_left .slogan {
	width:calc(90% - 60px);
}

.login_right  {
	background: white;
	overflow-y: auto;
	max-width: 480px;
	min-width: 480px;
	padding:60px;
	display: flex;
	align-items: center;
}

/*
.login_right {
	position: fixed;
	right: 0;
	top:0;
	height: 100%;
	background: white;
	width: 400px;
	text-align: center;
	padding:60px 30px;
	overflow-y: auto;
}
*/

.login_right .logo_henkel img {
	width: 140px;
}

.login_right .login_first .registrate {
	margin-bottom:50px;
}

.login_right .login_first .accesos li {
	margin-bottom:30px;
	width: 49%;
	display: inline-block;
}

.login_right .login_first .ast_correo_personal {
	font-size:14px;
	margin-top:0px;
	margin-bottom:10px;
}

.login_right .login_first .btn_correo_personal {
	display: inline-block;
	width: auto;
}

.login_right .login_first .ya_estoy_registrado {
	font-size:20px;
	font-weight: 600;
	display: block;
	margin-bottom:50px;
}

.auth_method .login_first .ya_estoy_registrado:hover {
	text-decoration: none;
}

.login_right .siaun {
	margin-bottom:20px;
	font-size:15px;
}

.login_right .login_first .accesos li a {
	display: block;
	line-height: 30px;
	font-size: 15px;
}

@media (max-width: 768px) {
	.login_left {
		width: 100%;
		padding:20px;
		height: auto;
		display: none;
	}
	.login_left img {
		position: relative;
		max-width: 200px;
	}
	.login_right {
		position: relative;
		width: 100%;
		overflow-y: inherit;
		min-width: inherit;
		max-width: inherit;
		padding:0;
	}

	.login_right > div {
		padding:20px;

	}
	.login_right .logo_henkel {
		margin-bottom:20px;
		display: none;
	}
}

/* END LOGIN */



/* CMS */
.bases_legales #header {
	display: none;
}

.cms #main {
	padding:40px 0;
	font-size:15px;
}

.cms #main h1{
	font-size:28px;
	font-weight: 600;
	margin-bottom:20px;
}

.cms #main h2{
	font-size:20px;
	font-weight: 600;
	margin-top:30px;
}

.cms table td,
.cms table th {
	border:0;
}

/* END CMS */



/* PAGE HEADER */
.page_header {
	min-height: 420px;
	text-align: left;
	position: relative;
	background:#DED7D6;
}

.page_header .content {
	padding:50px 0;
}

.page_header .section_title {
	margin-bottom:40px;
}

.page_header img.right {
	position: absolute;
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 50%;
	right: 0;
	top:0;
}

@media (max-width:991px) { 
	.page_header img.right {
		display: none;
	}
}

.page_header .title,
.page_header_minimal .title {
	font-size:36px;
	color:white;
	font-weight: 700;
	color:var(--color-henkel);
	padding:25px 0;
}


.page_header_minimal .title {
	background-image:url('../img/red_arrow.png');
	background-size: auto 24px;
	text-align: left;
	background-position: left center;
	padding-left:30px;
}

@media (max-width: 768px) {
	.page_header .title,
	.page_header_minimal .title {
		font-size:26px;
		padding: 15px 0;
	}
	
	.page_header {
		min-height: 60px;
	}
	
	.page_header_minimal .title { 
		padding-left:25px;
	}
}

/* END PAGE HEADER */



/* HOME */
.home_intro {
	text-align: center;
	padding:30px 0 50px 0;
	font-size:18px;
	color:#415055;
}

.home_intro .welcome {
	color:var(--color-henkel);
	font-weight: 700;
}

.banner_1 {
	margin-bottom: 60px;
}

.banner_1 a {
	display: block;
	position: relative;
	text-align: center;
}

.banner_1 a .banda {
	position: absolute;
	bottom:30px;
	width: 100%;
	padding:10px;
	z-index:1;
	left:0;
	background: rgba(255, 255, 255, 0.95);
}

.banner_1 a .banda span {
	display: block;
}

.banner_1 a .banda .title {
	font-weight: 700;
	color:var(--color-henkel);
}

.banner_1 a .banda .btn {
	max-width: 140px;
	margin:10px auto 0 auto;
	position: absolute;
	left:0;
	right: 0;
}

.banner_1.has_btn a .banda {
	padding-bottom:30px;
}

.banner_contador_total {
	position: relative;
	padding:20px 40px;
}

.banner_contador_total .link,
.banner_tus_puntos .link {
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	z-index:3;
}

.banner_contador_total .heart {
	width: 40%;
	/*position: absolute;
	right: 40px;
	top:15px;*/
	margin:-180px 0 0 auto;
	position: relative;
	z-index: 2;
}

.banner_contador_total .juntos {
	width: 60%;
	text-align: center;
}

.banner_contador_total .juntos .title {
	color:var(--color-henkel);
	font-weight: 700;
	font-size: 28px;
	margin-bottom:5px;
}

.banner_contador_total .juntos .puntos_totales {
	margin-bottom:60px;
}

.banner_contador_total .juntos .puntos_totales .label {
	color:#77838A;
	font-weight: 700;
	font-size:13px;
}

.banner_contador_total .juntos .puntos_totales .puntos {
	color:var(--color-henkel);
	font-size:22px;
	font-weight: 700;
}

.banner_contador_total .progress_bar {
	width: 100%;
	background:#EFEFEF;
	border-radius: 8px;
}

.banner_contador_total .progress_bar_status {
	background:#707070;
	border-radius: 8px;
	width: 0%;
	height: 30px;
	position: relative;
	max-width: 100%;
}

.banner_contador_total .progress_bar_status .drag {
	width: 100px;
	height: 100px;
	background-image:url('../img/progress_gift.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	margin-top:-35px;
	margin-right:-50px;
	right: 0;
}

.banner_tus_puntos,
.banner_contador_total {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	border-radius: 15px;
	min-height: 280px;
	margin-bottom:60px;
}


.banner_contador_total.sumamos .title {
	display: none;
}

.banner_contador_total.sumamos .juntos  {
	margin-bottom:100px;
}

.banner_contador_total.sumamos .juntos .puntos_totales {
	margin-top:80px;
	
}

.banner_contador_total.sumamos .juntos .puntos_totales .label {
	font-size:22px;
}

.banner_contador_total.sumamos .juntos .puntos_totales .puntos {
	font-size:36px;
}

.banner_contador_total.sumamos .heart {
	margin-top:-280px;
}

.banner_contador_total.sumamos .progress_bar_status .drag {
	width: 140px;
	height: 140px;
	margin-top: -55px;
    margin-right: -70px;
}

.banner_tus_puntos {
	text-align: center;
	padding:15px;
}

.banner_tus_puntos .title {
	font-weight: 700;
	color:var(--color-henkel);
	font-size:18px;
	margin-bottom:10px;
}

.banner_tus_puntos .title img {
	height: 26px;
	vertical-align: middle;
	margin-right: 10px;
}

.banner_tus_puntos .circle {
	width: 160px;
	height: 160px;
	padding:5px;
	border-radius: 50%;
	border:1px solid var(--color-henkel);
	margin:0 auto;
}

.banner_tus_puntos .circle_inner {
	height: 100%;
	width: 100%;
	background: var(--color-henkel);
	border-radius: 50%;
	color:white;
	position: relative;
}

.banner_tus_puntos .circle_inner span {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	font-size:70px;
	top:calc(50% - 40px);
	line-height: 100%;
	font-weight: 900;
}

.banner_tus_puntos .posicion {
	margin-top:10px;
	font-size:14px;
	font-weight: 700;
	color:#77838A;
}

.banner_tus_puntos .posicion .points_level {
	color:var(--color-henkel);
}

.banner_tus_puntos.big {
	min-height: inherit;
}

.banner_tus_puntos.big .circle {
	width: 200px;
	height: 200px;
}
/* END HOME */





/* PAGE */
.page_body {
	color:#415055;
	margin-bottom:40px;
}
/* END PAGE */





/* CHALLENGE */
.challenges_atento {
	color:var(--color-henkel);
	font-weight: 700;
	margin-bottom: 60px;
	text-align: center;
}
.banner_challenge_wrapper {
	margin-bottom:60px;
	text-align: center;
	
}

.banner_challenge_wrapper .num {
	font-weight: 700;
	margin-bottom:30px;
}

.banner_challenge {
	background: #fff;
	border-radius: 10px;
	padding:20px;
	position: relative;
	-webkit-box-shadow: 0px 2px 13px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 0px 2px 13px 1px rgba(0,0,0,0.13);
box-shadow: 0px 2px 13px 1px rgba(0,0,0,0.13);
	display: flex;
	flex-direction: row;
	gap:30px;
	align-items: normal;
	text-align: left;
	min-height: 460px;
}

@media (max-width:768px) {
	.banner_challenge {
		flex-direction: column;
	}
}

.banner_challenge .img_aniversario {
	position: absolute;
	right: 10px;
	top:10px;
	width: 160px;
	z-index: 3;
}

.banner_challenge .section_title {
	font-weight: 600;
	color:var(--color-henkel);
	font-size: 24px;
	margin-bottom:10px;
}

.banner_challenge .desc {
	margin-bottom:30px;
}

.banner_challenge .img_icon {
	min-width: 180px;
	background:#318096;
	border-radius: 10px;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner_challenge.challenge_2 .img_icon {
	background:#28325A;
}

.banner_challenge.challenge_3 .img_icon {
	background:url('../img/musica.png');
	background-size: cover;
	background-position: center top;
}

.banner_challenge .border_sep {
	border-top:1px solid #707070;
}


.banner_challenge .premio {
	font-weight: 700;
	margin-bottom:5px;
}

.banner_challenge .proximamente {
	margin:15px auto 5px auto;
}

.banner_challenge_inactive {
	background: rgb(175,180,185);
	background: linear-gradient(180deg, rgba(175,180,185,1) 0%, rgba(124,134,139,1) 64%, rgba(65,80,85,1) 100%);
}

.banner_challenge_inactive .img_icon {
	max-width: 140px;
	margin-bottom:20px;
}


@media (max-width: 768px) {

	
	.banner_challenge .img_aniversario {
		width: 100px;
		top: 100px;
	}
	
	.banner_contador_total .heart {
		max-width: 300px;
		margin:50px auto 0 auto;
		width: auto;
	}
	
	.banner_tus_puntos, 
	.banner_contador_total {
		padding-top:20px;
	}
	
	.banner_contador_total.sumamos .juntos .puntos_totales {
		margin-top:0;
	}
	
	.banner_contador_total .juntos {
		width: 100%;
	}
	
	.banner_contador_total {
		padding:20px;
	}
	
	.banner_contador_total.sumamos .progress_bar_status .drag {
	    width: 100px;
	    height: 100px;
	    margin-top: -35px;
	    margin-right: -50px;
	}
	
	.banner_contador_total.sumamos .juntos {
		margin-bottom: 60px;
	}
}


/* END CHALLENGE */



/* MIS PUNTOS */
.como_conseguir .title {
	color:var(--color-henkel);
	font-weight: 700;
	margin-bottom: 30px;
}

.como_conseguir .item {
	margin-bottom: 60px;
	text-align: center;
}

.como_conseguir .item img {
	max-width: 130px;
	margin-bottom: 30px;
}

.como_conseguir .item .desc {
	color:#707070;
}

.como_conseguir .item .desc .label {
	color:var(--color-henkel);
	font-weight: 700;
	display: block;
}

.grupos_puntos {
	margin-bottom: 60px;
}

.grupos_puntos .title {
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
}

.grupos_puntos .btn-link {
	width: 100%;
	position: relative;
	border: 0;
	color:white;
	padding:5px 0;
	text-decoration: none !important;
}

.grupos_puntos .btn-link .arrow {
	position: absolute;
	right: 10px;
	top:7px;
	font-size: 20px;
	color:white;
}

.grupos_puntos .btn-link.gray-0 {
	background:rgba(119, 131, 138, 1);
}

.grupos_puntos .btn-link.gray-1 {
	background:rgba(119, 131, 138, 0.9);
}

.grupos_puntos .btn-link.gray-2 {
	background:rgba(119, 131, 138, 0.8);
}

.grupos_puntos .btn-link.gray-3 {
	background:rgba(119, 131, 138, 0.7);
}

.grupos_puntos .btn-link.gray-4 {
	background:rgba(119, 131, 138, 0.6);
}

.grupos_puntos .btn-link.gray-5 {
	background:rgba(119, 131, 138, 0.5);
}

.grupos_puntos .btn-link.gray-6 {
	background:rgba(119, 131, 138, 0.4);
}

.grupos_puntos .btn-link.gray-7 {
	background:rgba(119, 131, 138, 0.3);
	color:black;
}

.grupos_puntos .grupo {
	margin-bottom:10px;
}

.grupos_puntos .users {
	text-align: center;
}

.grupos_puntos .users.th {
	padding-bottom:15px;
	font-weight: 700;
	margin-left:-10px;
	
}

.grupos_puntos .users li {
	padding:3px 0;
}

.grupos_puntos .users li .num {
	display: inline-block;
	vertical-align: top;
	width: 220px;
	text-align: center;
}

.grupos_puntos .users li .nombre {
	display: inline-block;
	vertical-align: top;
	width: 400px;
	text-align: left;
	
}

.grupos_puntos .users li .puntos {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	text-align: right;
}

.grupos_puntos .users li.me {
	color:white;
	background:var(--color-henkel) !important;
	font-weight: 700;
}

.banner_iphone {
	background-image:url('../img/bg_banner_iphone.png');
	background-repeat: no-repeat;
	background-size: cover;
	padding:80px 40px;
	border-radius: 20px;
	margin-bottom:60px;
}

.banner_iphone .content {
	background: white;
	position: relative;
	padding:50px;
}

.banner_iphone img {
	position: absolute;
	right: 150px;
	top:0;
	margin-top:-40px;
}

.banner_iphone .info {
	text-align: right;
	max-width: calc(100% - 300px);
}

.banner_iphone .info .title {
	color:var(--color-henkel);
	font-size:24px;
	font-weight: 700;
	margin-bottom:10px;
}

.banner_iphone .info .desc {
	font-size:20px;
	margin-bottom:10px;
}

.banner_iphone .info .ast {
	font-size:13px;
	font-style: italic;
}

.users_list_wrapper {
	max-height: 400px;
	overflow-y: auto;
}

.users_list_wrapper .users li:nth-child(even) {
	background: #EFEFEF;
}
.users_list_wrapper .users li:nth-child(odd) {
	background: #FFF;
}

/* SCROLLBAR */
/* width */
.users_list_wrapper::-webkit-scrollbar {
  width: 10px;
}
/* Track */
.users_list_wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.users_list_wrapper::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.users_list_wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/* END SCROLLBAR */

@media (max-width: 768px) {
	.banner_iphone {
		padding:20px;
		background-size: 150% 150%;
	}
	
	.banner_iphone .content {
		padding:20px;
	}
	
	.banner_iphone .info {
		max-width: 100%;
		text-align: center;
	}
	
	.banner_iphone img {
		position: relative;
		left:inherit;
		right: inherit;
		margin:20px auto 0 auto;
		display: block;
	}
	
}
/* END MIS PUNTOS */



/* PUNTOS EXTRA */
.banner_mas_puntos {
	margin-bottom: 60px;
}
.banner_mas_puntos .item {
	display: block;
	background-image:url('../img/bg_mas_puntos.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	padding:30px;
	color:white;
	border-radius: 15px;
	min-height: 330px;
}

.banner_mas_puntos span {
	display: block;
}

.banner_mas_puntos .title {
	font-weight: 700;
	margin-bottom:5px;
}

.banner_mas_puntos .desc {
	margin-bottom:30px;
}

.banner_mas_puntos img {
	max-width: 150px;
	margin-bottom:30px;
}

.banner_mas_puntos .gana,
.banner_mas_puntos .proximamente {
	font-weight: 700;
}

.banner_mas_puntos .proximamente {
	margin-top:20px;
	font-size:14px;
}

.banner_mas_puntos.inactive .item {
	background: #77838A;
}

.banner_mas_puntos.inactive .gana{
	font-size:14px;
}

@media (max-width: 768px) {
	.banner_mas_puntos .item {
		min-height: inherit;	
	}
	
}
/* END  PUNTOS EXTRA */




/* COLLECTION */
.banner_collection {
	text-align: center;
	margin-bottom:60px;
}

.banner_collection .title {
	font-weight: 700;
}
/* END COLLECTION */



/* CHALLENGE 1 */
.challenge1 {
	background-image:url('../img/bg_challenge1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.challenge1 #main {
	padding:30px 0;
}

.challenge1 .quiz_head {
	background:white;
	text-align: center;
	padding-bottom:20px;
}

.challenge1 .quiz_head .title {
	font-size:36px;
	font-weight: 700;
	color:var(--color-henkel);
	margin-bottom:10px;
}

.challenge1 .quiz_head .desc {
	font-weight: 700;
	color:#77838A;
	font-size:20px;
}

.challenge1 .quiz_wrapper {
	border:40px solid white;
	border-top-width: 20px;
}

.challenge1 .quiz_video,
.challenge1 .quiz_image {
	padding:40px;
	text-align: center;
}

.challenge1 .quiz_video video,
.challenge1 .quiz_video .embed-responsive {
	max-width: 600px;
	border:3px solid white;
	margin:0 auto;
}

.challenge1 .quiz_content {
	background:white;
	padding:40px 0 0 0;
}

.challenge1 .quiz_question {
	text-align: center;
	margin-bottom:30px;
	font-size:24px;
}

.challenge1 .quiz_answers span {
	display: block;
	text-align: center;
	border:2px solid #ececec;
	padding:10px;
	color:#000000;
	background:#f8f8f8;
	margin-bottom:20px;
	cursor: pointer;
}

.challenge1 .quiz_answers span:hover {
	border-color:#ccc;
	/*background:var(--color-henkel);
	color:white;*/
}

.challenge1 .quiz_answers span.active.valid {
	background:#438B58;
	border-color:#438B58;
	color:white;
}

.challenge1 .quiz_answers span.active.invalid {
	background:#004975;
	border-color:#004975;
	color:white;
}

.challenge1 .quiz_end {
	background: white;
	padding:40px 40px 60px 40px;
	text-align: center;
	color:#415055;
}

.challenge1 .quiz_end .title {
	font-size:36px;
	font-weight: 700;
	color:var(--color-henkel);
	margin-bottom:20px;
}

.challenge1 .quiz_end .body {
	margin-bottom:30px;
}

.challenge1 .quiz_end .body p span {
	color:var(--color-henkel);
	font-weight: 700;
}

.challenge1 .quiz_end .body p a {
	text-decoration: underline;
	font-weight: 700;
	color:#415055;
}

.challenge1 .quiz_end .body p a:hover {
	text-decoration: none;
}

.challenge1 .quiz_end .img_lote {
	max-width: 400px;
}

@media (max-width: 768px) {
	.challenge1 .quiz_wrapper {
	    border: 20px solid white;
	}
	
	.challenge1 .quiz_video {
		padding:10px;
	}
	
	.challenge1 .quiz_content {
		padding-top:20px;
	}
	
	.challenge1 .quiz_question {
		font-size:18px;
	}
	
}

/* END CHALLENGE 1 */





/* MODAL */
.modal-basic {
	text-align: center;	
}

.modal-basic .modal-body {
	padding:50px;
}

.modal-basic .close {
	position: absolute;
	right: 15px;
	top:15px;
}

.modal-basic .no {
	margin-top:20px;
	font-size:22px;
}

.modal-basic .vuelve {
	color:var(--color-henkel);
	font-weight: 700;
	font-size:22px;
}


/* END MODAL */





/* CHALLENGE 2 */
.challenge2 {
	background-image:url('../img/challenge2_bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.couples_wrapper {
	margin:30px auto;
}

.couples_head {
	text-align: center;
	margin-bottom:15px;
}

.couples_head .logo {
	max-height: 80px;
}


.challenge2 .game_end {
	background: white;
	padding:40px 40px 60px 40px;
	text-align: center;
	color:#415055;
	margin-top:30px;
}

.challenge2 .game_end .title {
	font-size:36px;
	font-weight: 700;
	color:var(--color-henkel);
	margin-bottom:20px;
}

.challenge2 .game_end .body {
	margin-bottom:30px;
}

.challenge2 .game_end .body p span {
	color:var(--color-henkel);
	font-weight: 700;
}

.challenge2 .game_end .body p a {
	text-decoration: underline;
	font-weight: 700;
	color:#415055;
}

.challenge2 .game_end .body p a:hover {
	text-decoration: none;
}

.challenge2 .game_end .img_lote {
	max-width: 400px;
}

.challenge2 .history {
	margin-top:40px;
	background:white;
	padding:40px 40px 40px 40px;
	text-align: center;
}

.challenge2 #main .history > .row {
	margin-right: -15px !important;
    margin-left: -15px !important;
}

.challenge2 #main .history > .row > div {
	padding-right: 15px !important;
    padding-left: 15px !important;
}

.challenge2 #main .history .item.row {
	margin-right: -10px !important;
    margin-left: -10px !important;
    color:#415055;
    font-weight: 400;
    font-size: 15px;
    margin-bottom:40px;
    text-align: left;
}

.challenge2 #main .history .item.row > div {
	padding-right: 10px !important;
    padding-left: 10px !important;
}

.challenge2 #main .history .item.row img {
	border-radius: 10px;
}

.challenge2 #main .history .item.row span {
	font-weight: 600;
}



@media (max-width: 768px) {
	.challenge2 .game_end .img_lote {
		max-width: 100%;
	}
	
}

/* END CHALLENGE 2 */





/* CHALLENGE 3 */
.challenge3 {
	background-image:url('../img/challenge3_bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-color:#69008C;
	background-position: center center;
	color:white;
}

.challenge3 p a {
	color:white;
}

.challenge3 .section {
	padding-top:60px;
	padding-bottom:60px;
	max-width: 640px;
	margin-left:auto;
	margin-right: auto;
}

.challenge3 h1 {
	color:#A2ECBA;
	font-family: 'GT Flexa Bl';
	margin-bottom:30px;
}

.challenge3 img + h1 {
	margin-top:20px;
}

.challenge3 p.small {
	font-size: 12px;
}

.challenge3 p.large {
	font-size: 20px;
}

.challenge3 .buttons.border-sep {
	border-top:1px solid white;
	padding-top:20px;
	margin-top:40px;
}

.challenge3 .buttons.center {
	text-align: center;
}

.challenge3 .btn {
	padding:10px 40px;
}

.challenge3 .btn:hover {
	background-color:white;
	color:var(--color-henkel);
}

.challenge3 .search {
	display: flex;
	align-items: center;
	gap:10px;
	margin-top:40px;
	margin-bottom:30px;
}

.challenge3 .search input {
	min-height: 50px;
	line-height: 50px;
	border-radius: 30px;
	border: 0;
	padding:0 20px;
	background-color:#A2ECBA;
	width: 100%;
	font-weight: 700;
	color:#69008C;
	text-align: center;
}

.challenge3 .search button {
	min-height: 50px;
	border-radius: 30px;
	text-transform: none;
	font-weight: 600;
}

.challenge3 .search_results {
	margin-bottom:40px;
}

.challenge3 .result_item {
	background-color:rgba(255,255,255,0.2);
	padding:30px 50px;
	display: flex;
	align-items: center;
	gap:30px;
	position: relative;
}

.challenge3 .result_item .picture {
	width: 200px;
}

.challenge3 .result_item .song_title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
}

.challenge3 .result_item .song_title + .song_author {
	margin-top:10px;
	font-size: 18px;
	font-weight: 600;
}

.challenge3 .result_item .remove {
	background-image:url('../img/Icon material-close.svg');
	background-repeat: no-repeat;
	background-position: center center;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 10px;
	top:10px;
	cursor: pointer;
	transition: opacity 0.2s;
}

.challenge3 .result_item .remove:hover {
	opacity: 0.8;
}

/* END CHALLENGE 3 */




/* INI CHALLENGE 4 */

.challenge4_postal {
	text-align: center;
}

.challenge4_postal img {
	max-width: 600px;
	margin:-20px auto 0 auto;
}

.challenge4_form {
	max-width: 600px;
	margin:0 auto;
	text-align: center;
}

.challenge4_form textarea {
	min-height: 300px;
	border:0;
	padding:20px;
}

.challenge4_last_grid {
	margin:30px auto;
}

.challenge4_last_grid .item {
	background:white;
	margin-bottom:20px;
	padding:20px 40px;
}
/*
.challenge4_form button {
	text-transform: uppercase;
}
*/

/* END CHALLENGE 4 */




/* section title */

.section_title {
	font-size: 40px;
	text-transform: uppercase;
}

.section_title .imp1 {
	font-family: 'GT Flexa Bl';
}

.section_title .imp2 {
	font-family: 'GT Flexa Ext Th';
}

.section_title .imp3 {
	font-family: 'GT Flexa X Cm Lz';
	font-style: italic;
}

.section_title .imp4 {
	font-family: 'GT Flexa X Cm Lt';
	font-style: italic;
}



.btn_proximamente {
	color:var(--color-henkel) !important;
	background:white !important;
	cursor: default;
}


.secondary-lang {
	opacity: 0.6;
	border:0 !important;
	
}


.secondary-lang.border {
	border-top:1px solid #707070 !important;
}

.secondary-lang.border.border-white {
	border-color:white !important;
}

.asegurate {
	color:var(--color-henkel);
	text-align: center;
	font-size: 14px;
}

.color-red {
	color:var(--color-henkel);
}


.sep_line {
	border-top:1px solid white;
	margin-top:30px;
	margin-bottom:30px;
}




/* info navidad */
.page_header.info-navidad {
	background-image:url('../img/header.jpg');
}

.page_header.info-navidad .fecha {
	font-weight: 600;
	text-transform: uppercase;
}

@media (min-width:769px) {
	.page_header.info-navidad .section_title {
		font-size: 60px;
	}
}

.page_header.info-navidad .container {
	max-width: 900px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:40px;
}

@media (min-width:769px) {
	.page_header.info-navidad .container {
		min-height: 420px;
	}
}

@media (max-width:768px) {
	.page_header.info-navidad .logo {
		max-width: 120px;
	}
}


.menu-secciones {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap:20px;
	margin-bottom:50px;
}

@media (max-width:1000px) {
	.menu-secciones {
		grid-template-columns: repeat(2,2fr);
	}
}

@media (max-width:480px) {
	.menu-secciones {
		grid-template-columns: repeat(1,4fr);
	}
}

.menu-secciones a{
	background-color:var(--color-henkel);
	color:white;
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;
	padding:18px 20px 20px 80px;
	display: flex;
	align-items: center;
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 45px auto;
}

.menu-secciones a.colas {
	background-image:url('../img/icon_colas.svg');
}

.menu-secciones a.desplazamientos {
	background-image:url('../img/icon_bus.svg');
}

.menu-secciones a.vestimenta {
	background-image:url('../img/icon_vestimenta.svg');
}

.menu-secciones a.faq {
	background-image:url('../img/icon_faq.svg');
}

.bloques-informativos {
	display: grid;
	grid-template-columns: repeat(2,2fr);
}

@media (max-width:768px) {
	.bloques-informativos {
		grid-template-columns: repeat(1,4fr);
	}
}

.bloques-informativos ul {
	padding:0;
	margin:0;
}

.bloques-informativos li {
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:30px;
	list-style: none;
	margin-bottom:10px;
}

.bloques-informativos .date {
	background-image:url('../img/icon_calendar.svg');
}

.bloques-informativos .location {
	background-image:url('../img/icon_location.svg');
}

.bloques-informativos > div {
	min-height: 320px;
}

.bloques-informativos > div:not(.mapa_pic) {
	padding:60px;
}

.bloques-informativos .lugar {
	background-color:#DED7D6;
}

.bloques-informativos .entradas {
	background-color:#BFCFBE;
}

.bloques-informativos .mapa {
	background-color:#BDCDDA;
}

.bloques-informativos .mapa_pic img {
	max-width: 100%;
	object-fit: cover;
}

.bloques-informativos .icon {
	display: block;
	width: 60px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 40px;
	margin-bottom:15px;
}

.bloques-informativos .lugar .icon {
	background-image:url('../img/icon_calendar_red.svg');
}

.bloques-informativos .entradas .icon {
	background-image:url('../img/icon_colas_red.svg');
	background-size: auto 50px;
}

.bloques-informativos .mapa .icon {
	background-image:url('../img/icon_mapa_red.svg');
}

.bloques-informativos .heading {
	font-weight: 700;
	font-size: 22px;
	margin-bottom:10px;
}

.bloques-informativos .btn {
	padding: 10px 30px 11px 30px;
	font-size: 14px;
}

.bienvenidos {
	color:var(--color-henkel);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 28px;
	margin-bottom:10px;
}

.bloque-titulo .icon {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 40px;
	width: 100px;
	height: 50px;
	margin-bottom:10px;
}

.bloque-titulo .heading {
	font-weight: 700;
	font-size: 22px;
	margin-bottom:10px;
}

.desplazamientos .bloque-titulo .icon {
	background-image:url('../img/icon_bus_red.svg');
}

.salidas_bus {
	display: grid;
	gap:40px;
	grid-template-columns: repeat(4,1fr);
	margin:20px 0;
}

@media (max-width:1000px) {
	.salidas_bus {
		grid-template-columns: repeat(2,2fr);
	}
}

@media (max-width:480px) {
	.salidas_bus {
		grid-template-columns: repeat(1,4fr);
	}
}


.salidas_bus > div {
	border:1px solid var(--color-henkel);
	padding:30px 20px;
	font-size: 15px;
}

.alergenos .bloque-titulo .icon {
	background-image:url('../img/icon_plate_red.svg');
	background-size: auto 50px;
	height: 60px;
}

.servicio_medico .bloque-titulo .icon {
	background-image:url('../img/icon_hospital_red.svg');
	background-size: auto 50px;
	height: 60px;
}

.vestimenta .bloque-titulo .icon {
	background-image:url('../img/icon_vestimenta_red.svg');
	background-size: auto 50px;
	height: 60px;
}

.vestimenta {
	background-color:#E0E0E0;
}

.vestimenta > div > div:first-child {
	padding:40px 40px;
}

.vestimenta > div > div:last-child {
	padding-top:20px;
	padding-bottom:20px;
}

.botones-pdf {
	justify-content: center;
	display: flex;
	gap: 20px;
}

@media (max-width:768px) {
	.botones-pdf {
		flex-direction: column;
	}	
}

.botones-pdf a {
	background-image:url('../img/icon_pdf.svg') !important;
	background-size: 16px auto !important;
	background-repeat: no-repeat !important;
	background-position: 20px center !important;
	padding-left:55px;
}

.nosvemos h3 {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}

.heading {
	font-family: 'GT Flexa Bl';
}

.info_evento_navidad footer .menu_footer{
	text-align: left;
}

.info_evento_navidad footer .menu_footer:last-child {
	display: none;
}

@media (max-width:768px) {
	.info_evento_navidad footer .menu_footer{
		margin-top:20px;
		text-align: center;
	}
}



/* galeria */
/*
#video-player {
    max-width: 100%;
    margin: auto;
    position: relative;
	
}

#video-player video {
	width: 100%;
	max-height: 100vh;
	object-position: center;
	object-fit: cover;
}


#video-player #video-controls {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
	z-index: 1;
	height: 100%;
	top:0;
	left:0;
	opacity: 1;
	transition:opacity 0.25s;
}

#video-player button {
    cursor: pointer;
    border: none;
	background:transparent;
}

#video-player button svg {
	width: 100px;
	height: 100px;
}

@media (max-width:768px) {
	#video-player button svg {
		width: 50px;
		height: 50px;
	}
}

#video-player button svg * {
	fill:var(--color-henkel);
}

#video-player:hover #video-controls {
	opacity: 1;
}

#video-player #video-controls.paused {
	justify-content: flex-end;
	align-items: flex-end;
}

#video-player #video-controls.paused button svg {
	width: 20px;
	height: 20px;
}

#video-player #video-controls.paused button {
	margin:20px;
}
*/

.galeria-grid {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap:10px;
}

.galeria-grid img {
	aspect-ratio: 1 / 1;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.galeria-grid img.lazy {
	height: 0px;
}