@charset "UTF-8";
/* CSS Document */

html {
	scroll-behavior: smooth;
	-webkit-scroll-behavior: smooth;
	-moz-scroll-behavior: smooth;
}
#fondo {
	background: url("https://comunicacion.s3.eu-west-1.amazonaws.com/CL+Marketing+Digital/2021/landing/NOVIEMBRE/mejores-regalos/background-navidad.jpg") 100% 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 1000px;
}
 @-webkit-keyframes nieve {
 from {
top: -10px;
}
 to {
top: 100%;
}
}
 @-webkit-keyframes copos {
}
#snow div {
overflow: hidden;
 width: 100%  ;position: absolute;
	top: -40px;
	-webkit-animation-name: nieve, copos;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-in;
	z-index: 100;
}
.copos {
	color: #fff;
	font-size: 1em;
	position: absolute;
}
.copos.f1 {
	left: 40px;
	-webkit-animation-duration: 40s;
}
.copos.f2 {
	font-size: 1.8em;
	left: 120px;
	-webkit-animation-duration: 30s;
}
.copos.f3 {
	left: 200px;
	-webkit-animation-duration: 50s;
}
.copos.f4 {
	font-size: 1.5em;
	left: 280px;
	-webkit-animation-duration: 30s;
}
.copos.f5 {
	left: 160px;
	-webkit-animation-duration: 47s;
}
.copos.f6 {
	font-size: 3em;
	left: 340px;
	-webkit-animation-duration: 28s;
}
.copos.f7 {
	left: 600px;
	-webkit-animation-duration: 31s;
}
.copos.f8 {
	font-size: 2.5em;
	left: 580px;
	-webkit-animation-duration: 25s;
}
.copos.f9 {
	left: 460px;
	-webkit-animation-duration: 30s;
}
.copos.f10 {
	font-size: 2em;
	left: 570px;
	-webkit-animation-duration: 29s;
}
.copos.f11 {
	left: 750px;
	-webkit-animation-duration: 43s;
}
.copos.f12 {
	font-size: 3em;
	left: 1080px;
	-webkit-animation-duration: 33s;
}
.copos.f13 {
	font-size: 2em;
	left: 1280px;
	-webkit-animation-duration: 40s;
}
.copos.f14 {
	left: 1090px;
	-webkit-animation-duration: 35s;
}
.copos.f15 {
	font-size: 4em;
	left: 900px;
	-webkit-animation-duration: 48s;
}
.copos.f16 {
	left: 1300px;
	-webkit-animation-duration: 32s;
}
.copos.f17 {
	font-size: 5em;
	left: 1110px;
	-webkit-animation-duration: 45s;
}
.copos.f18 {
	font-size: 3em;
	left: 1000px;
	-webkit-animation-duration: 40s;
}
.copos.f19 {
	left: 3px;
	-webkit-animation-duration: 30s;
}
.copos.f20 {
	font-size: 8em;
	left: 620px;
	-webkit-animation-duration: 30s;
}
.copos.f21 {
	left: 500px;
	-webkit-animation-duration: 50s;
}
.copos.f22 {
	font-size: 5em;
	left: 1280px;
	-webkit-animation-duration: 30s;
}
.copos.f23 {
	left: 1100px;
	-webkit-animation-duration: 37s;
}
.copos.f24 {
	font-size: 3em;
	left: 1340px;
	-webkit-animation-duration: 28s;
}
.copos.f25 {
	left: 900px;
	-webkit-animation-duration: 21s;
}
.copos.f26 {
	font-size: 2.5em;
	left: 580px;
	-webkit-animation-duration: 20s;
}
.copos.f27 {
	left: 460px;
	-webkit-animation-duration: 20s;
}
.copos.f28 {
	font-size: 6em;
	left: 270px;
	-webkit-animation-duration: 19s;
}
.copos.f29 {
	left: 1060px;
	-webkit-animation-duration: 20s;
}
.copos.f30 {
	font-size: 6em;
	left: 570px;
	-webkit-animation-duration: 19s;
}
.copos.f31 {
	font-size: 7em;
	left: 950px;
	-webkit-animation-duration: 28s;
}
.copos.f32 {
	left: 1000px;
	-webkit-animation-duration: 22s;
}
.copos.f33 {
	font-size: 5em;
	left: 200px;
	-webkit-animation-duration: 35s;
}
.copos.f34 {
	font-size: 9em;
	left: 50px;
	-webkit-animation-duration: 10s;
}
.copos.f35 {
	left: 3px;
	-webkit-animation-duration: 15s;
}
.copos.f36 {
	font-size: 8em;
	left: 620px;
	-webkit-animation-duration: 20s;
}
.copos.f37 {
	left: 200px;
	-webkit-animation-duration: 50s;
}
.copos.f38 {
	font-size: 5em;
	left: 1350px;
	-webkit-animation-duration: 30s;
}
.copos.f39 {
	left: 1006px;
	-webkit-animation-duration: 37s;
}
.copos.f40 {
	font-size: 3em;
	left: 1340px;
	-webkit-animation-duration: 28s;
}
.copos.f41 {
	left: 900px;
	-webkit-animation-duration: 21s;
}
.copos.f42 {
	font-size: 2.5em;
	left: 580px;
	-webkit-animation-duration: 20s;
}
.copos.f43 {
	left: 360px;
	-webkit-animation-duration: 20s;
}
.copos.f44 {
	font-size: 7em;
	left: 270px;
	-webkit-animation-duration: 19s;
}
.copos.f45 {
	left: 860px;
	-webkit-animation-duration: 20s;
}
.copos.f46 {
	font-size: 9em;
	left: 470px;
	-webkit-animation-duration: 19s;
}
.pc {
	display: block;
}
.mobile {
	display: none;
}
.margen-cuerpo1 {
	max-width: 1080px;
	margin: auto;
}
.contenido {
	padding: 25px 0px; text-align: left;
}
.contenido h1 {
	font-family: didoni-urw, serif;
	font-weight: 400;
	font-style: normal;
	padding: 50px 0px 10px 50px;
	line-height: 120%;
	font-size: 3.5vw;
	letter-spacing: 1pt;
	font-weight: 300;
	color: #000000;
}
.contenido p {
	padding: 0px 75px 25px 50px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 1.5em;
	line-height: 120%;
	letter-spacing: 1pt;
	font-weight: 300;
	color: #717171;
}
.contenido img {
	object-fit: cover;
}

.descripcion-product  {

padding: 25px 25px 0px 25px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	line-height: 100%;
	font-size: 1.2em;
	letter-spacing: 1pt;
	font-weight: 300;
	color: #717171;
}

.titular {padding-left: 50px;}
.titular h1 {
	padding: 25px 100px 0px 100px;
	text-align: left;
	font-family: didoni-urw, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 120%;
	font-size: 3.5vw;
	letter-spacing: 1pt;
	font-weight: 300;
	color: #000000;
}
.titular h2 {
	text-align: left;
	font-style: normal;
	padding: 25px 0px 50px 100px;
	line-height: 120%;
	font-size: 2vw;
	letter-spacing: 1pt;
	font-weight: 100;
	color: #000000;
}
#fundido {
	position: relative;
}
#fundido img.top:active {
	opacity: 0;
}
 @keyframes fundidoFadeInOut {
 0% {
 opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}
#fundido img.top {
	position: absolute;
	left: 0;
	animation-name: fundidoFadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 4s;
	animation-direction: alternate;
}
#fundido2 {
	position: relative;
}
#fundido2 img.top:active {
	opacity: 0;
}
 @keyframes fundido2FadeInOut {
 0% {
 opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}
#fundido2 img.top {
	position: absolute;
	left: 0;
	animation-name: fundido2FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 6s;
	animation-direction: alternate;
}
#fundido3 {
	position: relative;
}
#fundido3 img.top:active {
	opacity: 0;
}
 @keyframes fundido3FadeInOut {
 0% {
 opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}
#fundido3 img.top {
	position: absolute;
	left: 0;
	animation-name: fundido3FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 7s;
	animation-direction: alternate;
}
#fundido4 {
	position: relative;
}
#fundido4 img.top:active {
	opacity: 0;
}
 @keyframes fundido4FadeInOut {
 0% {
 opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}
#fundido4 img.top {
	position: absolute;
	left: 0;
	animation-name: fundido4FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	animation-direction: alternate;
}
.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}
.hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
 @media only screen and (max-width: 768px) {
 .margen-cuerpo1 {
	max-width: 100%;
	margin: 0px;
	padding: 0px;
}
 
.titular h1 {
	padding: 25px 50px 0px 20px;
	text-align: left;
	font-family: didoni-urw, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 120%;
	font-size: 5vw;
	letter-spacing: 1pt;
	font-weight: 300;
	color: #000000;
}
.titular h2 {
	text-align: left;
	font-style: normal;
	padding: 25px 50px 50px 20px;
	line-height: 120%;
	font-size: 4vw;
	letter-spacing: 1pt;
	font-weight: 200;
	color: #000000;
}

.descripcion-product {
	line-height: 110%;
	font-size: 1em;
	letter-spacing: 0.5pt;
	font-weight: 200;
	color: #424242;
}
.contenido h1 {
	font-family: didoni-urw, serif;
	font-weight: 400;
	font-style: normal;
	padding: 50px 0px 10px 50px;
	line-height: 120%;
	font-size: 9vw;
	letter-spacing: 1pt;
	font-weight: 300;
	color: #000000;
}
.pc {
	display: none;
}
.mobile {
	display: block;
}