html {
	--azul: #34417b;
	--rojo: #d8505b;
	--amarillo: #fde284;
	--verde: #9cbc55;
	--gris: #595954;
	--grisclaro: #939393;
	--negro: #2C2D2B;
	--blanco: #ffffff;
	--blanco2: #e8e8e8;
	--cafe: #a38c6b;
	--claro: #ababa9;
}

body {
	margin: 0px;
	padding:0px;
	font-family: 'Avenir';
	color: var(--blanco);
	background: var(--negro);
	line-height:1.2;
	overflowX:hidden !important;
	overflow-X:hidden !important;
}
html, body {
	/*cursor: none !important;*/
} 
body *,
html * {
	/*cursor: none !important;*/
}
.index {
	overflow:hidden !important;
	background: url(../imgs/fondo.png) center center fixed;
	background-size: cover;
}

h1, h2 {
	font-family: 'Magallanes';
}
a, a:hover {
	outline: 0;
    text-decoration:none;
}
button {
	cursor: pointer;
}
button:active {
    outline: none;
    border: none;
}
button:hover {
	cursor:pointer;
}
button:focus,
input:focus,
textarea:focus {
	outline:0;
}
textarea {
	outline:0;
	resize: none;
}

/* cursor
.cursor-dot,
.cursor-dot-outline {
  pointer-events: none;
  position: absolute !important;
  top: 50%;
  left:50%;
  border-radius: 2px;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  z-index: 96;
}
.cursor-dot {
    width: 9px;
    height:9px;
    background-color: var(--blanco);
	z-index: 93;
}
.cursor-dot-outline {
    width: 21px;
	height:21px;
	position: absolute;
	border-radius: 50% !important;
	transform: translate(-50%,-50%);
	z-index: 0;
}
.no-index .cursor-dot,
.no-index .cursor-dot-outline {
	z-index: 999;
}
.cursor-dot-outline.cafe {
	background: var(--cafe);
}
.cursor-dot-outline.rojo {
	background: var(--rojo);
}
.cursor-dot-outline.azul {
	background: var(--azul);
}
.cursor-dot-outline.amarillo {
	background: var(--amarillo);
}
.cursor-dot-outline.verde {
	background: var(--verde);
}*/

/* claro */
#claro {
	background: var(--claro);
}
#claro2 {
	background: var(--gris);
}

#pregunta {
	width: calc(100% - 60px);
	max-width: 1200px;
	height:calc(100vh - 90px);
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
#pregunta h2 {
	font-size: 2.4em;
	color: var(--gris);
	position: absolute;
	left:  0;
	bottom:15px;
}
#pregunta h2 span {
	font-family: 'Avenir';
	font-size: 0.3em;
	letter-spacing: 0.3em;
	display: block;
	margin: -0.6em 0;
}
#pregunta h2 span:first-child {
	padding-left: 3em;
}
#pregunta svg {
	width: 72%;
	position: absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
	animation-delay: 0.6s;
	z-index: 1;
}
#pregunta .svg-oraculo g {
	transform-origin: center center;
}
#pregunta form {
	width: 50%;
	position: absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
	animation-duration: 0.9s;
	animation-delay: 1.8s;
	z-index: 3;
}
#pregunta form input {
	width: 100%;
	font-family: 'Avenir';
	color: var(--cafe);
	padding: 15px;
	border: solid 1px var(--negro);
	background: rgba(65,67,64,0.9);
	transition: all 0.3s ease-in-out;
}
#pregunta form input:focus {
	border-color: var(--cafe);
}
#pregunta form button {
	font-size: 0.9em;
	position: absolute;
	left:  50%;
	bottom:50%;
	transform: translate(-50%,200%);
	border: solid 1px var(--cafe);
	padding: 15px 15px 12px;
	color: var(--cafe);
	background: rgba(255,255,255,0.5);
	transition: all 0.3s ease-in-out;
	opacity: 0;
}
#pregunta form button:hover {
	background: var(--blanco);
}
/* fondo-oraculo */
#fondo-oraculo {
	width: 100%;
	max-width: 1200px;
	height:100vh;
	position: fixed;
	margin: 0 auto;
	top: 60%;
	left:50%;
	transform: translate(-50%,-50%);
	overflow: hidden;
	z-index: -1;
}
#fondo-oraculo svg {
	width: 72%;
	position: absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
	animation-delay: 0.6s;
	z-index: 1;
}
#fondo-oraculo svg .wow {
	animation-delay: 0.6s;
}

/* fractal */
.svg-fractal path {
	fill: var(--negro);
}
.svg-fractal .active path {
	fill: var(--verde);
}

/* header */
header {
	width: 100%;
	top: 0;
	left:0;
	padding: 0 30px;
	position: fixed;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
	text-align: right;
	z-index: 99;
}
header .inter {
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}
header a {
	font-size: 0.9em;
	font-family: 'Magallanes';
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
}
header a:first-of-type img {
	height: 21px;
	position: absolute;
	bottom:12px;
	left:  0;
}
/* button */
header a button {
	padding:24px 15px 15px;
	margin: 0 -1px;
	border: none;
	background: none;
	transition: all 0.3s ease-in-out;
	color: var(--cafe);
	text-transform: uppercase;
}
/*header a button.azul {
	color: var(--azul);
}
header a button.rojo {
	color: var(--rojo);
}
header a button.amarillo {
	color: var(--amarillo);
}
header a button.verde {
	color: var(--verde);
}*/
header a:hover button {
	color: var(--blanco);
}

header button.btn-menu {
	width: 24px;
	height:24px;
	position: absolute;
	top: 50%;
	right: 9px;
	transform: translateY(-50%);
	border: none;
	background: none;
	display: none;
}
header button.btn-menu span {
	width: 24px;
	height:2px;
	background: var(--cafe);
	display: block;
	position: relative;
}
header button.btn-menu span:after,
header button.btn-menu span:before {
	content: '';
	width: 24px;
	height:2px;
	background: var(--cafe);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
header button.btn-menu span:before {
	top: -9px;
}
header button.btn-menu span:after {
	bottom: -9px;
}

/* no-index */
header.no-index {
	background: var(--gris);
	animation-duration: 0.9s;
}
header.no-index:before {
	content: '';
	width: 100%;
	height:1px;
	position: absolute;
	left:  0;
	bottom:-1px;
	background: rgba(216,80,91,1);
    background: -moz-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(216,80,91,1)), color-stop(5%, rgba(216,80,91,1)), color-stop(33%, rgba(253,227,132,1)), color-stop(66%, rgba(156,188,85,1)), color-stop(95%, rgba(52,65,123,1)), color-stop(100%, rgba(52,65,123,1)));
    background: -webkit-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: -o-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: -ms-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: linear-gradient(to right, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8505b', endColorstr='#34417b', GradientType=1 );
	z-index: 9;
}
header.no-index a button {
	padding:42px 15px 15px;
}
header.no-index a.active button {
	color: var(--gris) !important;
}
header.no-index a.active button.azul {
	background: var(--azul);
}
header.no-index a.active button.rojo {
	background: var(--rojo);
}
header.no-index a.active button.amarillo {
	background: var(--amarillo);
}
header.no-index a.active button.verde {
	background: var(--verde);
}
header.no-index a:hover button {
	color: var(--blanco);
}

/* menu */
#menu {
	width: 100vw;
	height:100vh;
	background: var(--negro);
	position: fixed;
	top: 0;
	left:100%;
	transition: all 0.6s ease-in-out;
	z-index: 69;
}
#menu.active {
	left: 0;
}
#menu div {
	position: absolute;
	top: 54%;
	left:50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
#menu div a {
	font-size: 1.2em;
	display: block;
	color: var(--blanco);
	margin: 0 0 9px;
}
#menu div a.active {
	color: var(--cafe);
}

body.no-index {
	padding-top: 81px;
}

#telon {
	width: 100vw;
	height:100vh;
	position: fixed;
	top: 0;
	left:0;
	background: var(--negro);
	pointer-events: none;
	opacity: 1;
	z-index: 12;
}
.no-index #telon {
	animation-duration: 0.3s;
}
/* nav */
a#nav {
	color: var(--blanco);
}
nav {
	width: calc(100vh - 90px);
	max-width: 840px;
	height:calc(100vh - 90px);
	max-height:840px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}
nav img.hovver {
	width: 100%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	transition: all 0.6s ease-in-out;
	opacity: 0.5;
}
nav:hover img.hovver {
	transform: translate(-50%,-50%) rotate(-45deg);
}
nav img.fondo {
	width: 100%;
	pointer-events: none;
}
nav svg {
	width: 100%;
	height:100%;
	position: absolute;
}
nav svg .rojo {
	fill: var(--rojo);
}
nav svg .amarillo {
	fill: var(--amarillo);
}
nav svg .azul {
	fill: var(--azul);
}
nav svg .verde {
	fill: var(--verde);
}
nav svg .cafe {
	fill: var(--cafe);
}

nav h1 {
	font-size: 3em;
	text-align: center;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
	transition: all 0.3s ease-in-out;
	z-index: 6;
}
nav h1 span {
	font-size: 0.9em;
	font-family: 'icomoon' !important;
	-webkit-animation: pulse 1s infinite;
    animation:         pulse 1s infinite;
}
nav img.logo {
	width: 50%;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
	transition: all 0.3s ease-in-out;
	opacity: 1;
	z-index: 6;
}
nav:hover img.logo {
	/*opacity: 0;*/
}

#circles {
	transition: all 0.6s ease-in-out;
	pointer-events: none;
	-webkit-mix-blend-mode: color;
	mix-blend-mode: color;
	z-index: 3;
}
nav:hover #circles {
	transform: rotate(-45deg);
}

#botones {
	fill: transparent;
	transition: all 0.3s ease-in-out;
	z-index: 1;
}
#nav_text {
	width: 20vw;
	max-width: 240px;
	position: absolute;
	right: 30px;
	bottom:30px;
	color: var(--grisclaro);
}
#nav_text img {
	width: 100%;
	max-width: 300px;
	margin: 0 0 30px;
}
#nav_text p span {
	margin: 0 12px 0 0;
}
#nav_text img.mit {
	width: 50%;
}
#nav_text .rojo {
	color: var(--rojo);
}
#nav_text .amarillo {
	color: var(--amarillo);
}
#nav_text .azul {
	color: var(--azul);
}
#nav_text .verde {
	color: var(--verde);
}

#redes {
	width: calc(100% - 60px);
	max-width: 1200px;
	position: absolute;
	left:  50%;
	bottom:15px;
	transform: translateX(-50%);
	pointer-events: none;
	z-index: 9;
}
#redes a {
	font-size: 1em;
	transition: all 0.3s ease-in-out;
	color: var(--grisclaro);
	margin: 0 15px 0 0;
	pointer-events: visible;
}
#redes a:hover {
	color: var(--blanco);
}

/* video */
.video {
	width: calc(100% - 60px);
	max-width: 1200px;
	position: absolute;
	padding-bottom: 54%;
	height: 0;
	margin: -12px 0 0;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
	z-index: 93;
}
.video button {
	background: none;
	padding: 9px 12px;
	border: solid 1px var(--cafe);
	color: var(--cafe);
	position: absolute;
	right: 15px;
	bottom:15px;
	cursor: pointer;
	z-index: 6;
}
.video button span {
	font-size: 0.6em;
}
.video button:hover {
	color: var(--blanco);
}
.video video {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height:100%;
}

/* inicio-oraculo */
#inicio-oraculo {
	width: calc(100% - 60px);
	max-width: 1200px;
	position: absolute;
	left:  50%;
	bottom:15px;
	transform: translateX(-50%);
	text-align: right;
	pointer-events: none;
	z-index: 9;
}
#inicio-oraculo a {
	font-size: 0.9em;
	font-family: 'Magallanes';
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	color: var(--cafe);
	pointer-events: visible;
}
#inicio-oraculo a:hover {
	color: var(--blanco);
}

/* respuesta */
#numbers {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 12px auto 0;
	text-align: center;
}
#numbers div {
	width: 45px;
	height:45px;
	background: var(--negro);
	position: relative;
	display: inline-block;
	margin: 0 6px 0 0;
}
#numbers div:nth-child(1) {
	animation-delay: 0.3s;
}
#numbers div:nth-child(2) {
	animation-delay: 0.7s;
}
#numbers div:nth-child(3) {
	animation-delay: 1.1s;
}
#numbers div:nth-child(4) {
	animation-delay: 1.5s;
}
#numbers div:nth-child(5) {
	animation-delay: 1.9s;
}
#numbers div:nth-child(6) {
	animation-delay: 2.3s;
}
#numbers div number {
	font-family: 'Magallanes';
	color: var(--cafe);
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}
#respuesta {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 15px auto 30px;
	padding:30px;
	background: var(--gris);
	animation-duration: 1.2s;
	animation-delay: 3s;
}
#respuesta h1 {
	width: 50%;
	color: var(--cafe);
	margin: 0 0 30px;
}
#respuesta p.invalid {
	opacity: 0.3 !important;
	-webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
h2.tit {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 30px auto 150px;
	font-size: 2.4em;
	color: var(--gris);
}
h2.tit span {
	font-family: 'Avenir';
	font-size: 0.3em;
	letter-spacing: 0.3em;
	display: block;
	margin: -0.6em 0;
}
h2.tit span:first-child {
	padding-left: 3em;
}
#claro2 #respuesta {
	background: rgba(44,45,43,0.7) !important;
	margin: -75px auto 30px;
	z-index: 1;
}
#claro2 #respuesta .texto {
	-webkit-columns: 2 210px;
       -moz-columns: 2 210px;
            columns: 2 210px;
	-webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}
.porta-inter {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 15px auto 0;
	position: relative;
	animation-duration: 1.2s;
	animation-delay: 3.3s;
	z-index: 3;
}
.porta-inter div {
	width: 100%;
	padding: 0 0 0 50%;
}
.porta-inter div img {
	width: 50%;
	margin: 0 0 0 30px;
}
.porta-inter div a p {
	padding: 0 0 0 50%;
	color: var(--cafe);
	transition: all ease-in-out 0.3s;
}
.porta-inter div a p span {
	margin: 0 0 0 9px;
}
.porta-inter div a:hover p {
	color: var(--blanco);
}

/* --------------------------- FULLPAGE --------------------------- */
#superContainer {
    height: 100%;
    position: relative;
	/* Touch detection for Windows 8 */
	-ms-touch-action: none; 
}
.section {
    position: relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
	background: none;
}

.section.table, .slide.table {
    display: table;
    width: 100%;
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
#fullpage {
	overflow:hidden;
}
/* porta-fractal */
.porta-fractal {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 15px auto 30px;
	padding:30px 0 30px calc(50% + 60px);
	background: none;
	position: relative;
	animation-duration: 1.2s;
	animation-delay: 0.6s;
	z-index: 3;
}
.porta-fractal:after {
	content: '';
	width: 50vw;
	height:100%;
	background: rgba(44,45,43,0.7);
	position: absolute;
	top: 0;
	left: calc(50% + 60px);
	z-index: -1;
}
.porta-fractal img {
	width: 100%;
}
.porta-fractal h1 {
	width: 50%;
	color: var(--cafe);
	margin: 30px 0 30px;
}

/* copy */
.copy {
	font-size: 0.6em;
	position: absolute;
	left: 50%;
	bottom: 15px;
	transform: translateX(-50%);
	color: var(--grisclaro);
	z-index: 9;
}

/* slide */
#slider {
	width: calc(100% - 60px);
	max-width: 1200px;
	position: relative;
	text-align: center;
	margin: 0 auto !important;
}
#slider:before {
	content: '';
	width: 100vw;
	height:1px;
	position: absolute;
	left:  50%;
	bottom:0;
	transform: translateX(-50%);
	background: rgba(216,80,91,1);
    background: -moz-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(216,80,91,1)), color-stop(5%, rgba(216,80,91,1)), color-stop(33%, rgba(253,227,132,1)), color-stop(66%, rgba(156,188,85,1)), color-stop(95%, rgba(52,65,123,1)), color-stop(100%, rgba(52,65,123,1)));
    background: -webkit-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: -o-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: -ms-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: linear-gradient(to right, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8505b', endColorstr='#34417b', GradientType=1 );
	z-index: 9;
}
#slider .owl-carousel {
	height:auto;
	overflow: hidden;
	position:relative;
	display:block;
}
.owl-carousel div {
	float: left;
}
.owl-carousel .item {
	position: relative;
	margin: 0 auto !important;
	text-align: center;
}
.owl-carousel div img.imagen {
	width: 100%;
	margin: 0 auto;
}
.owl-carousel .descripcion {
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.owl-carousel div h1 {
	font-size:2.1em;
	letter-spacing: 0.2em;
	color: var(--blanco);
	text-transform: uppercase;
}

.owl-carousel .porta-box {
	width: calc(100% - 60px);
	max-width: 1200px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 3;
}
.owl-carousel .box {
	width: 50%;
	height:100%;
	position: relative;
	text-align: right;
	padding: 30px;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
	z-index: 3;
}
.owl-carousel .box:after {
	content: '';
	width: 100%;
	height:100%;
	background: var(--rojo);
	mix-blend-mode: color;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left:0;
	z-index: -1;
}
.owl-carousel .box h1 {
	font-size: 4.5em;
	line-height: 1;
	letter-spacing: -0.1em;
	margin: 0 0 15px;
}
.owl-carousel .box p {
	margin: 45px 0 30px;
}
.owl-carousel .box button {
	background: none;
	color: var(--blanco);
	border: solid 1px var(--blanco);
	padding: 9px 12px;
	margin: 15px 0 0;
	transition: all ease-in-out 0.3s;
}
.owl-carousel .box button:hover {
	background: var(--rojo);
}
.owl-carousel .box button span {
	margin: 0 0 0 9px;
}

.prev,
.next {	
	font-size: 24px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	z-index: 9;
}
.prev {
	left: 30px;
	transform: translateX(-50%);
}
.next {
	right:30px;
	transform: translateX(50%);
}
/* */
.custom-control {
	text-align:center;
	position:absolute;
	left:  50%;
	bottom:0;
	padding:  0 0 24px;
	transform: translateX(-50%);
	z-index:9;
}
.custom-control button {
	width: 12px !important;
	height:12px !important;
	margin: 0 15px;
	padding:0;
	background: var(--blanco);
	border-radius: 2px !important;
	transition: all ease-in-out 0.3s;
	border: none;
	position: relative;
	vertical-align: middle;
	opacity: 0.8;
}
.custom-control button:hover,
.custom-control button.active {
	transform: rotate(45deg);
	background: var(--rojo);
	opacity: 1;
}
.custom-control span {
	position: relative;
	vertical-align: middle;
}

/* slider2 */
#slider2 {
	width: 100%;
	max-width: 600px;
	position: relative;
	overflow: hidden;
	margin: 0 0 15px;
	padding:0 0 30px;
}
#slider2 .owl-carousel2 {
	width: 100%;
	max-width: calc(50vw - 30px);
	position: relative;
}
#slider2 .owl-carousel2 .item {
	width: 100%;
	margin: 0 0 15px;
}
#slider2 .owl-carousel2 .item img {
	width: calc(100% - 30px);
	transition: all ease-in-out 0.3s;
}
#slider2 .owl-carousel2 .item:hover img,
#slider2 .owl-carousel2 .item img.active {
	-moz-box-shadow:   6px 6px 0 var(--amarillo);
    -webkit-box-shadow:6px 6px 0 var(--amarillo);
    -khtml-box-shadow: 6px 6px 0 var(--amarillo);
	box-shadow:        6px 6px 0 var(--amarillo);
}
#slider2 .prev,
#slider2 .next {	
	font-size: 15px;
	display: block;
	position: relative;
	top: 0;
}
#slider2 .custom-control {
	bottom: 0;
	padding:0;
}
#slider2 .custom-control button:hover,
#slider2 .custom-control button.active {
	background: var(--amarillo);
}
#slider2 .custom-control .oculto {
	display: none;
}

/* porta-evento */
#porta-evento {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 0 auto;
	display: table;
}
#porta-evento #linea,
#porta-evento #info {
	display: table-cell;
	vertical-align: top;
}
#porta-evento #linea {
	width: 33.3%;
	padding: 30px 0;
}
#porta-evento #info {
	width: 66.6%;
	background: var(--blanco);
	color: var(--gris);
	padding: 30px;
}
#porta-evento #info img {
	width: calc(50% - 18px);
	margin: 0 15px 15px 0;
	display: inline-block;
	float: left;
	vertical-align: top;
}
#porta-evento #info img:nth-child(2n) {
	margin: 0 0 15px 0;
}
#porta-evento #info h1 {
	width: 50%;
}
#porta-evento #info h3 {
	margin: -15px 0 30px;
	color: var(--cafe);
}

#porta-evento #linea div {
	width: 100%;
	position: relative;
	margin: -6px 0;
	transition: all 0.3s ease-in-out;
	opacity: 0.6;
}
#porta-evento #linea a:hover div,
#porta-evento #linea a.active div {
	opacity: 1;
}
#porta-evento #linea div line {
	width: calc(33% - 30px);
	height: 2px;
	background: var(--blanco);
	display: inline-block;
	vertical-align: middle;
}
#porta-evento #linea div.azul line,
#porta-evento #linea div.amarillo line,
#porta-evento #linea div.rojo line {
	width: 33%;
}
#porta-evento #linea div.azul line {
	background: var(--azul);
}
#porta-evento #linea div.amarillo line {
	background: var(--amarillo);
}
#porta-evento #linea div.rojo line {
	background: var(--rojo);
}
#porta-evento #linea a p {
	width: calc(66% - 30px);
	font-size: 0.7em;
	color: var(--cafe);
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 15px;
	transition: all 0.3s ease-in-out;
	opacity: 0;
}
#porta-evento #linea a:hover p,
#porta-evento #linea a.active p {
	opacity: 1 !important;
}

/* porta-mapa */
.porta-mapa {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 30px auto;
}
.porta-mapa h2 {
	
}
.porta-mapa .inter {
	width: 100%;
	display: table;
}
.porta-mapa .inter #map-canvas,
.porta-mapa .inter .buscar {
	display: table-cell;
	vertical-align: top;
}
.porta-mapa .inter #map-canvas {
	width: 75%;
}
.content-map {
	color: var(--gris);
}
.content-map h2 {
	font-size: 1.8em;
	margin: 0 0 18px;
	position: relative;
}
.content-map h2:after {
	content: '';
	width: 100%;
	height:1px;
	background: var(--grisclaro);
	position: absolute;
	left:  0;
	bottom:-6px;
}
.content-map p,
.content-map a {
	margin: 0 0 9px;
}
.content-map p span,
.content-map a span {
	margin: 0 12px 0 0;
}
.content-map a {
	color: var(--amarillo);
}

.porta-mapa .inter .buscar {
	width: 25%;
	color: var(--negro);
	background: var(--blanco);
}
.porta-mapa .inter .buscar h2 {
	margin: 30px;
}

.porta-mapa .inter .buscar form {
	border: solid 1px var(--amarillo);
	border-left: none;
	border-right:none;
	padding: 30px;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
.porta-mapa .inter .buscar input {
	width: 100%;
	border: none;
	background: var(--blanco2);
	padding: 9px;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
.porta-mapa .inter .buscar button {
	float: right;
	border: none;
	padding: 9px 9px 7px;
	transform: translateY(-100%);
	transition: all 0.3s ease-in-out;
}
.porta-mapa .inter .buscar form:hover button {
	color: var(--blanco);
	background: var(--azul);
}
.porta-mapa .inter .buscar form p {
	font-size: 0.6em;
	margin: 15px 0 0;
}
/* autocomplete */
.form-buscar {
	width: 100%;
	position: relative;
}
.autocomplete-items {
	width: calc(100% - 60px);
    position: absolute;
    border: none;
    background: var(--gris);
    top: 90px;
    left:30px;
    right:0;
	z-index: 999;
}
.autocomplete-items div {
	font-size: 1em;
    padding: 9px;
    cursor: pointer;
    background-color: none;
    display: block;
}
.autocomplete-items div strong {
	color: var(--amarillo);
	font-weight: inherit !important;
}
.autocomplete-items div:hover {
	color: var(--blanco);
    background-color: var(--negro); 
}
.autocomplete-active {
	color: var(--blanco) !important;
    background-color: var(--negro) !important;
}

.porta-mapa .inter .artistas {
	width: 100%;
	background: var(--blanco2);
	position: relative;
	padding: 30px 0 30px 30px;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
.porta-mapa .inter .artistas a img {
	width: 25%;
	margin: 0 5% 5% 0;
	border-radius: 50%;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.porta-mapa .inter .artistas a:hover img {
    -moz-box-shadow:   6px 6px 0 var(--rojo);
    -webkit-box-shadow:6px 6px 0 var(--rojo);
    -khtml-box-shadow: 6px 6px 0 var(--rojo);
	box-shadow:        6px 6px 0 var(--rojo);
}

.porta-mapa .inter .redes {
	padding: 30px;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
.porta-mapa .inter .redes a {
	color: var(--gris);
	margin: 0 15px 0 0;
}
.porta-mapa .inter .redes a:hover {
	color: var(--rojo);
}

/* portada */
.portada {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.portada:before {
	content: '';
	width: 100%;
	height:1px;
	position: absolute;
	left:  0;
	bottom:1px;
	background: rgba(216,80,91,1);
    background: -moz-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(216,80,91,1)), color-stop(5%, rgba(216,80,91,1)), color-stop(33%, rgba(253,227,132,1)), color-stop(66%, rgba(156,188,85,1)), color-stop(95%, rgba(52,65,123,1)), color-stop(100%, rgba(52,65,123,1)));
    background: -webkit-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: -o-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: -ms-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: linear-gradient(to right, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8505b', endColorstr='#34417b', GradientType=1 );
	z-index: 9;
}
.portada .logo {
	width: 12%;
	max-width: 60px;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	animation-duration: 0.6s;
	animation-delay: 0.6s;
	z-index: 3;
}
.portada .fondo {
	width: calc(100% - 60px);
	max-width: 1200px;
	height: 0;
	padding:0 0 39%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	animation-duration: 0.6s;
}
.portada .fondo img {
	width: 100%;
	position: absolute;
}

.porta-fondos {
	width: 100%;
	height: 75vh;
	padding:0;
	text-align: center;
	position: relative;
}
.portada .fondos {
	width: 100%;
	max-width: 1200px;
	position: relative;
	display: table;
	overflow: hidden;
	animation-duration: 0.6s;
	display: table;
	margin: 0 auto;
}
.portada .fondos div {
	width: 20%;
	height:75vh;
	display: table-cell;
	position: relative;
	overflow: hidden;
	animation-duration: 0.9s;
}
.portada .fondos div:nth-child(1) {
	animation-delay: 0.3s;
}
.portada .fondos div:nth-child(2) {
	animation-delay: 0.9s;
}
.portada .fondos div:nth-child(3) {
	animation-delay: 1.5s;
}
.portada .fondos div:nth-child(4) {
	animation-delay: 2.1s;
}
.portada .fondos div:nth-child(5) {
	animation-delay: 2.7s;
}
.portada .fondos div img {
	width: 210%;
	height:auto;
	left: 0;
}
.portada .logo-grnd {
	width: calc(100% - 60px);
	max-width: 1200px;
	position: absolute;
	left:50%;
	margin-top: -30px;
	animation-duration: 1.2s;
	animation-delay: 3.3s;
	z-index: 3;
}

/* intro */
.intro {
	width: 100%;
	background: var(--blanco);
	position:relative;
	margin: 0;
}
.intro .porta-8 {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 0 auto;
	padding:30px 0 15px;
}
.intro .porta-8 div {
	width: calc(25% - 18px);
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 0 15px 15px 0;
	padding:0 0 calc(24% - 30px);
	background: var(--rojo);
	overflow: hidden;
}
.intro .porta-8 div:nth-child(4n) {
	margin: 0 0 15px 0;
}
.intro .porta-8 div h2 {
	width: calc(100% - 30px);
	position: absolute;
	left:  15px;
	bottom:12px;
	transform: translateY(200%);
	transition: all 0.6s ease-in-out;
	z-index: 3;
}
.intro .porta-8 div:hover h2 {
	transform: translateY(0);
}
.intro .porta-8 div img {
	width: auto;
	height:105%;
	position: absolute;
	top: 0;
	left:50%;
	transform: translateX(-50%);
	transition: all 0.6s ease-in-out;
	z-index: 1;
}
.intro .porta-8 div:hover img {
	opacity: 0.3;
}

/* barra-roja */
.barra-roja {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 30px auto;
	background: var(--rojo);
	position: relative;
	z-index: 3;
}
.barra-roja:before,
.barra-roja:after {
	content: '';
	width: 100vw;
	height:100%;
	position: absolute;
	background: var(--rojo);
	top: 0;
	z-index: -1;
}
.barra-roja:before {
	right: 50%;
}
.barra-roja:after {
	left: 50%;
}
.barra-roja .inter {
	width: 100%;
	margin: 0 auto;
	display: table;
}
.barra-roja .inter div {
	width: 50%;
	display: table-cell;
	position: relative;
	overflow: hidden;
}
.barra-roja .inter div:last-of-type:before {
	content: '';
	width: 100%;
	height:100%;
	background: var(--rojo);
	position: absolute;
	top: 0;
	left:0;
	opacity: 0.5;
	z-index: 3;
}
.barra-roja .inter div img {
	width: 100%;
	position: absolute;
	z-index: 0;
}
blockquote {
	font-family: 'Avenir Bold';
	font-size: 2.4em;
	text-align: right;
	position: relative;
	padding: 30px 30px 30px 0;
	color: var(--blanco);
	z-index: 3;
}
blockquote span {
	font-family: 'Magallanes';
	font-size: 0.6em;
	display: block;
	margin: 15px 0 0;
}
.info blockquote {
	padding: 0 30px 30px 0;
}
.info blockquote span {
	color: var(--grisclaro);
}

/* barra-incusa */
.porta-incusa .barra-roja {
	background: var(--azul);
}
.porta-incusa .barra-roja:before,
.porta-incusa .barra-roja:after {
	background: var(--azul);
}
.porta-incusa .barra-roja .inter div:last-of-type:before {
	background: var(--azul);
}

.porta-incusa ul {
	padding: 15px 0 0;
	list-style: none;
}
.porta-incusa ul li {
	font-family: 'Avenir Bold';
	color: var(--azul);
	margin: 0 0 15px;
}
.porta-incusa ul li:last-child {
	margin: 0;
}
/* sucursales */
#sucursales {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 30px auto;
}
#sucursales h2 {
	margin: 0 0 30px;
}
#sucursales div {
	width: 24%;
	display: inline-block;
	vertical-align: top;
	padding:0 30px 30px 0;
	margin: 0;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
#sucursales div h3 {
	font-size: 1.3em;
}
#sucursales div p {
	font-size: 0.9em;
}
#sucursales div a {
	color: var(--grisclaro);
	transition: all 0.3s ease-in;
}
#sucursales div:hover a {
	color: var(--azul);
}

.contenido {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 30px auto;
	display: table;
	position: relative;
}
.contenido .mitad {
	width: 50%;
	display: table-cell;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}
.contenido .mitad:first-child {
	border-right: solid 15px var(--negro);
}
.contenido .mitad:first-child:after {
	content: '';
	width: 100%;
	height:100%;
	background: var(--rojo);
	mix-blend-mode: color;
	opacity: 0;
	position: absolute;
	top: 0;
	left:0;
	transition: all 0.6s ease-in-out;
	pointer-events: none;
	z-index: 3;
}
.contenido .mitad:first-child:hover:after {
	opacity: 0.5;
}
.contenido .mitad:last-child {
	border-left: solid 15px var(--negro);
}
.contenido .mitad img.icono {
	width: 15%;
	max-width: 60px;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
	z-index: 6;
}
.contenido .mitad img.fondo {
	width: 100%;
	position: absolute;
	z-index: 0;
}
.contenido .mitad video {
	width: 100%;
	display: block;
}
.contenido .mitad div.porta-links {
	width: 100%;
	display: table;
	margin: 30px 0 0;
}
.contenido .mitad div.porta-links a {
	width: 33.3%;
	text-align: center;
	display: table-cell;
	position: relative;
	margin: 0;
	overflow: hidden;
}
.contenido .mitad div.porta-links a:nth-child(1) {
	border-right: solid 15px var(--negro);
}
.contenido .mitad div.porta-links a:nth-child(2) {
	border-right:solid 15px var(--negro);
	border-left: solid 15px var(--negro);
}
.contenido .mitad div.porta-links a:nth-child(3) {
	border-left: solid 15px var(--negro);
}
.contenido .mitad div.porta-links a button {
	width: 100%;
	padding: 60px 30px;
	border: none;
	background: none;
	color: var(--blanco);
	position: relative;
	transition: all 0.6s ease-in-out;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
	z-index: 3;
}
.contenido .mitad div.porta-links a button span {
	font-size: 1.5em;
}
.contenido .mitad div.porta-links a img {
	width: 150%;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	transition: all 0.9s ease-in-out;
	opacity: 0.5;
	z-index: 0;
}
.contenido .mitad div.porta-links a:hover button {
	color: var(--amarillo);
}
.contenido .mitad div.porta-links a:hover img {
	transform: translate(-50%,-50%) scale(1.5);
	opacity: 0.7;
}

/* porta-notas */
#porta-notas {
	background: url(../imgs/nueve_arte_urbano_portada.jpg) center center no-repeat fixed;
	background-size: cover;
	padding: 30px;
	position: relative;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
#porta-notas .porta-form {
	width: 50%;
	max-width: 1200px;
	color: var(--negro);
	background: var(--blanco);
	display: table;
	animation-duration: 0.6s;
	margin: 0 auto;
}
#porta-notas .porta-form form {
	width: 50%;
	display: table-cell;
	position: relative;
}
#porta-notas .porta-form form:first-of-type {
	border-right: solid 1px var(--gris);
}
#porta-notas .porta-form form label,
#porta-notas .porta-form form textarea,
#porta-notas .porta-form form div,
#porta-notas .porta-form form input {
	width: 100%;
	display: block;
	padding: 30px;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
#porta-notas .porta-form form input {
	font-size: 1em;
	padding: 12px 30px;
	background: var(--blanco2);
	border: none;
}
#porta-notas .porta-form form label p {
	font-size: 0.8em;
	margin: 15px 0 -15px;
	color: var(--grisclaro);
}
#porta-notas .porta-form form label p.alerta {
	color: var(--rojo);
	animation-delay: 0.9s;
}
#porta-notas .porta-form form textarea {
	border: solid 1px var(--rojo);
	border-left: none;
	border-right:none;
	min-height: 150px;
}
#porta-notas .porta-form form div {
	text-align: center;
	padding: 15px 30px 0;
	background: var(--blanco2);
}
#porta-notas .porta-form form div button {
	padding: 15px;
	color: var(--blanco);
	background: var(--rojo);
	border: none;
	margin: 0 auto;
}

/* globo */
.globo {
	border-radius: 12px;
	margin: 0 0 15px;
	padding:3px 12px 9px!important;
	text-align: left !important;
	background: var(--verde) !important;
	position: relative;
	animation-duration: 0.9s;
	animation-delay: 0.9s;
}
.globo small {
	font-size: 0.7em;
	color: var(--negro);
	margin: 0;
	padding:0 0 6px;
	display: block;
}
.globo p {
	width: 100%;
	color: var(--blanco) !important;
	display: block;
	margin: 0;
	padding:0 0 18px;
}
.form-ofrezco .globo:after {
	content:'';
	width: 0;
	height:0;
	border-top:   12px solid transparent;
	border-right: 15px solid var(--verde);
	border-bottom:12px solid transparent;
	position: absolute;
	left:  -15px;
	bottom: 12px;
	z-index:1;
}
.form-necesito .globo {
	background: var(--azul) !important;
}
.form-necesito .globo:after {
	content:'';
	width: 0;
	height:0;
	border-top:   12px solid transparent;
	border-left:  15px solid var(--azul);
	border-bottom:12px solid transparent;
	position: absolute;
	right: -15px;
	bottom: 12px;
	z-index:1;
}
.form-necesito .globo small {
	color: var(--grisClarito);
}

/* mural */
.mural {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.mural img {
	width: 100%;
}

/* porta-info */
#contenedor-marum {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	transform: translateX(-30px);
}
.porta-info {
	width: calc(100% - 60px);
	max-width: 1200px;
	padding:30px 0;
	margin: 0 auto;
	background: var(--gris);
	display: table;
	position: relative;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
	z-index: 3;
}
#contenedor-marum .porta-info {
	width: 100%;
}
.porta-info:before,
.porta-info:after {
	content: '';
	width: 100vw;
	height:100%;
	background: var(--gris);
	position: absolute;
	top: 0;
	z-index: -1;
}
.porta-info:before {
	left: -50%;
}
.porta-info:after {
	right: -50%;
}
.porta-info .info {
	width: 50%;
	display: table-cell;
	vertical-align: top;
	margin: 0;
}
.porta-info .info h1 {
	width: 50%;
	font-size: 3em;
	line-height: 0.9;
	margin: 0 0 30px;
}
.porta-info .info p {
	color: var(--grisclaro);
}
.porta-info .info p.sub {
	opacity: 0.7;
}
.porta-info .info p span {
	margin: 0 15px 0 0;
}
.porta-info .info:first-of-type p {
	width: calc(100% - 15px);
}
.porta-info .info:last-of-type {
	padding-left: 15px;
}
.porta-info .info .caja {
	width: 100%;
	border-left: solid 1px var(--grisclaro);
	position: relative;
	padding: 0 0 0 15px;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
#porta-articulos .articulo.active .porta-informacion .artistas,
.porta-info .info .artistas,
.porta-evento .artistas {
	width: 100%;
	position: relative;
	padding: 15px 0 0;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
#porta-articulos .articulo.active .porta-informacion .artistas a img,
.porta-info .info .artistas a img,
.porta-evento .artistas a img.little {
	width: 13%;
	margin: 0 3% 3% 0;
	border-radius: 50%;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.porta-evento .artistas a img.little {
	max-width: 90px;
}
#porta-articulos .articulo.active .porta-informacion .artistas a:hover img,
.porta-info .info .artistas a:hover img,
.porta-evento .artistas a:hover img.little {
    -moz-box-shadow:   6px 6px 0 var(--rojo);
    -webkit-box-shadow:6px 6px 0 var(--rojo);
    -khtml-box-shadow: 6px 6px 0 var(--rojo);
	box-shadow:        6px 6px 0 var(--rojo);
}

/* porta-artista */
.porta-artista .porta-info {
	background: none;
	padding: 60px 30px 30px;
}
.porta-artista .porta-info:before,
.porta-artista .porta-info:after {
	display: none;
}
.porta-artista .porta-info .redes {
	padding: 0 0 30px;
}
.porta-artista .porta-info .redes a {
	font-size: 1em;
	transition: all 0.3s ease-in-out;
	color: var(--rojo);
	margin: 0 12px 0 0;
}
.porta-artista .porta-info .redes a:hover {
	color: var(--blanco);
}
.porta-artista #slider2 .custom-control button:hover,
.porta-artista #slider2 .custom-control button.active {
	background: var(--rojo);
}
.porta-artista #slider2 .owl-carousel2 .item:hover img {
	-moz-box-shadow:   6px 6px 0 var(--rojo);
    -webkit-box-shadow:6px 6px 0 var(--rojo);
    -khtml-box-shadow: 6px 6px 0 var(--rojo);
	box-shadow:        6px 6px 0 var(--rojo);
}

/* porta-nueve */
.porta-nueve .porta-info {
	background: none;
	padding: 60px 0 30px;
	border-bottom: solid 1px var(--gris);
}
.porta-nueve .porta-info:before,
.porta-nueve .porta-info:after {
	display: none;
}
.porta-nueve .porta-info .img-fluid {
	margin: 0 0 30px;
	transition: all 0.3s ease-in-out;
	-moz-box-shadow:   0 0 0 var(--rojo);
    -webkit-box-shadow:0 0 0 var(--rojo);
    -khtml-box-shadow: 0 0 0 var(--rojo);
	box-shadow:        0 0 0 var(--rojo);
}
.porta-nueve .porta-info:hover .img-fluid {
	-moz-box-shadow:   15px -15px 0 var(--rojo);
    -webkit-box-shadow:15px -15px 0 var(--rojo);
    -khtml-box-shadow: 15px -15px 0 var(--rojo);
	box-shadow:        15px -15px 0 var(--rojo);
}

/* porta-general */
#contenedor {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.porta-general .porta-info {
	width: calc(50% - 30px);
	display: inline-block;
	vertical-align: top;
	background: none;
	padding: 60px 0 30px;
	border-bottom: solid 1px var(--gris);
}
.porta-general .porta-info .info {
	width: 100%;
}
.porta-info .info h1 {
	width: 100%;
}
#contenedor .porta-info:nth-child(2n) {
	margin-left: 30px;
}
.porta-general .porta-info:before,
.porta-general .porta-info:after {
	display: none;
}
.porta-general .porta-info .info button.btn-ver {
	color: var(--cafe);
	border-color: var(--cafe);
}
.porta-general .porta-info .info button.btn-ver:hover {
	color: var(--blanco);
	border-color: var(--blanco);
}

/* artistas */
#artistas {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
#artistas h2 {
	color: var(--grisclaro);
	position: relative;
}
#artistas h2:before {
	content: '';
	width: 100%;
	height:1px;
	background: var(--grisclaro);
	position: absolute;
	left:0;
	top: -3px;
}
#artistas h2:first-child:before {
	display: none;
}

#artistas p.texto {
	padding: 30px 0 60px !important;
}

#artistas a {
	width: 13%;
	margin: 0 3% 3% 0;
	border-radius: 50%;
	position: relative;
	transition: all 0.3s ease-in-out;
}
#artistas a img {
	width: 12%;
	margin: 0 1.5% 3% 0;
	border-radius: 50%;
	position: relative;
	transition: all 0.3s ease-in-out;
}
#artistas a:hover img {
    -moz-box-shadow:   6px 6px 0 var(--rojo);
    -webkit-box-shadow:6px 6px 0 var(--rojo);
    -khtml-box-shadow: 6px 6px 0 var(--rojo);
	box-shadow:        6px 6px 0 var(--rojo);
}

/* porta-marum */
.porta-marum .porta-info {
	display: inline-block;
	background: none;
	padding: 60px 0 30px;
	margin: 0 30px;
	border-bottom: solid 1px var(--gris);
}
.porta-marum .porta-info:before,
.porta-marum .porta-info:after {
	display: none;
}
.porta-marum .porta-info .img-fluid {
	margin: 0 0 30px;
	transition: all 0.3s ease-in-out;
	-moz-box-shadow:   0 0 0 var(--amarillo);
    -webkit-box-shadow:0 0 0 var(--amarillo);
    -khtml-box-shadow: 0 0 0 var(--amarillo);
	box-shadow:        0 0 0 var(--amarillo);
}
.porta-marum .porta-info:hover .img-fluid {
	-moz-box-shadow:   15px -15px 0 var(--amarillo);
    -webkit-box-shadow:15px -15px 0 var(--amarillo);
    -khtml-box-shadow: 15px -15px 0 var(--amarillo);
	box-shadow:        15px -15px 0 var(--amarillo);
}

/* perfil */
.perfil {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: -15% auto 0;
	display: table;
	position: relative;
	animation-duration: 0.9s;
	z-index: 9;
}
.perfil .foto {
	width: 40%;
	display: table-cell;
	vertical-align: middle;
}
.perfil .foto img {
	width: calc(100% - 15px);
	border-radius: 50% !important;
	-moz-box-shadow:   15px -15px 0 var(--rojo);
    -webkit-box-shadow:15px -15px 0 var(--rojo);
    -khtml-box-shadow: 15px -15px 0 var(--rojo);
	box-shadow:        15px -15px 0 var(--rojo);
}
.perfil .nombre {
	width: 60%;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 30px;
	position: relative;
}
.perfil .nombre h1 {
	width: 100%;
	position: relative;
	font-size: 10em;
	line-height: 0.8;
	letter-spacing: -0.1em;
}
.perfil .nombre h2 {
	font-family: 'Avenir Bold';
	color: var(--rojo);
	padding: 0 0 0 30px;
}

/* barra */
.barra {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 0 auto;
	padding:30px 0;
	background: var(--gris);
	text-align: right;
	position: relative;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
	z-index: 3;
}
.barra:before,
.barra:after {
	content: '';
	width: 100vw;
	height:100%;
	background: var(--gris);
	position: absolute;
	top: 0;
	z-index: -1;
}
.barra:before {
	right: 50%;
}
.barra:after {
	left: 50%;
}
.barra a.link {
	text-transform: uppercase;
	color: var(--amarillo);
}
.barra a.link span {
	margin: 0 0 0 15px;
}
.barra a.li {
	color: var(--grisclaro);
	margin: 0 0 0 15px;
}

.barra #website {
	font-family: 'Avenir Bold';
	color: var(--grisclaro);
	transition: all 0.3s ease-in-out;
	float: left;	
}
.barra #website:hover {
	color: var(--blanco);
}

/* blnco */
#blnco {
	width: 100%;
	max-width: 1200px;
	padding:30px 0;
	margin: 0 auto;
	background: var(--blanco);
	position: relative;
	z-index: 3;
}
#blnco:before,
#blnco:after {
	content: '';
	width: 100vw;
	height:100%;
	background: var(--blanco);
	position: absolute;
	top: 0;
	z-index: -1;
}
#blnco:before {
	right: 50%;
}
#blnco:after {
	left: 50%;
}
#blnco .porta-cuatro {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 0 auto 30px;
	display: table;
	position: relative;
}
#blnco .porta-cuatro div {
	width: 25%;
	height:0;
	padding: 0 0 30%;
	display: table-cell;
	position: relative;
	overflow: hidden;
}
#blnco .porta-cuatro div:after {
	content: '';
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left:0;
	mix-blend-mode: color;
	pointer-events: none;
	z-index: 3;
}
#blnco .porta-cuatro div:nth-child(1) {
	border-right: solid 10px var(--blanco);
}
#blnco .porta-cuatro div:nth-child(2),
#blnco .porta-cuatro div:nth-child(3) {
	border-right:solid 5px var(--blanco);
	border-left: solid 5px var(--blanco);
}
#blnco .porta-cuatro div:nth-child(4) {
	border-left: solid 10px var(--blanco);
}
#blnco .porta-cuatro div:nth-child(1):after {
	background: var(--verde);
}
#blnco .porta-cuatro div:nth-child(2):after {
	background: var(--amarillo);
}
#blnco .porta-cuatro div:nth-child(3):after {
	background: var(--rojo);
}
#blnco .porta-cuatro div:nth-child(4):after {
	background: var(--azul);
}

#blnco .porta-cuatro div img {
	width: auto;
	height:100%;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	transition: all 0.9s ease-in-out;
	z-index: 0;
}
#blnco .porta-cuatro div:hover img {
	transform: translate(-50%,-50%) scale(1.2);
}
#blnco .porta-cuatro h2 {
	width: 100%;
	position: absolute;
	left:  0;
	bottom:0;
	color: var(--blanco);
	background: var(--negro);
	margin: 0;
	padding:15px;
	pointer-events: none;
	transition: all 0.6s ease-in-out;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
	z-index: 6;
}
/* porta-articulos */
#porta-articulos {
	color: var(--negro);
	text-align: center;
}
#porta-articulos .articulo {
	width: calc(20% - 30px);
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 7px 7px 30px;
	transition: all 0.6s ease-in;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
#porta-articulos .articulo img {
	width: 84%;
	margin: 0 auto;
}
#porta-articulos .articulo .information h3 {
	font-size: 1.5em;
	margin: 15px auto;
}

#porta-articulos .articulo .porta-imgs,
#porta-articulos .articulo .porta-informacion {
	display: none;
}
#porta-articulos .articulo .porta .information .precio p {
	display: inline-block;
}
#porta-articulos .articulo .porta .information .precio p.desc {
	margin: 0 15px 0 0;
	color: var(--rojo);
}
#porta-articulos .articulo .information a:last-child {
	font-size: 1.5em;
	transition: all 0.3s ease-in-out;
}
#porta-articulos .articulo:hover .information a:last-child {
	color: var(--amarillo);
}
/* --- active --- */
#porta-articulos .articulo.active {
	width: 100%;
	margin: 15px 0;
	padding:30px 0;
	color: var(--grisclaro);
	background: var(--negro);
	display: table;
}
#porta-articulos .articulo.active .porta {
	display: none;
}
#porta-articulos .articulo.active .porta-imgs,
#porta-articulos .articulo.active .porta-informacion {
	display: table-cell;
	vertical-align: top;
}
#porta-articulos .articulo.active .porta-imgs {
	width: calc(33.3vw + 15px);
	position: relative;
}
#porta-articulos .articulo.active .porta-imgs img {
	width: calc(100% - 30px);
	background: var(--blanco);
	margin: 0 0 15px 30px;
}
#porta-articulos .articulo.active .porta-informacion {
	width: calc(66.6% - 30px);
	text-align: left;
	padding: 0 30px;
	transition: all 0.6s ease-in;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
#porta-articulos .articulo.active .porta-informacion h2 {
	font-size: 3em;
	color: var(--blanco);
	margin: 0 0 30px;
}
#porta-articulos .articulo.active .porta-informacion p:first-of-type {
	/*width: 50%;*/
}
#porta-articulos .articulo.active .porta-informacion .caja {
	margin: 30px 0 0;
}
#porta-articulos .articulo.active .porta-informacion .caja p span {
	margin: 0 15px 0 0;
}
#porta-articulos .articulo.active .porta-informacion button,
.porta-info .info button.btn-ver {
	background: none;
	padding: 9px 12px;
	color: var(--rojo);
	border: solid 1px var(--rojo);
	margin: 15px 0;
	transition: all 0.3s ease-in-out;
}
#porta-articulos .articulo.active .porta-informacion button span,
.porta-info .info button.btn-ver span {
	margin: 0 0 0 15px;
}
#porta-articulos .articulo.active .porta-informacion button:hover,
.porta-info .info button.btn-ver:hover {
	color: var(--blanco);
	border-color: var(--blanco);
}

.porta-marum .porta-info .info button.btn-ver {
	color: var(--amarillo);
	border-color: var(--amarillo);
}
.porta-marum .porta-info .info button.btn-ver:hover {
	color: var(--blanco);
	border-color: var(--blanco);
}

/* barra-marum */
#barra-marum {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: table;
	position: relative;
	z-index: 3;
}
#barra-marum:before,
#barra-marum:after {
	content: '';
	width: 100vw;
	height:100%;
	background: var(--gris);
	position: absolute;
	top: 0;
	z-index: -1;
}
#barra-marum:before {
	right: 50%;
}
#barra-marum:after {
	background: var(--amarillo);
	left: 50%;
}
#barra-marum a {
	width: 25%;
	display: table-cell;
	overflow: hidden;
	position: relative;
	background: var(--gris);
}
#barra-marum a:last-of-type {
	width: 50%;
	background: var(--amarillo);
	text-align: center;
}
#barra-marum div.caja {
	width: 100%;
	height:100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}
#barra-marum div.caja * {
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}
#barra-marum div.caja h2 {
	color: var(--blanco);
	z-index: 3;
}
#barra-marum a:nth-child(2) div.caja h2 {
	color: var(--amarillo);
}
#barra-marum div.caja img {
	width: 100%;
	opacity: 0.5;
	transition: all 0.9s ease-in-out;
	z-index: 0;
}
#barra-marum div.caja:hover img {
	transform: translate(-50%,-50%) scale(1.2);
}
#barra-marum a:last-of-type img {
	width: 50%;
	margin: 60px auto;
	opacity: 0.9;
	transition: all 0.3s ease-in-out;
}
#barra-marum a:last-of-type:hover img {
	opacity: 1;
}
/* nueve */
#barra-marum.nueve:after {
	background: var(--rojo);
}
#barra-marum.nueve a:last-of-type {
	background: var(--rojo);
}
#barra-marum.nueve a:nth-child(2) div.caja h2 {
	color: var(--rojo);
}
/* buscar */
#barra-marum.nueve form {
	width: 25%;
	display: table-cell;
	position: relative;
	padding: 15px 15px 15px 0;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
	vertical-align: top;
	color: var(--negro);
	background: var(--blanco);
	border-right: solid 1px var(--gris);
}
#barra-marum.nueve form:before {
	content: '';
	width: 100vw;
	height:100%;
	background: var(--blanco);
	position:absolute;
	top: 0;
	left:-50%;
	z-index:-1;
}
#barra-marum.nueve form h2 {
	font-size: 1.2em;
	margin: 0 0 15px;
}
#barra-marum.nueve input {
	width: 100%;
	border: none;
	background: var(--blanco2);
	padding: 9px;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
#barra-marum.nueve button {
	float: right;
	border: none;
	padding: 9px 9px 7px;
	transform: translateY(-102%);
	transition: all 0.3s ease-in-out;
}
#barra-marum.nueve form:hover button {
	color: var(--blanco);
	background: var(--azul);
}
#barra-marum.nueve .autocomplete-items {
	width: calc(100% - 30px);
	left:0;
    top: 160px;
}
/* porta-artistas */
#barra-marum.nueve .porta-artistas {
	width: 25%;
	display: table-cell;
	position: relative;
	padding: 15px;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
	vertical-align: top;
	color: var(--negro);
	background: var(--blanco);
}
#barra-marum.nueve .porta-artistas a {
	width: 27%;
	height:0;
	margin: 0 5% 5% 0;
	padding:0 0 30%;
	display: inline-block !important;
	vertical-align: top;
	background: none;
}
#barra-marum.nueve .porta-artistas a:last-child {
	padding:0;
}
#barra-marum.nueve .porta-artistas a img {
	width: calc(100% - 9px);
	border-radius: 50%;
	position: relative;
	display: inline-block;
	vertical-align: top !important;
	top: 0 !important;
	transition: all 0.3s ease-in-out;
}
#barra-marum.nueve .porta-artistas a:hover img {
    -moz-box-shadow:   6px 6px 0 var(--rojo);
    -webkit-box-shadow:6px 6px 0 var(--rojo);
    -khtml-box-shadow: 6px 6px 0 var(--rojo);
	box-shadow:        6px 6px 0 var(--rojo);
}

/* porta-incusa */
.porta-incusa2 {
	width: calc(100% - 60px);
	max-width: 1200px;
	margin: 30px auto;
	display: table;
}
.porta-incusa2 .porta-form,
.porta-incusa2 .complement {
	width: 50%;
	display: table-cell;
	vertical-align: top;
}
.porta-incusa2 .porta-form {
	padding: 0 15px 0 0;
}
.porta-incusa2 h1 {
	color: var(--cafe);
}
.porta-incusa2 p {
	color: var(--gris);
}
.porta-incusa2 label {
	color: var(--cafe);
	display: block;
	margin: 15px 0 6px;
}
.porta-incusa2 input,
.porta-incusa2 textarea,
.porta-incusa2 select {
	width: 100%;
	margin: 0 0 30px;
	padding:6px 9px;
	border: solid 1px var(--blanco);
	border-radius: 0 !important;
	display: block;
}
.porta-incusa2 textarea {
	height: 120px;
}
.porta-incusa2 input:focus,
.porta-incusa2 textarea:focus,
.porta-incusa2 select:focus {
	border-color: var(--cafe);
}
.porta-incusa2 .porta-form button {
	background: none;
	padding: 9px 12px;
	color: var(--cafe);
	border: solid 1px var(--cafe);
	margin: 15px 0;
	transition: all 0.3s ease-in-out;
}
.porta-incusa2 .porta-form button:hover {
	color: var(--blanco);
	border-color: var(--blanco);
}

.porta-incusa2 .complement {
	padding: 0 0 0 15px;
	text-align: center;
}
.porta-oraculito {
	width: 100%;
	height:0;
	padding: 0 0 50%;
	position: relative;
}
.porta-oraculito svg {
	width: 100%;
	display: block;
	position: relative;
	z-index: -1;
}
.porta-incusa2 .complement a,
.porta-incusa2 .complement h2,
.porta-incusa2 .complement p {
	animation-duration: 0.9s;
	animation-delay: 0.6s;
}
.porta-incusa2 .complement .btn-oraculo {
	padding:9px 12px;
	margin: -15px auto 75px;
	background: var(--gris);
	color: var(--cafe);
	border: none;
}
.porta-incusa2 .complement h2 {
	color: var(--cafe);
	margin: 0 0 30px;
}
.porta-incusa2 .complement p {
	font-size: 0.6em;
}
.porta-incusa2 .complement p a {
	font-size: 1.2em;
	color: var(--cafe);
}

.porta-incusa2 ul {
	animation-duration: 1.2s;
	margin: 0 0 30px;
}
.porta-incusa2 ul li {
	color: var(--blanco) !important;
}

#tiendas {
	width: 100%;
	position: relative;
	margin: 60px 0 0;
	animation-duration: 0.9s;
}
#tiendas img.pinturas {
	width: 50%;
	position: relative;
	z-index: 3;
}
#tiendas .box {
	width: 100%;
	position: relative;
	display: table;
	margin: -42px 0 0;
	padding:45px 30px 30px;
	background: var(--blanco);
	text-align: left;
	z-index: 1;
}
#tiendas .box div {
	width: 50%;
	display: table-cell;
	vertical-align: top;
}
#tiendas .box div h2.creador {
	font-size: 4.2em;
}
#tiendas .box div h2.creador span {
	font-size: 0.4em;
	display: block;
	margin: -0.6em 0 0;
}
#tiendas .box div h3 {
	font-size: 1em;
	color: var(--gris);
	display: block;
}
img.tienda-link {
	width: 60px;
	border-radius: 50%;
	margin: 0 15px 0 0;
}

#porta-marcas {
	width: calc(100% - 60px);
	max-width: 1200px;
	padding:30px 15px;
	margin: 60px auto 30px;
	background: var(--blanco);
	text-align: center;
}
#porta-marcas h1 {
	font-size: 1.5em;
	color: var(--cafe);
}
#porta-marcas div {
	margin: 15px 0 0;
	animation-duration: 0.9s;
	animation-delay: 0.9s;
}
#porta-marcas div img {
	width: 24%;
	display: inline-block;
	margin: 0;
}

#porta-carrito {
	width: calc(100% - 60px);
	max-width:1200px;
	margin: 30px auto;
	position: relative;
	display: block;
}
#porta-carrito table {
	width: 100%;
	animation-duration:0.3s;
	position:relative;
	z-index:9;
}
#porta-carrito table {
	text-align:left;
	margin: 0 0 45px;
}
#porta-carrito table td {
	font-size:1.2em;
	border-bottom:solid 1px var(--grisClaro);
}
#porta-carrito table tr.tit {
	font-size:0.9em;
	letter-spacing:1px;
	color: var(--gris);
}
#porta-carrito table tr.especial {
	display:none;
}
#porta-carrito table tr.totales * {
	text-align: left;
    padding: 6px 0;
}
#porta-carrito table tr.tot {
	color: red;
}
#porta-carrito table tr h3 {
	font-size:1em;
	color: var(--gris);
}
#porta-carrito table tr img {
	width: 100%;
	max-width:180px;
	margin: 0;
}
#porta-carrito table tr button.btn-del {
	font-size:1em;
	display:inline-block;
	vertical-align:middle !important;
	padding:9px;
	color: var(--blanco);
	border:solid 1px var(--gris);
	transition-duration:0.3s;
	color: var(--gris);
	background:none;
}
#porta-carrito table tr button.btn-del:hover {
	background: var(--amarillo);
	color: var(--negro);
	border-color: var(--blanco);
}

/* porta-number */
.porta-number {
	display:table;
	border:solid 1px var(--gris);
	padding:0;
}
.porta-number form,
.porta-number p {
	display:table-cell;
}
.porta-number p {
	min-width:36px;
	padding: 0;
	text-align:center;
}
.porta-number form button {
	padding:6px 12px;
	margin: 0;
	font-size: 0.9em;
    cursor: pointer;
    text-align: center;
    color: var(--gris);
	transition: all ease-in-out 0.3s;
    -webkit-user-select:none;
    -moz-user-select:   none;
    -ms-user-select:    none;
    -o-user-select:     none;
    user-select:        none;
	background: none;
	border:none;
	position:relative;
	z-index: 3;
}
.porta-number form button:after {
	content: '';
	width: calc(100% + 4px);
	height:calc(100% + 4px);
	background: var(--amarillo);
	position:absolute;
	transition: all 0.3s ease-in-out;
	opacity:0;
	z-index:-1;
}
.porta-number form button:hover:after {
	opacity:1;
}
.porta-number form button.resta:after {
	top: -2px;
	left:-2px;
}
.porta-number form button.suma:after {
	top:  -2px;
	right:-3px;
}
.porta-number form button:before {
	content: '';
	width: 1px;
	height:calc(100% + 4px);
	background: var(--gris);
	position:absolute;
	top: -2px;
}
.porta-number form button.resta:before {
	right:-2px;
}
.porta-number form button.suma:before {
	left: -2px;
}
.porta-number form button:hover {
	color: var(--negro);
}
.porta-number form button[disabled] {
	opacity:0;
	cursor:auto;
}
button.agregar-carrito {
	padding: 6px 9px;
	border: solid 1px var(--negro);
	background: none;
	margin: 30px 0 0;
}
button.agregar-carrito:hover {
	color: var(--blanco);
	background: var(--negro);
}

/* pagar-paypal */
#pagar-paypal {
	width: 100%;
	text-align:center;
}
#pagar-paypal button.agregar-carrito {
	color: var(--amarillo);
}
#pagar-paypal button.agregar-carrito:hover {
	color: var(--negro);
	background: var(--amarillo);
}

/* der */
form .der {
	text-align:right;
}
form .der input {
	padding: 9px 9px 6px 0;
	border: none;
	border-bottom: solid 1px var(--gris);
}
form .der p.alerta {
	color: var(--amarillo);
}


footer {
	width: 100%;
	padding: 30px;
	background: var(--negro);
	position: relative;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
}
footer:after {
	content: '';
	width: 100%;
	height:1px;
	position: absolute;
	left:0;
	top: -1px;
	background: rgba(216,80,91,1);
    background: -moz-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(216,80,91,1)), color-stop(5%, rgba(216,80,91,1)), color-stop(33%, rgba(253,227,132,1)), color-stop(66%, rgba(156,188,85,1)), color-stop(95%, rgba(52,65,123,1)), color-stop(100%, rgba(52,65,123,1)));
    background: -webkit-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: -o-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: -ms-linear-gradient(left, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    background: linear-gradient(to right, rgba(216,80,91,1) 0%, rgba(216,80,91,1) 5%, rgba(253,227,132,1) 33%, rgba(156,188,85,1) 66%, rgba(52,65,123,1) 95%, rgba(52,65,123,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8505b', endColorstr='#34417b', GradientType=1 );
	z-index: 9;
}
footer .inter {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
footer a {
	font-size: 1em;
	transition: all 0.3s ease-in-out;
	color: var(--grisclaro);
	margin: 0 12px 0 0;
}
footer a:hover {
	color: var(--blanco);
}
footer img {
	width: 42px;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}
footer p {
	color: var(--grisclaro);
	font-size: 0.5em;
	float: right;
}

@media screen and (max-width:666px) {
	h1 {
		font-size: 1.8em;
	}
	
	.cursor-dot,
	.cursor-dot-outline {
		display: none;
	}
	
    #pregunta h2 {
	    font-size: 1.8em;
    }
    #pregunta svg {
	    width: 100%;
    }
    #pregunta form {
	    width: calc(100% - 30px);
    }
	
	#fondo-oraculo {
	   width: 100%;
    }
    #fondo-oraculo svg {
	    width: 100%;
    }
	
	header {
	    padding: 15px;
		min-height: 72px;
    }
	body.no-index {
	    padding-top: 75px;
    }
    header a:first-of-type img {
	    height: 18px;
		position: absolute;
		top: 50%;
    }
	header a.link {
		display: none;
	}
	
	header button.btn-menu {
		display: block;
		margin: 9px 0;
    }
	
	nav {
	    max-width: 300px;
	    max-height:300px;
    }
    nav img.hovver {
		transform: translate(-50%,-50%) rotate(-45deg);
    }
    nav h1 {
	    font-size: 2.4em;
    }
	#circles {
		transform: rotate(-45deg);
    }
	.copy {
		display: none;
    }
	
	.svg-fractal {
		padding: 0 0 48vh;
	}
	.porta-fractal {
	    width: calc(100% - 15px);
	    margin: 42vh auto 30px;
	    padding:30px 0;
    }
    .porta-fractal:after {
	    width: calc(100vw + 30px);
	    left: -30px;
    }
    .porta-fractal h1 {
	    margin: 24px 0;
    }
	
    .owl-carousel div img.imagen {
	    width: 100vw;
    }
    .owl-carousel .descripcion {
	    position: relative;
	    top: 0;
	    left:0;
	    transform: translate(0,0);
    }
    .owl-carousel div h1 {
	    font-size:1.2em;
		padding: 12px 0 48px;
    }

.owl-carousel .porta-box {
	width: calc(100% - 60px);
	max-width: 1200px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 3;
}
.owl-carousel .box {
	width: 50%;
	height:100%;
	position: relative;
	text-align: right;
	padding: 30px;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
	z-index: 3;
}
.owl-carousel .box:after {
	content: '';
	width: 100%;
	height:100%;
	background: var(--rojo);
	mix-blend-mode: color;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left:0;
	z-index: -1;
}
.owl-carousel .box h1 {
	font-size: 4.5em;
	line-height: 1;
	letter-spacing: -0.1em;
	margin: 0 0 15px;
}
.owl-carousel .box p {
	margin: 45px 0 30px;
}
.owl-carousel .box button {
	background: none;
	color: var(--blanco);
	border: solid 1px var(--blanco);
	padding: 9px 12px;
	margin: 15px 0 0;
	transition: all ease-in-out 0.3s;
}
.owl-carousel .box button:hover {
	background: var(--rojo);
}
.owl-carousel .box button span {
	margin: 0 0 0 9px;
}
	.prev,
	.next {
		display: none;
    }
	.custom-control {
	    padding:  0 0 15px;
    }
	
	#slider2 {
	width: 100%;
	max-width: 600px;
	position: relative;
	overflow: hidden;
	margin: 0 0 15px;
	padding:0 0 30px;
}
#slider2 .owl-carousel2 {
	width: 100%;
	max-width: calc(50vw - 30px);
	position: relative;
}
#slider2 .owl-carousel2 .item {
	width: 100%;
	margin: 0 0 15px;
}
#slider2 .owl-carousel2 .item img {
	width: calc(100% - 30px);
	transition: all ease-in-out 0.3s;
}
#slider2 .owl-carousel2 .item:hover img {
	-moz-box-shadow:   6px 6px 0 var(--amarillo);
    -webkit-box-shadow:6px 6px 0 var(--amarillo);
    -khtml-box-shadow: 6px 6px 0 var(--amarillo);
	box-shadow:        6px 6px 0 var(--amarillo);
}
#slider2 .prev,
#slider2 .next {	
	font-size: 15px;
	display: block;
	position: relative;
	top: 0;
}
#slider2 .custom-control {
	bottom: 0;
	padding:0;
}
#slider2 .custom-control button:hover,
#slider2 .custom-control button.active {
	background: var(--amarillo);
}
#slider2 .custom-control .oculto {
	display: none;
}
	
	#porta-evento {
	    width: calc(100% - 30px);
    }
#porta-evento #linea,
#porta-evento #info {
	display: table-cell;
	vertical-align: top;
}
#porta-evento #linea {
	width: 33.3%;
	padding: 30px 0;
}
    #porta-evento #info {
	width: 66.6%;
	background: var(--blanco);
	color: var(--gris);
	    padding: 15px;
    }
    #porta-evento #info img {
	    width: 100%;
    }
    #porta-evento #info h1 {
	    width: 100%;
    }
    #porta-evento #info h3 {
		font-size: 1em;
    }

    #porta-evento #linea div line {
	    width: 33%;
    }
    #porta-evento #linea a p {
	    width: calc(66% - 24px);
	    font-size: 0.6em;
    }
	
	.porta-mapa {
	    width: calc(100% - 30px);
	    margin: 15px auto;
    }
    .porta-mapa h2 {
		font-size: 0.9em;
    }
    .porta-mapa .inter .buscar h2 {
		display: none;
    }
    .porta-mapa .inter .buscar form {
		display: none;
    }
	.porta-mapa .inter .artistas {
	    padding: 15px 0 15px 15px;
    }
    .porta-mapa .inter .artistas a img {
	    width: 84%;
    }
    .porta-mapa .inter .redes {
		display: none;
    }
	
    .portada .logo {
	    width: 30px;
	    top: 75%;
	    left:50%;
	    transform: translate(-50%,0);
    }
    .portada .fondo {
	    width: calc(100% - 30px);
	    padding:0 0 48%;
    }

    .porta-fondos {
		height: 45vh;
    }
    .portada .fondos div {
		height: 45vh;
    }
    .portada .fondos div img {
	    width: 100%;
    }
    .portada .logo-grnd {
	    width: calc(100% - 30px);
		margin-top: 90px;
    }
	
	.barra-roja {
	    width: calc(100% - 30px);
	    margin: 15px auto;
    }
    .barra-roja .inter div img {
		margin: 15px 0 0;
    }
    blockquote {
	    font-size: 1.5em;
	    padding: 15px 15px 15px 0;
    }
    blockquote span {
	    font-size: 0.3em;
    }
    .info blockquote {
	    padding: 0 15px 15px 0;
    }

    #sucursales {
	    width: calc(100% - 30px);
	    margin: 15px auto;
		padding:6px 0 0;
    }
    #sucursales h2 {
	    margin: 15px 0 30px;
    }
    #sucursales div {
	    width: 48%;
	    padding:0 15px 15px 0;
    }
    #sucursales div h3 {
	    font-size: 1.2em;
    }
	
	.contenido {
	    width: calc(100% - 30px);
	    margin: 15px auto;
    }
    .contenido .mitad {
	    width: 100%;
	    display: block;
    }
.contenido .mitad:first-child {
	border-right: solid 15px var(--negro);
}
.contenido .mitad:first-child:after {
	content: '';
	width: 100%;
	height:100%;
	background: var(--rojo);
	mix-blend-mode: color;
	opacity: 0;
	position: absolute;
	top: 0;
	left:0;
	transition: all 0.6s ease-in-out;
	pointer-events: none;
	z-index: 3;
}
.contenido .mitad:first-child:hover:after {
	opacity: 0.5;
}
.contenido .mitad:last-child {
	border-left: solid 15px var(--negro);
}
.contenido .mitad img.icono {
	width: 15%;
	max-width: 60px;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
	z-index: 6;
}
.contenido .mitad img.fondo {
	width: 100%;
	position: absolute;
	z-index: 0;
}
.contenido .mitad video {
	width: 100%;
	display: block;
}
.contenido .mitad div.porta-links {
	width: 100%;
	display: table;
	margin: 30px 0 0;
}
.contenido .mitad div.porta-links a {
	width: 33.3%;
	text-align: center;
	display: table-cell;
	position: relative;
	margin: 0;
	overflow: hidden;
}
.contenido .mitad div.porta-links a:nth-child(1) {
	border-right: solid 15px var(--negro);
}
.contenido .mitad div.porta-links a:nth-child(2) {
	border-right:solid 15px var(--negro);
	border-left: solid 15px var(--negro);
}
.contenido .mitad div.porta-links a:nth-child(3) {
	border-left: solid 15px var(--negro);
}
.contenido .mitad div.porta-links a button {
	width: 100%;
	padding: 60px 30px;
	border: none;
	background: none;
	color: var(--blanco);
	position: relative;
	transition: all 0.6s ease-in-out;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:   border-box;
    box-sizing:        border-box;
	z-index: 3;
}
.contenido .mitad div.porta-links a button span {
	font-size: 1.5em;
}
.contenido .mitad div.porta-links a img {
	width: 150%;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	transition: all 0.9s ease-in-out;
	opacity: 0.5;
	z-index: 0;
}
.contenido .mitad div.porta-links a:hover button {
	color: var(--amarillo);
}
.contenido .mitad div.porta-links a:hover img {
	transform: translate(-50%,-50%) scale(1.5);
	opacity: 0.7;
}
	
    #porta-notas {
	    padding: 15px;
    }
    #porta-notas .porta-form {
	    width: calc(100% - 30px);
    }
    #porta-notas .porta-form form label,
    #porta-notas .porta-form form textarea,
    #porta-notas .porta-form form div {
	padding: 30px;
    }
	
	.mural {
	    width: calc(100% - 30px);
    }
	
	#contenedor-marum {
	    width: calc(100% - 30px);
	    transform: translateX(-15px);
    }
	.porta-info {
	    width: calc(100% - 30px);
	    padding:15px 0;
    }
    .porta-info .info {
	    width: 100%;
		display: block;
    }
    .porta-info .info h1 {
	    width: 50%;
	    font-size: 2.4em;
	    margin: 15px 0 30px;
    }
    .porta-info .info:last-of-type {
		padding: 15px 0 0 0;
    }
    .porta-info .info .caja {
	    border-top: solid 1px var(--grisclaro);
		border-left: none;
	    padding: 15px 0 0;
    }
	
	.porta-artista .porta-info {
	    padding: 30px 15px 15px;
    }
    .porta-artista .porta-info .redes {
	    padding: 0 0 15px;
    }
    .porta-artista .porta-info .redes a {
	    margin: 0 15px 0 0;
    }
	
	.porta-nueve .porta-info {
	    padding: 30px 0 15px;
    }
	
	#contenedor {
	    width: calc(100% - 30px);
    }
.porta-general .porta-info {
	width: calc(50% - 30px);
	display: inline-block;
	vertical-align: top;
	background: none;
	padding: 60px 0 30px;
	border-bottom: solid 1px var(--gris);
}
.porta-general .porta-info .info {
	width: 100%;
}
.porta-info .info h1 {
	width: 100%;
}
#contenedor .porta-info:nth-child(2n) {
	margin-left: 30px;
}
.porta-general .porta-info:before,
.porta-general .porta-info:after {
	display: none;
}
.porta-general .porta-info .info button.btn-ver {
	color: var(--cafe);
	border-color: var(--cafe);
}
.porta-general .porta-info .info button.btn-ver:hover {
	color: var(--blanco);
	border-color: var(--blanco);
}
	
	#artistas {
	    width: calc(100% - 30px);
    }
    #artistas h2 {
		margin: 15px 0;
    }
    #artistas h2:before {
	    top: -9px;
    }
    #artistas a {
	    width: 13%;
	margin: 0 3% 3% 0;
	border-radius: 50%;
	position: relative;
	transition: all 0.3s ease-in-out;
    }
    #artistas a img {
	    width: 18%;
	    margin: 0 1.8% 3% 0;
    }
	
	.porta-marum .porta-info {
	    padding: 30px 0 15px;
	    margin: 0 15px;
    }
    .porta-marum .porta-info .img-fluid {
	    margin: 0 0 15px;
    }
	
	.perfil {
	    width: calc(100% - 30px);
	    margin: -30% auto 0;
	    display: block;
	position: relative;
	animation-duration: 0.9s;
	z-index: 9;
    }
    .perfil .foto {
	    width: 60%;
		display: block;
    }
    .perfil .foto img {
	    width: calc(100% - 12px);
	    -moz-box-shadow:   12px -12px 0 var(--rojo);
        -webkit-box-shadow:12px -12px 0 var(--rojo);
        -khtml-box-shadow: 12px -12px 0 var(--rojo);
	    box-shadow:        12px -12px 0 var(--rojo);
    }
    .perfil .nombre {
		width: 100%;
	    display: block;
	    padding: 15px 0 0;
    }
    .perfil .nombre h1 {
	    font-size: 4.2em;
    }
    .perfil .nombre h2 {
	    padding: 0;
    }
	
	.barra {
	    width: calc(100% - 30px);
	    padding:15px 0;
    }
	
	#blnco {
	    padding:15px 0;
    }
    #blnco .porta-cuatro {
	    width: calc(100% - 30px);
	    margin: 0 auto 15px;
	    display: table;
    }
    #blnco .porta-cuatro div {
	    width: 100%;
	    padding: 0 0 21%;
	    display: block;
		background: var(--negro);
    }
    #blnco .porta-cuatro div:after {
	    width: 40%;
	    left:60%;
    }
    #blnco .porta-cuatro div:nth-child(1),
    #blnco .porta-cuatro div:nth-child(2),
    #blnco .porta-cuatro div:nth-child(3),
    #blnco .porta-cuatro div:nth-child(4) {
		border: none;
    }
	#blnco .porta-cuatro div img {
	    width: 40%;  
		height:auto;
	    left:60%;
	    transform: translate(0,-50%);
    }
    #blnco .porta-cuatro div:hover img {
	    transform: translate(0,-50%) scale(1.2);
    }
    #blnco .porta-cuatro h2 {
	    width: 60%;
		font-size: 1.2em;
		top: 0;
    }
	
    #porta-articulos .articulo {
	    width: calc(50% - 18px);
	    margin: 7px 7px 15px 3px;
    }
    #porta-articulos .articulo img {
	    width: 81%;
    }
    #porta-articulos .articulo .information h3 {
		font-size: 1.2em;
    }
	
	#porta-articulos .articulo.active {
		padding:15px 0;
    }
    #porta-articulos .articulo.active .porta-imgs,
    #porta-articulos .articulo.active .porta-informacion {
		display: block;
    }
    #porta-articulos .articulo.active .porta-imgs {
	    width: calc(100vw - 30px);
    }
    #porta-articulos .articulo.active .porta-imgs img {
	    width: 100%;
	    margin: 0 0 15px 15px;
    }
    #porta-articulos .articulo.active .porta-informacion {
		width: 100%;
	   padding: 0 15px;
    }
    #porta-articulos .articulo.active .porta-informacion h2 {
	    font-size: 2.4em;
	    margin: 0 0 15px;
    }
	
    #barra-marum a {
		width: 33.3%;
    }
    #barra-marum a:last-of-type {
	    width: 33.3%;
    }
    #barra-marum div.caja h2 {
		font-size: 0.9em;
    }
    #barra-marum div.caja img {
	    width: 120%;
    }
    #barra-marum a:last-of-type img {
	    width: 75%;
	    margin: 48px auto;
    }
	
	.porta-incusa2 {
	    width: calc(100% - 30px);
	    margin: 15px auto;
    }
    .porta-incusa2 .porta-form,
    .porta-incusa2 .complement {
		width: 100%;
	    display: block;
    }
	.porta-incusa2 .complement {
		padding: 0 0 12px;
    }
	
    #tiendas .box div h2.creador {
		font-size: 3em;
    }
    img.tienda-link {
		width: 33px;
	    margin: 0 9px 0 0;
    }
	
	#porta-marcas {
	    width: calc(100% - 30px);
	    margin: 30px auto 15px;
    }
    #porta-marcas h1 {
	    font-size: 1.2em;
    }
    #porta-marcas div img {
	    width: 48%;
    }
	
	#carrito table td {
	    font-size:1em;
	border-bottom:solid 1px #dddddd;
    }
    #carrito table tr td:nth-child(1),
	#carrito table tr td:nth-child(2) {
		display:none;
	}
    #carrito table tr.tit {
	    font-size:0.6em;
    }
	#carrito table tr.especial {
		display:table-row;
	}
	#carrito table tr.especial td {
		border:none !important;
	}
    #carrito table tr h3 {
	font-family:'Gotham Bold';
	    font-size:0.9em;
    }
    #carrito table tr img {
	width: 100%;
	    max-width:120px;
	margin: 0;
    }
    #carrito table tr button.btn-del {
	    font-size:1em;
    }
	.porta-number {
		margin: 0 0 9px;
	}
	
	.check .texto {
		transform:translateY(-12px);
	}
	
	footer {
		padding: 30px 15px;
    }
    footer img {
		display: none;
    }
}