/* CSS Document */

:root {
    --border-color: #284467;
    --color-azul: #3748F5;
	--color-amarillo: #EEB42B;
	--color-verde: #549583;
    --color-rojo: #FF4E3F;
	--color-negro: #000000;
    --color-blanco: #ffffff;
	--box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.20);
    --font-black: "CodeProBlack";
	--yellow_primary: #EEB42B;
	--grey_background: #F2F4F7;
	--red_primary: #FF4E3F;
	--grey_1: #E7E7E7;
}
@font-face {font-family: "CodeProBlack"; src: url("../webfonts/CodeProBlack.eot"); src: url("../webfonts/CodeProBlack.eot?#iefix") format("embedded-opentype"), url("../webfonts/CodeProBlack.woff") format("woff2"), url("../webfonts/CodeProBlack.woff") format("woff"), url("../webfonts/CodeProBlack.ttf") format("truetype"), url("../webfonts/CodeProBlack.svg#CodeProBlack") format("svg"); }

html, body {font-size:15px; font-family: 'Lato', sans-serif;; margin:0px; padding:0px; color:#090909;  height: 100%; }
a {color:#000;text-decoration: none;}
a:hover {text-decoration: underline; color: #333}
h1, h2, h3, h4, h5, h6 {margin: 0;font-family: inherit;font-weight: 300; color:inherit; text-rendering: optimizelegibility;}
strong{font-weight:600}
p{margin:0px; margin-bottom:4px; }
ul{margin:0px; }
hr{margin-top:5px; margin-bottom:5px; padding:0px; height:1px; border:0px; background-color:#cccccc}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
* { box-sizing: border-box; }
.img-circle{border-radius:50%; height:inherit}
BODY#tinymce{margin:12px !important;}
.clearfix{clear:both}
.hide{display:none !important}f
.pc{display:inline}
.movil{display:none !important;}
.pull-right, .float-right{float:right}
.pull-left, .float-left{float:left}
.align-left, .text-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right, .text-right{text-align:right !important;}
.align-justify{text-align:justify !important;}
.display-inline{display:inline !important; width: auto;}
.display-block{display:block !important;}
.display-flex{display:flex !important;}
.display-inline-flex{display:inline-flex!important;}
.justify-content-start { justify-content: flex-start !important;}
.justify-content-end { justify-content: flex-end !important;}
.justify-content-center { justify-content: center !important;}
.justify-content-between { justify-content: space-between !important;}
.justify-content-around { justify-content: space-around !important;}
.justify-content-evenly { justify-content: space-evenly !important;}
.align-items-start { align-items: flex-start !important;}
.align-items-end { align-items: flex-end !important;}
.align-items-center { align-items: center !important;}
.flex-none{flex:none;}
.flex-direction-column{flex-direction:column;}
.flex-1{flex: 1 !important;}
.gap-4  { gap:  4px !important;}
.gap-8  { gap:  8px !important;}
.gap-12 { gap: 12px !important;}
.gap-16 { gap: 16px !important;}
.gap-24 { gap: 24px !important;}
.gap-32 { gap: 32px !important;}

IMG.invert{filter: invert();}
IMG.grayscale{filter: grayscale(1);}
.cursiva{font-style:italic;}
.subrayado, .underline{text-decoration:underline;}
.desenfocado{-webkit-filter: blur(15px);}
.bold {font-weight: bold !important;}
.indent {padding-left: 1.5em;}
.text-hover:hover{opacity: 0.7;}
.h1seo{text-indent:-600px; font-size:0px; text-align:left; margin:0 !important;}
.margin_80{margin:80px;}
.margin_40{margin:40px;}
.margin_20{margin:20px;}
.margin_10{margin:10px !important; }
.margin-auto{margin:auto !important; }
.padding_80{padding:80px;}
.padding_40{padding:40px;}
.padding_20{padding:20px;}
.padding_10{padding:10px;}
.mt-0{margin-top:0px !important;}
.mt-10{margin-top:10px;}
.mt-12{margin-top:12px;}
.mt-16{margin-top:16px !important;}
.mt-20{margin-top:20px !important;}
.mt-24{margin-top:24px !important;}
.mt-30{margin-top:30px !important;}
.mt-48{margin-top:48px !important;}
.mb-0{margin-bottom:0px !important;}
.mb-6 {margin-bottom:6px  !important;}
.mb-8 {margin-bottom:8px  !important;}
.mb-10{margin-bottom:10px !important;}
.mb-12{margin-bottom:12px !important;}
.mb-16{margin-bottom:16px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-24{margin-bottom:24px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-32{margin-bottom:32px !important;}
.mb-36{margin-bottom:36px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-64{margin-bottom:64px !important;}
.ml-20{margin-left:20px !important;}
.ml-30{margin-left:30px;}
.mr-20{margin-right:20px;}
.mr-16{margin-right:16px;}
.mr-8{margin-right:8px;}
.mr-30{margin-right:30px;}
.m-0{margin:0px !important; }
.pl-12{padding-left:12px;}
.pl-40{padding-left:40px;}
.pb-32{padding-bottom:32px !important;}
.p-0{padding:0px !important;}
.px-0{padding-left:0px !important; padding-right: 0px !important;}
.py-0{padding-top:0px !important; padding-bottom: 0px !important;}
.inline{display: inline !important}
.plantillas .bloque{padding:0 30px !important;}
.plantillas .bloque H3 { margin: 5px auto; font-size: 20px; font-weight: 500}
.flexbreak{flex-basis: 100%;height: 0;}
.section-full { min-height: 100vh; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.flex-center{display: flex; flex-direction: row; justify-content: center; align-items: center}
.flex-start{display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start}
.flex-between{display: flex; flex-direction: row; justify-content: space-between; align-items: center}
.align-items-normal{align-items: stretch}
.overflow-x-auto{    overflow-x: auto;; -webkit-overflow-scrolling: touch;}
.noScroll{margin: 0; height: 100%; overflow: hidden}
.scroll-x{overflow-x: scroll;}
.codePro{font-family: 'CodeProBlack' !important; font-weight: normal !important; }
.transition{transition: ease-in-out 0.2s; -webkit-transition: ease-in-out 0.2s; -moz-transition: ease-in-out 0.2s; -ms-transition: ease-in-out 0.2s; -o-transition: ease-in-out 0.2s;}
.position-relative{position: relative;}
.break-word{word-break: break-word;}
.help{ font-size: 85%; margin: 4px auto}
.max-width-1200{max-width: 1200px; margin: auto}
.max-width-1000{max-width: 1000px !important; margin: auto}
.max-width-800{max-width: 800px; margin: auto}
.max-width-700{max-width: 700px; margin: auto}
.max-width-600{max-width: 600px; margin: auto}
.max-width-586{max-width: 586px; margin: auto}
.max-width-200{max-width: 200px; margin: auto}
.max-width-100{max-width: 100px; margin: auto}
.font-weight-400{font-weight: 400 !important;}
.font-weight-700{font-weight: 700 !important;}
.width-100{width:100% !important; }
.width-auto{width:auto !important; }
.height-auto{height: auto !important;}
.grid-2{display: grid; grid-template-columns: repeat(2, minmax(0,1fr));}
.grid-3{display: grid; grid-template-columns: repeat(3, minmax(0,1fr));}
.grid-4{display: grid; grid-template-columns: repeat(4, minmax(0,1fr));}
.destacado-M{font-size: 16px !important;font-weight: 700 !important;line-height: 28px !important;text-transform: uppercase !important;}
.bodycopy-L {font-family: 'Lato'; font-size: 24px;font-weight: 400;line-height: 32px;}
.bodycopy-M{font-size: 18px !important;font-weight: 400 !important;line-height: 28px !important;}
.bodycopy-M-bold{font-size: 18px !important;font-weight: 700 !important;line-height: 28px !important;}
.bodycopy-S{font-size: 16px !important;font-weight: 400 !important;line-height: 26px !important;}
.bodycopy-S-bold{font-size: 16px;font-weight: 700;line-height: 26px;}
.disclaimer-M{font-size: 14px;font-weight: 400;line-height: 22px;}
.disclaimer-S{font-family:'Lato';font-size: 12px;font-style: normal;font-weight: 400;line-height: 18px;}
.disclaimer-XS {font-size: 10px;font-weight: 400;line-height: 16px;}
.destacado-S{font-size: 14px;font-style: normal;font-weight: 700;line-height: 24px; /* 171.429% */text-transform: uppercase;}
.heading-XXS{font-family: 'CodeProBlack';font-size: 16px;font-style: normal;font-weight: normal;line-height: 18px;}
.heading-XS{font-size: 20px;font-family: 'CodeProBlack';font-style: normal;font-weight: normal;line-height: 20px;}
.heading-S{font-family: 'CodeProBlack';font-size: 24px;font-weight: normal;line-height: 24px;}
.heading-M{font-size: 40px;font-family: 'CodeProBlack';font-style: normal;font-weight: normal;line-height: 40px;}
.heading-L{font-size: 64px;font-family: 'CodeProBlack';font-style: normal;font-weight: normal;line-height: 60px;}
.heading-L2{font-size: 52px;font-family: 'CodeProBlack';font-style: normal;font-weight: normal;line-height: 46px;}
.heading-XL{font-size: 80px;font-family: 'CodeProBlack';font-style: normal;font-weight: normal;line-height: 80px;}
.heading-XXL{font-size: 110px;font-family: 'CodeProBlack';font-style: normal;font-weight: normal;line-height: 120px;}
.enlace-M{font-size: 16px;font-style: normal;font-weight: 700;line-height: 24px;text-decoration-line: underline;}
.enlace-S{font-family: 'Lato';font-size: 14px;font-style: normal;font-weight: 700;line-height: 24px; text-decoration-line: underline;}
.message-S{font-size: 12px;font-weight: 500;line-height: 20px;}

.hamburger{display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.8}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:30px;height:2px;background-color:#000;border-radius:2px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.15s;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{tbop:0;opacity:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear}.hamburger--collapse.is-active .hamburger-inner::before{top:0;-ms-transform:rotate(-90deg);transform:rotate(-90deg);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}

.smaller .hamburger-inner, .smaller .hamburger-inner::after, .smaller .hamburger-inner::before{background-color: #000;}


.glider-dot.active {background: var(--color-rojo) !important;}


/* GENERAL */
.cuerpo{width:1280px; margin:auto; clear:both; position: relative}
.fijo{position:fixed; width:100%; top:0px; z-index:200;}

BODY.modal-open{height: 100vh;
  overflow-y: hidden;}
HEADER{overflow:visible;  z-index:20;  position:relative; width:100%; /*background-color: var(--color-rojo);*/ }

.sombra{box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);}

.logo{	flex: none;	order: 0;	flex-grow: 0;	z-index: 0;	width: 153px;}
.logo-movil{position: absolute; width: 100%; text-align: center;     margin-top: 70px;}
.logo-movil IMG{width:90px}
.logo .nosmaller{display: block}
.logo .sismaller{display: none}
#mostrarmenu{text-align:center; clear:both; display:none; font-size:28px; font-weight:bold; position: absolute; left:23px; top:20px;} /*#mostrarmenu A{color:#ffffff;}*/
#mostrarmenu .alerta{width:12px; height:12px; background:#25C318; position: absolute; right:-4px; top:0px; border-radius: 50px; z-index: 2}

.outline-white {color: white; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
	@supports((text-stroke: 2px white) or (-webkit-text-stroke: 2px white)) {.outline-white { color: transparent; -webkit-text-stroke: 2px white; text-stroke: 2px white; text-shadow: none; letter-spacing: 1px;}}
.outline-black {    color: black; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
	@supports((text-stroke: 2px black) or (-webkit-text-stroke: 2px black)) {.outline-black { color: transparent; -webkit-text-stroke: 2px black; text-stroke: 2px black; text-shadow: none; letter-spacing: 1px;}}


/** BANDA MENU **/

.header-bar{ display: flex; flex-direction: row; justify-content: space-between;	align-items: center; padding: 0px; gap: 16px;	height: 96px; flex: none;	order: 1; flex-grow: 1; z-index: 1; width: 100%;}
	.header-bar .container{display:flex; gap:32px;}
	.header-bar-nav{ display: flex;	flex-direction: row; align-items: center; padding: 0px;	gap: 40px;	/*width: 730px;*/	height: 48px; flex: none; order: 0;	flex-grow: 0;}
		.header-bar .navegacion{display: flex;	flex-direction: row;	align-items: flex-start;	padding: 0px;	gap: 32px;	/*width: 366px;*/	flex: none;	order: 0;flex-grow: 0;}
		.header-bar ul{list-style: none; padding:0px; margin:0px; font-size:0px; }
		.header-bar .navegacion li{display:inline-block; margin-left:32px; }
				.header-bar .navegacion li:first-child{margin-left: 0}
			.header-bar A{letter-spacing:0.8px; color:#000000;font-family: 'Lato';font-style: normal;font-weight: 700;font-size: 16px; position: relative;}
		.header-bar  A:hover{text-decoration: none}
		.header-bar .navegacion A.navegacion-link:hover::before, .header-bar .navegacion LI.activo A.navegacion-link::before{content: " "; display: block; position: absolute; bottom: -36px; background-color: #000; height: 3px; width: 100%;}
		.header-bar .navegacion .division{width: 1px !important; background-color:#CCCFCF; padding: 0; margin: 0; display: block;font-size: 16px; line-height: 28px;}
 
		.header-bar .pre-buscador {z-index: 10001; position: relative;}
		.header-bar .buscador{ box-sizing: border-box;	display: flex; flex-direction: row; align-items: flex-start; padding: 10px 16px; gap: 8px; width: 324px; height: 48px; border: 1px solid #CCCFCF; border-radius: 16px; flex: none;	order: 1; flex-grow: 0;  position: relative; /*overflow: hidden;*/}
		.header-bar .buscador INPUT{ height: 28px;	font-family: 'Lato';	font-style: normal;	font-weight: 500; font-size: 16px; line-height: 28px;	color: #999999;	flex: none;	order: 1; flex-grow: 0; margin: 0; padding: 0; border: 0; border-radius:0;}
		.header-bar .buscador-movil{display: none; width: 60px; text-align: center; }
		.header-bar .pre-buscador .foco{ position: absolute; top: 55px; left: 0; padding: 32px 16px; font-size: 16px; line-height: 26px;	font-weight: 700; min-width: 600px; display: none}
			.header-bar .pre-buscador .foco A{font-weight: 500;}
				.header-bar .pre-buscador .foco A:hover{color: var(--color-rojo);}
			.header-bar .pre-buscador .foco .label{display: inline-block; font-weight: 500;font-size: 14px;line-height: 22px; color: #999999;padding: 4px 16px;border: 1px solid #999999;border-radius: 8px; margin:0 8px 8px 0;}
				.header-bar .pre-buscador .foco .label.label-xl{font-size: 18px;line-height: 32px;}
				.header-bar .pre-buscador .foco .label:hover{color: var(--color-rojo); border-color: var(--color-rojo);}
			.header-bar .pre-buscador .user{display: flex; flex-direction: row; align-items: center; gap:12px; margin: 16px 0;}
			.header-bar .pre-buscador .foto{position: relative;}
			.header-bar .pre-buscador .foto IMG{border-radius: 90px; width: 40px; height: 40px; }
			.header-bar .pre-buscador .name{font-weight: 500;font-size: 16px;line-height: 28px;}
		.header-bar .pre-buscador INPUT:focus  {color:#000}

		.header-bar .pre-buscador:focus-within  .buscador{ background-color: #fff; z-index: 99999999; outline: solid 3px var(--color-rojo); outline-offset: -3px;}
			.header-bar .pre-buscador:focus-within  .overlay{display: block !important;}
			.header-bar .pre-buscador:focus-within  .foco{display: block !important;}

		.overlay{ position: absolute; left: 0; top: 0; right: 0; z-index: 2; width: 100%; height: 100%; display: block; text-align: center;}

		.header-bar-user{ display: flex;flex-direction: row;justify-content: flex-end;align-items: center;padding: 0px;gap: 16px; height: 28px;flex: none;order: 1;flex-grow: 0; position: relative;}
			.header-bar-user .navegacion li{ margin-left:15px; vertical-align: middle; white-space: nowrap;}
			.header-bar-user .navegacion .separacion {border-right: 1px solid #CCCFCF; height: 28px;}
		.header-bar-user .user{display: flex; flex-direction: row; align-items: center; gap:12px;}
			.header-bar-user .user .foto{position: relative; border-radius: 90px; background-color: var(--color-rojo); width:40px; height: 40px;margin: auto; display: flex; align-items: center; justify-content: center;}
			.header-bar-user .user .foto IMG{border-radius: 90px; width: 40px; height: 40px; }
			.header-bar-user .user .foto-nombre{ font-size: 15px; line-height: 15px; font-family: 'CodeProBlack'; color: #8689DF; margin-top: 5px;}
			.header-bar-user .user .foto .alerta{width:12px; height:12px; background:#25C318; position: absolute; right:-8px; top:-8px; border-radius: 50px;}
			.header-bar-user .name{font-weight: 700;font-size: 16px;line-height: 28px; max-width: 136px; text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}
			
		.header-bar-user .profile{position: absolute; box-shadow: 4px -2px 12px rgba(0, 0, 0, 0.08); right: 0;  top: 50px; /*display: flex;*/ display:none; flex-direction: row; font-size: 16px; line-height:16px; width: 566px;}
			.header-bar-user .profile .data{text-align: center; border-right: 1px solid #CCCFCF; padding:46px; display: flex; flex-direction: column;    justify-content: space-between;}
				.header-bar-user .profile .data-user{display: flex; flex-direction: column;    justify-content: space-between;}
				.header-bar-user .profile .data-buttons{display: flex; flex-direction: column;    justify-content: space-between; gap:16px;}
			.header-bar-user .profile .foto{border-radius: 90px; background-color: #2E3CCC; width:96px; height:96px;margin:0 auto; display: flex; align-items: center; justify-content: center;margin-bottom: 8px;}
			.header-bar-user .profile .foto IMG{border-radius: 90px; width:96px; height:96px; }
			.header-bar-user .profile .foto-nombre{    font-size: 40px; line-height: 40px;   font-family: 'CodeProBlack';    color: #8689DF;   margin-top: 10px;}
			.header-bar-user .profile .name{font-size:18px;line-height:28px; margin-bottom: 8px; max-width: none; white-space: normal;}
			.header-bar-user .profile .profile-menu{padding:34px;}
			.header-bar-user .profile li{ margin:0px; vertical-align: middle; display: flex; min-width: 190px; position: relative; padding: 16px 0 0 0;}
				.header-bar-user .profile li:first-child{padding-top: 0px}
			.header-bar-user .profile A{ display: block; font-size: 14px;font-weight: 700;line-height: 24px;} .header-bar-user .profile A:hover{ color: var(--color-rojo); }
			.header-bar-user .profile li IMG{margin-right: 18px}
			.header-bar-user .profile li.separacion-gris {margin: 15px 0 0 0; padding: 0;}
			.header-bar-user .profile li A:hover { color: var(--color-rojo); }
				.header-bar-user .profile li SVG {vertical-align: middle; margin-right: 18px}
				.header-bar-user .profile li:hover SVG{fill:var(--color-rojo) !important; }

			.header-bar-user .profile li .alerta{width: 8px; height: 8px; background:#25C318; position: absolute; left: -20px; top:12px; border-radius: 50px;}

		.rewards{}
			.rewards-button{display: flex; flex-direction: row; align-items: center; gap:12px;border-radius: 90px; overflow: hidden; background-color: var(--color-negro);  width:40px; height: 40px; transition: background-color .4s ease-in-out;}
				.rewards-button IMG{margin: auto; display: flex; align-items: center; justify-content: center; transition: transform .7s ease-in-out; width: 80%}
				.rewards-button:hover IMG{ transform: rotate(360deg); opacity: 1}
				.rewards-button:hover { background-color: var(--color-rojo); }
			.rewards-summary{padding: 32px; border-radius:24px; position: absolute; box-shadow: 4px -2px 12px rgba(0, 0, 0, 0.08); right:0; top:50px; display:none; font-size: 15px; line-height:16px; flex-direction: column; gap:16px; min-width: 300px; 
				background: linear-gradient(0deg, #E7E7E7, #E7E7E7, #E7E7E7CC);}
				.rewards-balance{display: flex; gap:12px; align-items: center; justify-content: center; white-space:nowrap;}
				.rewards-code{overflow: hidden; background-color: #fff; margin: auto; border-radius: 24px; font-size: 15px; white-space: nowrap; display: flex; gap: 8px; align-items: center;}
					.rewards-code .text{ padding: 16px 0px 16px 24px; font-weight: bold; }
					.rewards-code .code{background-color: var(--color-rojo); padding: 16px 24px 16px 12px; font-weight: bold; color:#fff;}
				.rewards-summary P{font-weight: 400;}

			.rewards-content{display: flex; flex-direction: row; gap:40px; align-items: flex-start}
				.rewards-card{ display: flex; flex-direction: column; gap: 12px; font-size: 18px; line-height:28px; padding:40px;}
				.rewards-sub-card{background-color: #00000033; text-align: center; padding: 40px;}


.nav-superior{text-align: center; color: #fff; padding:15px 0px; background-color:#000; display: flex; justify-content: space-between; align-items: center;}
    .nav-superior ul{list-style: none; padding:0px; margin:0px; font-size:0px; }
    .nav-superior li{display:inline-block; font-size:12px; margin:0 10px; letter-spacing:0.8px; position: relative;}
		.nav-superior li:first-child{margin: 0;}
        .nav-superior li.activo A{color: var(--color-blanco)}
		.nav-superior li:hover::before, .nav-superior li.activo::before{content: " "; display: block; position: absolute; bottom: -15px; background-color: var(--color-blanco); height: 3px; width: 100%;}
    .nav-superior A{color: #fff; font-size: 12px; padding:0; text-transform: uppercase;}
		.nav-superior A:hover{text-decoration: none; color: var(--color-blanco)}
    .nav-superior img{margin-left: 20px}

.nav-superior .opciones {display: flex;	justify-content: flex-end;	gap: 10px;}
.nav-superior .opciones .user {	display: flex;	justify-content: space-between;	gap: 5px;}



.smaller{ position:fixed; width:100%; z-index:15; margin-top:0 }
	HEADER.smaller { background:transparent; background-color:rgba(256, 256, 256,0.91) !important;  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16);  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16); padding:0px;  }
	
	.smaller .logo-normal{display:none}
		.logo-smaller{display:none}
		.logo-normal{display:inline-block}
	.smaller .logo-smaller{display:inline-block}
    
.smaller .idiomas{float:right; margin: 0}
.smaller .idiomas li A {height:46px !important;    line-height: 46px !important; padding:0px;}  .smaller .idiomas li A:hover{background-color: transparent !important; color: #b7b3a2 !important;}
.smaller .idiomas ul li A.activo {  background-color:transparent !important; color:#b7b3a2; font-weight:bold; border-radius:90px; width:auto; text-align: center}

.smaller .logo-movil{display: none !important}
.smaller .logo .nosmaller{display: none}
.smaller .logo .sismaller{display: block}

.smaller .pc .nav-superior{display: none}

.submenu{position:relative; text-align:center; padding:20px 0; }
	.submenu ul{list-style:none;margin:0;padding:0;text-align:center;margin-left:0}
        .submenu li {margin-right: 15px; display:inline-block; vertical-align: top} .submenu li:last-child{margin-right: 0}
		.submenu li A{padding: 4px 16px; border-radius: 8px; border: 1px solid #999999; color:#999999;font-size:14px; line-height: 22px; display:inline-block;font-weight:400; transition: .1s background-color; -webkit-transition: background-color ease-in 0.2s; -moz-transition: opacity ease-in 0.25s; -o-transition: opacity ease-in 0.25s; margin-bottom: 10px;}
			.submenu li:hover A{text-decoration:none; color:#fff; background-color: var(--color-rojo); border-color:var(--color-rojo);}.submenu li.activo{font-weight:700;}
		.submenu li.activo A{color:#fff; background-color: var(--color-rojo); border-color:var(--color-rojo); font-weight: 700;}


.submenu.pc{display: block}

.frase{text-align:center; font-size:16px; padding-top:118px; padding-bottom:80px;clear:both;   }
	.frase .tit1{font-size:40px; text-align:center; line-height:40px; letter-spacing:1px;  min-width:100px; padding-bottom:6px; font-weight:300;  font-family: var(--font-black); margin: auto;}
	.frase .tit2{margin:auto;font-size:22px; text-align:center; line-height:25px; letter-spacing:1px; font-weight:300; font-family: var(--font-black);}
	.frase .tit3{font-size:20px; line-height:30px; margin: 10px auto; }
	.frase .linea{width:50px; margin:auto; background-color:#1e1e1e; height:3px; margin-bottom:10px; margin-top:2px;}
	.frase P{ margin:auto; margin-top:15px; font-size:19px;  font-weight:300;}
	

.separacion {margin-top: 10px;margin-bottom: 10px; clear:both}
.separacion-gris { border-top: 1px solid #CCCFCF; margin-top: 10px; margin-bottom: 10px; clear: both;}
.separacion-gris-claro { border-top: 1px solid #e3e8e6; margin-top: 10px; margin-bottom: 10px; clear: both;}
.separacion-negro { border-top: 1px solid #000; margin-top: 10px; margin-bottom: 10px; clear: both;}
.separacion-dashed { border-top: 1px dashed #666; margin-top: 10px; margin-bottom: 10px; clear: both;}

.imagen-hover{background-color:#e1999a; cursor:pointer; z-index:100; /*-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 30px;*/}


.subir { position: fixed; bottom: 0px; right: 10px; z-index: 99999; display: none; margin-bottom: 10px;}
.subir SPAN { color: #FFF;  padding: 12px;  background-color: rgb(0,0,0);  cursor: pointer;}
	.subir SPAN A {color: #FFF; font-size: 25px; padding-top: 5px; line-height: 40px;}
.subir.visible { display: block;}

.marquee {height: 50px; overflow: hidden; position: relative;background: #58000f; color: #fff; }
.marquee p {position: absolute; width: 100%; height: 100%; margin: 0; line-height: 50px; text-align: center; -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-animation: scroll-left 2s linear infinite; -webkit-animation: scroll-left 2s linear infinite; animation: scroll-left 20s linear infinite; }
@-moz-keyframes scroll-left {0% { -moz-transform: translateX(100%); transform: translateX(100%); }  100% { -moz-transform: translateX(-100%); transform: translateX(-100%); }}
@-webkit-keyframes scroll-left {0% {-webkit-transform: translateX(100%); transform: translateX(100%);} 100% {-webkit-transform: translateX(-100%); transform: translateX(-100%);}}
@keyframes scroll-left {0% {-moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%);} 100% {-moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%);}}


.swiper{min-height: 300px;overflow-y: hidden;	overflow-x: hidden;	}
.swiper-wrapper{padding-bottom: 48px;}
.swiper-scrollbar-drag{background:var(--color-rojo); height: 8px; border-radius: 0; top: -4px;}
.swiper-scrollbar-horizontal{left: 0 !important; width: 100% !important; height: 2px !important; overflow: visible; background-color: #CCCFCF; margin-bottom: 2px;}

.hero{width:100%; position:relative; margin:auto; z-index: 1; /*display: flex; align-items: center; justify-content: center; */ /*min-height:400px;*/  overflow: hidden;}
	.hero .cuerpo{/*display: flex; align-items: center; justify-content: space-between; */}
    .hero .cabecera-contenido{display:flex; flex-direction: column; align-items: center; justify-content: center; padding:0; padding-bottom: 50px; overflow:visible; text-align:center; z-index:2; color:#ffffff; max-width: 795px; margin: auto; min-height: 351px;}
        .hero .tit1{ font-size:64px; line-height:60px; display:block; clear:both; font-weight:900; color:var(--color-blanco); font-family: 'CodeProBlack'; }
		.hero .linea-blanca{ background-color:var(--color-blanco); height: 16px; z-index: 2; width: 484px; margin: 0; margin-left:270px; margin-top:22px;}

		.hero .breadcrumbs, .not-hero .breadcrumbs {font-size: 14px;line-height: 22px;color: #FFFFFF; margin-top: 25px; display: flex; gap:12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
		.hero .breadcrumbs A{color: #FFFFFF; display: flex; }
		.hero .breadcrumbs .linea{font-size: 20px;line-height: 24px;}
		.breadcrumbs A{text-decoration: underline;}
		.breadcrumbs span:last-child{display: inline; overflow: hidden; text-overflow: ellipsis;}

		.scroller .not-hero .breadcrumbs{margin-top: 0}

	.hero.slim{padding:68px 0; color: #FFFFFF; }
	.hero.slim .termino{font-family: 'CodeProBlack';font-weight: normal;font-size: 24px;line-height: 24px;}
	.hero.slim .resultado{font-style: italic;font-weight: 400;font-size: 18px;line-height: 28px;}

	.hero.hero-img .cabecera-contenido{padding: 49px 0 96px 0; overflow:visible; text-align:left; max-width:none; margin: auto; display: flex; align-items: center; justify-content: end; position: relative; flex-direction: row;}
    .hero.hero-img .textos{position: absolute; left: 0; max-width: 580px;}
	.hero.hero-img .textos P{font-size: 16px;line-height: 28px; max-width: 500px;}
	.hero.hero-img .textos .top{font-size: 14px;line-height: 24px; max-width: 500px; text-transform: uppercase; margin-bottom: 16px;}
	.hero.hero-img .linea-blanca{position: absolute; top: 27px; right: 173px; background-color:var(--color-blanco); height: 16px; z-index: 2; width: 484px; right: 0;}

.not-hero .breadcrumbs{color: #000;}
	.not-hero .breadcrumbs img{filter: invert();}


	.hero.hero-absolute .cuerpo { width: 100%;}
	.hero.hero-absolute .cuerpo .breadcrumbs {padding-left: 24px;}
	.hero.hero-absolute A IMG:hover{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity:1; opacity:1;}
	.hero.hero-absolute{position: absolute; z-index: 3; left: 0; right: 0}
	
	.float-hero{display: flex; width: 100%; z-index: 0; }
	
	.float-frame{ position: sticky; top:88px; height: min-content; display: flex; justify-content: flex-end; align-items: center; width:498px; swidth: 30%; background-color: var(--color-negro); z-index: 1}
		.float-frame .data { text-align: center; color: #ffffff; margin: auto; padding:88px 56px 56px 56px; }
		.float-frame .data .foto{border-radius: 200px; width: 132px; height: 132px; overflow: hidden; margin:0 auto 24px auto; background-color: #2E3CCC; display: flex; align-items: center; justify-content: center; }
		.float-frame .data .textos{display: flex; flex-direction: column; gap:32px;}
		.float-frame A{color: #fff;}
	
		.nofloat-frame{ width: Calc(100% - (100% - 1280px)/2 - 498px);}
			.nofloat-content{padding:80px 0px 0px 32px; display: flex; flex-direction: column; gap:48px; align-items: flex-start; margin-bottom: 96px;}

		.float-hero .tabs{padding-top: 0 !important;}

		.float-hero .almacenamiento{display: flex;padding-bottom: 48px;flex-direction: column;align-items: flex-start;gap: 40px;align-self: stretch;border-bottom: 1px solid #CCCFCF;}
			.float-hero .espacio{display: flex;align-items: flex-start;align-self: stretch;}
				.float-hero .espacio .uso{background: #F2F4F7; height: 50px; width: 100%; width: 483px; display: flex; position: relative;}
					.float-hero .espacio .uso .info{position: absolute; top: 0; bottom: 0; display: flex; justify-content: center;}
				.float-hero .espacio .info{display: flex;padding-left: 16px;flex-direction: column;align-items: flex-start;}

		.float-hero .datos-personales{display: flex;padding-bottom: 48px;align-items: flex-start;gap: 32px;align-self: stretch;border-bottom: 1px solid #CCCFCF;}
			.float-hero .datos-personales .columna{display: flex;flex-direction: column;align-items: flex-start;gap: 32px;flex: 1 0 0;}

		.float-hero .form-check-input { background-size: 60% 60%; margin-top: 2px;}

	.float-frame .data .enlaces{display: flex; align-items: center; justify-content: center; gap:16px; width: 100%;}
	.float-frame .data .enlace{display: flex; align-items: center; justify-content: flex-start; gap:16px;}
	.float-frame .data .enlaces A{font-size: 14px;line-height: 24px;color:#fff; text-decoration: underline; text-align: center}
	.float-frame .data .enlace-logo{background: #FFFFFF;border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; width: 44px;height: 44px;}
	.float-frame .data .compartir{margin-top: 32px; font-size: 16px; display: flex; gap:16px; align-items: center; justify-content: center; }

	
.slick-dots.main{bottom:-10px;}
	.slick-list, .slick-track{ height: 100%; position: relative;}
    .cabecera-separacion{padding: 50px;}


/*** about us **/

.hero-2col{width:100%; position:relative; margin:auto; z-index: 1; display: flex; align-items: center; justify-content: center;  -moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none; overflow: hidden;}
	.hero-2col .cuerpo{display: flex; align-items: center; justify-content: space-between; padding: 96px 0;}
    .hero-2col .cabecera-contenido{display:flex;flex-direction: column; gap: 24px; overflow:visible; text-align:left; z-index:2; color:#ffffff; max-width: 586px; min-height: 480px; justify-content: center;}
        .hero-2col .tit1{ font-size:64px; line-height: 60px; display:block; clear:both; font-weight:400; color:var(--color-blanco); font-family: 'CodeProBlack'; padding-bottom: 15px;}
		
	.hero-2col .hero-image{position: absolute; right:0px; top: 47px;}
	.hero-2col .linea-blanca{position: absolute; top: 47px; right:0px; background-color:var(--color-blanco); height: 16px; z-index: 2; width: 484px;}

@media (max-width:820px){	
	.hero-2col .cuerpo{flex-direction: column; padding: 30px 0; padding-top: 112px;}
	.hero-2col .cabecera-contenido{min-height: initial; gap: 12px;}
	.hero-2col .tit1{ font-size:48px; line-height: 44px; }
	.hero-2col .hero-image{display: none; }
	.hero-2col .linea-blanca{top: 47px;}
	
}


/******* COMPONENTES **********/


.card-destacado{height: 280px; position: relative; flex: none; display: inline-block; border-radius: 24px; overflow: hidden; }
.card-destacado:hover{outline: 3px solid var(--red_primary, #EEB42B); outline-offset: -3px;}
	.card-destacado .text{position: absolute;  left: 24px; bottom: 24px; z-index: 1; color: #ffffff;}
	.card-destacado .image{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; z-index: -1}


.card-pricing{display: flex;width: 380px;padding-bottom: 40px;flex-direction: column;align-items: center;gap: 32px; border: 1px solid var(--grey_2, #CCCFCF);background: var(--white, #FFF);}
	.card-pricing .linea{height: 8px;background: var(--green_primary, #549583); flex-shrink: 0; align-self: stretch;}
		.card-pricing:hover .linea{background: var(--red_primary, #FF4E3F);}
	.card-pricing .contenedor{display: flex;padding: 0px 24px;flex-direction: column;align-items: center;gap: 16px;align-self: stretch;}
		.card-pricing .eur-mes{color: var(--black, #000);font-family: 'CodeProBlack';font-size: 16px;font-style: normal;font-weight: normal;line-height: 16px;}

.help-card{display: flex;height: 100px;padding: 24px;align-items: center;gap: 32px;flex: 1 0 0;background: #000; width: 100%;}
	.help-card .featured-icon{display: flex;width: 48px;height: 48px;padding: 12px;justify-content: center;align-items: center; border-radius: 100px;background: var(--red_primary, #FF4E3F);}
	.help-card .content{display: flex;flex-direction: column;align-items: flex-start;gap: 20px;flex: 1 0 0; color:#FFFFFF; font-family: 'CodeProBlack';font-size: 16px;font-style: normal;font-weight: 900;line-height: 18px;}


/* HOME */
	
.home-header{ height:500px;}

.home-hero{width:100%; position:relative; margin:auto; z-index: 1; display: flex; align-items: center; justify-content: center;  min-height:600px; -moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none; overflow: hidden;}
	.home-hero .cuerpo{display: flex; align-items: center; justify-content: space-between; padding: 96px 0; min-height: 620px;}
    .home-hero .cabecera-contenido{display:block; overflow:visible; text-align:left; z-index:2; color:#ffffff; max-width: 586px; }
        .home-hero .tit1{ font-size:64px; line-height: 60px; display:block; clear:both; font-weight:400; color:var(--color-blanco); font-family: 'CodeProBlack'; padding:40px; padding-bottom: 15px;}
        .home-hero .description{width: 374px; font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 16px;line-height: 22px; z-index: 2; color:#fff; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
		
	.home-hero .hero-image{position: absolute; left:480px; top: 0;}
	.home-hero .linea-blanca{position: absolute; top: 0; left:620px; background-color:var(--color-blanco); height: 16px; z-index: 2; width: 484px;}

	.home-hero .cta{display: flex;flex-direction: column;align-items: flex-start;gap: 8px; font-size: 14px; line-height: 28px; }
		.home-hero .cta .boton{margin: 0 !important; order: 0}


.home-hero.interior{min-height:250px;}
.home-hero.interior .cuerpo { padding: 28px 0; min-height:360px;}
.home-hero.interior .cabecera-contenido{ max-width: 440px;}
.home-hero.interior .hero-image { right: 344px; left: auto;}
.home-hero.interior .hero-image img { height: 430px;	object-fit: cover;}
.home-hero.interior .description{width: 300px;}


.home-beneficios{padding: 118px 0; }
	.home-beneficios .cuerpo{display: flex; align-items: flex-start; justify-content: space-between; overflow: hidden; max-width: 1000px;}
	.home-beneficios-intro{display: flex;width: 586px;flex-direction: column;align-items: flex-start;gap: 24px;max-width: 586px; }
		.home-beneficios-title{ font-size:64px; line-height: 60px; display:block; clear:both; font-weight:400; font-family: 'CodeProBlack'; padding: 2px; }
	.home-beneficios-descriptiones{width: 380px; font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 16px; line-height: 26px; z-index: 2; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 48px;}
		.home-beneficios-description{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;}


.home-banda{padding:96px 0 84px 0;}

.home-plataforma-1{display: flex; gap:32px; justify-content: center; margin-bottom:30px}
	.home-plataforma-1 .item{width: 50%; padding: 40px; border-radius: 24px;}
.home-plataforma-2{width: 100%; background-color: #00000022; padding: 40px; border-radius: 24px; display: flex; gap:32px; justify-content: space-between; align-items: center}

.home-demuestra{display: flex; gap:32px; justify-content: flex-start; margin-bottom:30px; align-items: center}
	.home-demuestra .item{ padding: 40px; text-align: left; width: 50%;}
	
.home-porque{display: flex; gap:32px; justify-content: flex-start; margin-bottom:30px; align-items: center}
	.home-porque .item{ padding: 40px; text-align: left;}
		.home-porque .item LI:first-child{ max-width: 400px;}
	    .home-porque .item LI{margin-left: 52px; display: flex; align-items: center;}
		.home-porque .item LI::before{content: ''; display: inline-block; width: 40px; height: 40px; margin-left: -58px; margin-right: 20px; background: url('../images/flecha-up.png') no-repeat center; background-size: contain;;}
	
.home-resgistrar-como{display: flex; gap:32px; justify-content: flex-start; margin-bottom:30px; align-items: center}
	.home-resgistrar-como .item{ width: 100%; padding: 40px; text-align: left}
	.home-resgistrar-como .paso{ display: flex; gap:32px; justify-content: flex-start; margin-bottom:20px; align-items: center; border-bottom: 1px solid #fff; padding-bottom: 20px;}

.home-descubre{padding:96px 0 84px 0;}
	.home-descubre .tarifas{display: flex; justify-content: center; gap:32px;}

.home .suscripcion{padding:96px 0 84px 0;}
	.home .suscripcion .introduccion{margin-right: 24px; display: inline-block; line-height: 20px !important;}

.home-destacados{padding:96px 0; display:flex; flex-direction: column;align-items: flex-start;gap: 64px; position: relative;}
	.home-destacados .items{display: flex; gap: 32px; position: relative;}
	.home-destacados .card-destacado{width: 33%; height: 450px; display: flex; align-items: flex-end; padding: 40px;}
		.home-destacados .card-destacado .text{position: relative; left: 0; bottom: 0}
			
.home-referencias{padding:96px 0; }
	.home-referencias .container{display:flex; flex-direction: column;align-items: center;gap: 16px;}
	.home-referencias .logos{display: grid;grid-template-columns:repeat(5,minmax(0,1fr)); grid-gap: 44px; margin-bottom:48px;}
.home-referencias .logos > DIV{display: flex; justify-content: center; align-items: center;}


@media (max-width:820px){	
	.home-demuestra{flex-direction: column;}
	.home-resgistrar-como{flex-direction: column;}
}


.cta-section{padding:96px 0; display: flex; flex-direction: column;align-items: center;gap: 48px;}
	.cta-section .container{display: flex; padding: 0px 32px; flex-direction: column; align-items: center;gap: 40px;}


.faqs{padding:196px 0 90px 0; display: flex; flex-direction: column;align-items: center;gap: 48px;}
	.faqs .accordion{margin-bottom: 40px;}

.ctas{height: 528px;justify-content: center;align-items: flex-start;flex-shrink: 0; flex-direction: row; display: flex}
	.ctas .contenedor{display: flex;width: 720px;height: 528px;padding: 96px 118px;flex-direction: column;justify-content: center;align-items: center;gap: 36px;flex-shrink: 0;}
			.ctas .contenedor .textos{display: flex;width: 484px;flex-direction: column;align-items: center;gap: 16px; text-align: center; }


.banda-newsletter{background-image: url("../images/suscribete.svg"); background-position: right -60px; background-repeat: no-repeat;  }
	.banda-newsletter .cuerpo{display: flex; align-items: center; justify-content:flex-start; padding: 150px 0; overflow: hidden; gap:32px; max-width: 1000px; }
	.banda-newsletter-title{ font-size:40px; line-height:40px; display:block; clear:both; font-weight:400; font-family: 'CodeProBlack'; flex: 1; padding: 1px;}
	.banda-newsletter-title P{font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 18px; line-height: 28px; }
	.banda-newsletter-description{width: 380px; font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 16px; line-height: 26px; z-index: 2; flex: 1;}
	.banda-newsletter .separacion{display: block; height: 1px; margin: 0}


.banda-categorias{padding:96px 0 84px 0;}

/*** fin home ***/

	
	


/*** INTERIORES ***/

.seccion-nombre{margin:56px 0 48px 0;}


.banda-quees{padding-top:96px; display: flex; flex-direction: column;align-items: center;gap: 48px;}

.banda-quees{padding-top:96px; display: flex; flex-direction: column;align-items: center;gap: 48px;}

.banda-funciona{display: flex; flex-direction: row; gap: 64px; justify-content: center;}
.banda-funciona .item{padding: 56px 64px; display: flex; flex-direction: column; justify-content: center; width: 45%; gap:12px; }
	.banda-funciona .item LI:first-child{ max-width: 400px;}
	    .banda-funciona .item LI{margin-left: 52px;font-size: 16px;position: relative;}
		.banda-funciona .item LI::before{content: '';display: inline-block;width: 32px;height: 32px;margin-left: -52px;margin-right: 20px;background: url('../images/flecha-up.png') no-repeat center;background-size: 28px;position: absolute;top: calc(50% - 16px);}
	.banda-funciona .cta{display: flex;flex-direction: row; align-items: center; justify-content: center;gap: 8px; font-size: 14px; line-height: 28px; }


.banda-beneficios{}
	.banda-beneficios .container{align-items: flex-start; margin-bottom:96px;}
	.beneficios-titular{max-width: 500px;}
	.beneficios{display: flex;flex-direction: column; align-items: flex-start; gap: 48px; position: relative; counter-reset: section; max-width: 500px;}
		.beneficio{display: flex;flex-direction: column; align-items: flex-start; gap: 16px;  padding-left: 120px;}
			.beneficio::before{counter-increment: section;  content: counter(section); font-size: 140px; line-height: 140px; font-family: 'CodeProBlack'; position: absolute; left:0px; 
				color: black; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
		@supports((text-stroke: 2px black) or (-webkit-text-stroke: 2px black)) {.beneficio::before { color: transparent; -webkit-text-stroke: 2px #CCCFCF; text-stroke: 2px #CCCFCF; text-shadow: none; letter-spacing: 1px;}}


.banda-casos{}
	.banda-casos LI{font-size: 17px; font-weight: 600; padding:12px 0 !important; margin-bottom: 0px !important; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
	.banda-casos LI::after{content: ''; display: inline-block; width: 32px; height: 32px; margin-right: 12px; background: url('../images/flecha-right-black.png') no-repeat center; background-size: contain;;}
		.banda-casos LI:hover::after{margin-right: 0px;}


.banda-2-columnas{display: flex; flex-direction: row; gap: 52px; justify-content: center; align-items: flex-start;}
	.banda-2-columnas .item{padding: 52px; display: flex; flex-direction: column; justify-content: center; width: 45%; gap:12px; }
	.banda-2-columnas .cta{display: flex;flex-direction: row; align-items: center; justify-content: center;gap: 8px; font-size: 14px; line-height: 28px; }


.banda-rewards{display: flex;flex-direction: row; gap:32px; width: 100%; justify-content: space-between; align-items: center; padding:100px 0;}
	.banda-rewards UL{list-style-type: none; padding: 0;}
		.banda-rewards LI{padding: 20px 0; display: flex; gap:20px; font-size:18px;}
		.banda-rewards UL img{width: 40px; height: 40px;}
		.banda-rewards UL A{color: #fff; text-decoration: underline;}

.options-section{ padding: 40px 0px;flex-direction: column;align-items: center;gap: 64px;}
	.options-section .cuerpo{ display: flex;flex-direction: column; align-items: flex-end; gap: 16px;}
	.options-section .options{/*display: flex;*/flex-direction: column;align-items: center;gap: 32px; width: 100%; display: none}
		.options-section.open .options{display: flex;}
	.options-section .options .container{display: flex;align-items: flex-start;gap: 32px;align-self: stretch;}
	.options-section .boton-ocultar{display: flex;padding: 10px 0px;justify-content: center;align-items: center;gap: 8px;}
	.options-actual{display:flex; width:100%; gap:16px; justify-content: end;}
		.options-section.open .options-actual .help-card{display: none}



.funcionalidades-body{display:flex;padding-top: 48px;flex-direction: column;gap: 56px;}
	.plan-info{display: flex;justify-content: space-between;align-items: center;}
		.plan-acutal{display: flex;width: 457px;flex-direction: column;align-items: flex-start;gap: 24px;flex-shrink: 0;}
			.plan-acutal .caracteristicas{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;}
	.plan-info .card-pricing{width: 664px;}

	
.planes-detalle{display: flex;padding: 96px 0px 118px 0px;flex-direction: column;align-items: center; gap: 64px;}
	.planes-detalle .columnas{display: flex;align-items: flex-start;align-self: stretch; flex-direction: row;}
		.planes-detalle .columnas .columna{display: flex;flex-direction: column;align-items: flex-start;flex: 1 0 0;}
		.planes-detalle .columnas .columna-header{display: flex;height: 186px;padding-bottom: 0px;flex-direction: column;align-items: flex-start;align-self: stretch;}
			.planes-detalle .columnas .heading-badge{display: flex;padding: 0px 24px 16px 24px;justify-content: center;align-items: flex-start;gap: 8px;align-self: stretch; text-align: center; height:64px;}
			.planes-detalle .columnas .content{display: flex;padding: 16px 24px 0px 24px; flex-direction: column;  gap: 16px;align-self: stretch;}
			.planes-detalle .columnas .content .precio{display: flex;justify-content: center;align-items: flex-end;gap: 12px;align-self: stretch;}
			.planes-detalle .columnas .content .precio .euro{color:#000;text-align: center;font-family: 'CodeProBlack';font-size: 16px;font-style: normal;font-weight: normal;line-height: 16px;}
		.planes-detalle .columnas .columna-table{display: flex;flex-direction: column;align-items: flex-start;gap: 40px;align-self: stretch;}
		.planes-detalle .columnas .columna-section{display: flex;flex-direction: column;align-items: flex-start;align-self: stretch;}

.pricing-table-cell-header{display: flex;height: 64px;padding: 0px 24px;align-items: center;gap: 12px;align-self: stretch;}
.pricing-table-cell{display: flex;height: 64px;padding: 0px 24px;justify-content: center;align-items: center;gap: 12px;align-self: stretch; text-align: center;}



.icono-success-verde{filter: invert(53%) sepia(65%) saturate(252%) hue-rotate(113deg) brightness(88%) contrast(83%);}

.frase.frase-contacto{padding-top:80px !important; padding-bottom:80px !important;}


.interior HEADER.smaller{position: fixed;}


.float-frame.obra .data{display: flex;flex-direction: column;align-items: flex-start;gap: 32px;}
	.float-frame.obra .data .nombre{display: flex;flex-direction: row;align-items: flex-start;gap: 32px; text-align: left}
	.float-frame.obra .data .textos{display: flex; flex-direction: column; gap:8px; width: 100%;}

.obra-etiquetas-options{display: flex; gap: 32px;}
	.obra-etiquetas-options .option{max-width: 274px; display: flex; flex-direction: column; gap:16px; flex: 1 0 0;} 
	.obra-modificar-registro {display:flex; gap:32px;}

.obra-column-options {display:flex; gap:8px; align-items:flex-start;}

.suscripcion{display: flex;flex-direction: column; gap: 48px;}
.suscripcion .hero{}
	.suscripcion .hero .cabecera-contenido{max-width: 795px;}
	.suscripcion .hero .tit1{ font-size:40px; line-height:40px; display:block; clear:both; font-weight:400; color:var(--color-blanco); font-family: 'CodeProBlack';  }
	.suscripcion .hero .outline-white {letter-spacing:0px !important;}
	.suscripcion .hero .linea-amarilla{margin-left: 0; margin-right: auto;}

	.suscripcion .frase-suscripcion{padding-bottom: 0}
	.suscripcion .frase-suscripcion .tit1{max-width:795px;}
	.suscripcion .submenu .codePro{font-size: 24px; line-height: 24px; margin-right: 24px; }
	.suscripcion .submenu li{position: relative;}
	.suscripcion .submenu li A{font-size: 24px; line-height: 24px; padding: 16px 40px;}
	.suscripcion .submenu .descuento{position: absolute;  background: #E2E6E6; padding: 0px 8px; border-radius: 4px; right: 16px; top: -13px; height: 26px;display: flex;flex-direction: row; align-items: flex-start;font-size: 16px; line-height: 26px; font-weight: 700;}


.suscripcion .tarifas{display: flex; flex-direction: row; gap:32px; justify-content: center; }
	/*.suscripcion .tarifas .card{border: 1px solid #CCCFCF; display: inline-flex;flex-direction: column; flex: 1; max-width: 410px; width: 380px; justify-content: flex-start;  align-items: center; color: #000; position:relative; text-align: center;  }
			.suscripcion .tarifas .card-textos{padding:40px;}
		.suscripcion .tarifas .nombre{font-family: 'CodeProBlack';font-weight: normal;font-size: 24px;line-height: 24px; margin-bottom: 16px;}
		.suscripcion .tarifas .breve{font-weight: 700;font-size: 16px;line-height: 26px;}
		.suscripcion .tarifas .descripcion{font-weight: 400;font-size: 14px;line-height: 22px; margin-bottom: 32px;}
		.suscripcion .tarifas .precio{font-family: 'CodeProBlack';font-weight: normal;font-size: 40px;line-height: 40px;}
			.suscripcion .tarifas .precio .mes{font-size: 18px;line-height: 40px;}
		.suscripcion .tarifas P{font-weight: 700;font-size: 14px;line-height: 24px;}*/
		.suscripcion .tarifas .card.profesional{border-top:8px solid var(--color-azul);}
		.suscripcion .tarifas .card.corporativa{border-top:8px solid var(--color-verde);}
		.suscripcion .tarifas UL{text-align: left; display: flex;flex-direction: column;align-items: flex-start;gap: 8px;flex: 1 0 0;}

	.suscripcion .tarifas-detalle{margin-top: 56px; margin-bottom: 118px;; max-width:1000px; }
	.suscripcion .tarifas-detalle .detalle{display: flex; flex-direction: row; gap:32px; justify-content: space-between; background: #fff; }
	.suscripcion .tarifas-detalle .tipo-tarifa{}
	.suscripcion .tarifas-detalle .nombre{font-family: 'CodeProBlack';font-style: normal;font-weight: normal;font-size: 24px;line-height: 24px; margin-bottom: 16px;}
	.suscripcion .tarifas-detalle .tipo-tarifa .precio{margin-bottom: 16px;}
	.suscripcion .tarifas-detalle .tipo-tarifa .precio .codePro{font-size: 16px;line-height: 16px;}
	.suscripcion .tarifas-detalle .descripcion{ flex: 1; text-align: left; font-size: 16px;line-height: 26px; padding: 16px 0;}
	.suscripcion .tarifas-detalle .descripcion-texto{}
	.suscripcion .tarifas-detalle .caracteristicas{display: flex}
	.suscripcion .tarifas-detalle .caracteristica{min-width: 277px; flex: 1; text-align: center; padding: 16px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 12px;line-height: 18px;}
	.suscripcion .tarifas-detalle .separacion{width:1px; background: #000000; margin: 0}
	.suscripcion .tarifas-detalle .inline-icon{margin-left: Calc(50% - 20px); text-align: left; width: -webkit-fill-available;}
	.suscripcion .tarifas-detalle .success-profesional{filter: invert(23%) sepia(55%) saturate(4166%) hue-rotate(232deg) brightness(95%) contrast(103%);}
	.suscripcion .tarifas-detalle .success-corporativa{filter: invert(53%) sepia(65%) saturate(252%) hue-rotate(113deg) brightness(88%) contrast(83%);}
	.suscripcion .tarifas-detalle .precio .codePro{font-size:16px;line-height: 16px;}
	.suscripcion .tarifas-detalle .sticky { position: -webkit-sticky; position:sticky !important; top:90px;  padding-top: 20px; z-index: 2; box-shadow: 0px 14px 10px -10px rgba(0, 0, 0, 0.28);}
		.suscripcion .tarifas-detalle .sticky .separacion{ background: #ddd; }

	
@media (max-width:820px){
	.options-section .options .container{flex-direction: column;}
	.plan-info{flex-direction: column;gap: 40px;}
	.plan-acutal{width: 100%;}
		.plan-acutal .heading-S{font-size: 20px;line-height: 20px; }
	.plan-info .card-pricing { width: 100%;}
	.suscripcion .tarifas{flex-direction: column;}
	.planes-detalle .columnas {flex-direction: column; }
	.planes-detalle .columnas .columna{width: 100%;}
	.pricing-table-cell{height: auto; display: flex; width: 100%; padding: 16px 8px;flex-direction: column;justify-content: center;gap: 16px;}
	.pricing-table-cell-header{height: auto; padding: 16px 8px;flex-direction: column;justify-content: center;gap: 16px;}
		.suscripcion .heading-S{font-size: 20px;line-height: 20px; }
	.suscripcion .tarifas .heading-S{font-size: 24px;line-height: 24px; }
	.planes-detalle{padding:40px 0px 56px 0px; gap: 40px;}
	.planes-detalle .columnas .columna-table{gap:8px;}
	.planes-detalle .submenu{padding: 0;}
		.planes-detalle .submenu LI A{ font-size: 12px; line-height: 22px;}
	.planes-detalle .columna.activo .heading-badge{color:var(--color-rojo);}
	
	.suscripcion .card-pricing{width:100%;}
	
	.suscripcion .frase-suscripcion { padding-bottom: 0; padding-top: 64px;}
	.suscripcion .submenu{}
	.suscripcion .submenu .codePro{display: none}
	.suscripcion .submenu li A { font-size: 14px; line-height: 22px;padding: 4px 16px;}
	.suscripcion .submenu .descuento {  padding: 0px 8px; right: 0px; top: -13px; height: 18px; display: flex; flex-direction: row; align-items: flex-start; font-size: 12px; line-height: 18px; font-weight: 700;}
	.suscripcion .tarifas {flex-direction: column; gap:16px; }
	.suscripcion .tarifas .card{width: 100%}
	.suscripcion .tarifas-detalle { margin-top:0px; margin-bottom: 64px;}
	.suscripcion .tarifas-detalle .sticky{top:30px;}
	.suscripcion .tarifas-detalle .detalle{display: block;}
		.suscripcion .tarifas-detalle .detalle.encabezado{ padding: 14px 0;}
	.suscripcion .tarifas-detalle .encabezado .caracteristica{padding: 14px;}
	.suscripcion .tarifas-detalle .caracteristica {min-width:0; padding:0;}
	.suscripcion .tarifas-detalle .nombre{font-size: 20px;line-height: 20px;}
	.suscripcion .tarifas-detalle .tipo-tarifa .precio .codePro {font-size: 14px; line-height: 14px; display: block}
	.suscripcion .tarifas-detalle .tipo-tarifa .precio { margin-bottom:0px;}
	.suscripcion .tarifas-detalle .caracteristica .boton{font-size: 16px; padding: 6px 24px;}
	.suscripcion .tarifas-detalle .separacion{background: none; }
	.suscripcion .tarifas-detalle .encabezado .separacion {  background: #000;}
	.suscripcion .tarifas-detalle .inline-icon{display: flex; flex-direction: column; margin: auto; text-align: center; width: auto; align-items: center; gap: 5px;}
	.suscripcion .tarifas-detalle .detalle{padding:16px 8px;}
	.suscripcion .tarifas-detalle .detalle:nth-of-type(odd) {background: rgba(204, 207, 207, 0.2);}
	.suscripcion .tarifas-detalle .encabezado.detalle{background:#fff !important;}
	.suscripcion .tarifas-detalle .descripcion{text-align: center; }
	

}

.tabs{display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 32px; flex: none;	order: 0;flex-grow: 0; position: relative; border-bottom: 1px solid #CCCFCF; padding-top: 64px;}
	.tabs ul{list-style: none; padding:0px; font-size:0px; }
	.tabs LI{display:inline-block; margin-left:48px;}
		.tabs LI:first-child{margin-left:0}
	.tabs A{color:#000000;font-style: normal;font-weight: 400;font-size: 16px; line-height: 28px; position: relative; padding: 14px 0; display: inline-block; text-decoration: none !important;}
	.tabs  A:hover{text-decoration: none}

	.tabs A:hover::before, .tabs LI.activo A::before{content: " "; display: block; position: absolute; bottom: 0px; background-color: var(--color-rojo); height: 3px; width: 100%; }
		.tabs LI.activo A{font-weight: 700;}
.not-hero .tabs{padding-top: 40px;}

.tag{ display:inline-flex;padding: 4px 12px;align-items: center;gap: 8px;border-radius: 8px;background: #3748F5; color: var(--white, #FFF);font-size: 14px;line-height: 22px; font-family: Lato;font-style: normal;font-weight: 400;}
.tag A{line-height: 0} 


.paginacion{display: flex; flex-direction: row; align-items: center; padding: 0px; gap:16px; margin: auto; width: auto; justify-content: center; }
	.paginacion SELECT{width: auto}
	.paginacion .boton{ display: block; margin: 0; order: inherit;     padding: 10px 15px;}
.paginacion .boton IMG{filter: invert(100%) sepia(3%) saturate(7372%) hue-rotate(215deg) brightness(112%) contrast(103%);}
.paginacion .boton.disabled IMG{filter: invert(100%) sepia(3%) saturate(7372%) hue-rotate(215deg) brightness(112%) contrast(103%);}


.svg-verde{filter: invert(56%) sepia(12%) saturate(3356%) hue-rotate(70deg) brightness(102%) contrast(97%);}
IMG.color-amarillo{filter: invert(81%) sepia(70%) saturate(2196%) hue-rotate(338deg) brightness(99%) contrast(89%);}
IMG.bw{filter: saturate(0%) brightness(50%) contrast(50%);}

/*** cards ***/

.creaciones-listado{display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); grid-gap: 16px;}
.creaciones-listado .card { border: 1px solid #CCCFCF; display: flex; flex-direction: column; flex: none; justify-content: flex-start; align-items: center; color: #000; white-space: normal; position: relative; background-color: #ffffff; z-index: 0; overflow-wrap: break-word;}
.creaciones-listado .card .card-imagen { position: relative; z-index: -1;}
.creaciones-listado .card .card-imagen .imagen-img { object-fit: cover; height: 186px;}
.creaciones-listado .card .options { position: absolute; right: 12px; top: 18px; z-index: 3; border-radius: 8px; padding: 4px 16px;}
.creaciones-listado .card .tipo { position: absolute; left: 24px; bottom: 24px; z-index: 2; background: var(--color-rojo); border: 1px solid #FFFFFF; border-radius: 8px; padding: 4px 16px; color: #ffffff; font-weight: 500; font-size: 14px; line-height: 22px; display: flex;
    flex-direction: row; align-items: center; gap: 8px;}
.creaciones-listado .card .card-textos { padding: 16px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%;}
.card .acciones { z-index: 10; position: absolute; top: 0; right: 0; padding: 12px 16px; flex-direction: column; align-items: flex-start; gap: 8px; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08); display: none;}
.card .options:hover .acciones{display: flex !important;}
.card .acciones .accion{display: flex;padding: 4px 0px 12px 0px;align-items: center;gap: 8px;align-self: stretch;/*border-bottom: 1px solid #E7E7E7;*/ width:max-content;}
.card .acciones .accion:hover{color: var(--color-rojo); text-decoration: none}
.card .acciones .accion:last-child{border: none; padding-bottom: 4px;}
.card .atribucion{display: flex; width: 100%; padding: 12px 16px; justify-content: center; align-items: center; gap: 10px; background: var(--black, #000);}

.pre-bola{ position: sticky; top: Calc(100vh - 100px); margin-right: -12px; z-index: 9; background-color: var(--color-rojo); border-radius: 64px; display: inline-flex; align-items: center; float: right; color:#FFF; margin-bottom:-80px; bottom:32px;}
	.pre-bola span{display: none; color:#FFF; padding: 0 20px;}
	.pre-bola:hover{text-decoration: none}
	.pre-bola:hover span{display: inline-block; }
	.bola{display: inline-flex;	padding: 20px;align-items: flex-start;gap: 8px;border-radius: 64px;background: var(--color-rojo);}


.tipo-obras-listado{display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); grid-gap: 32px; z-index: 0;}
	.tipo-obras-listado .card-destacado{height:159px;}

/* FILTROS */
.busqueda .creaciones-listado{grid-template-columns: repeat(3, minmax(0,1fr)); grid-gap: 32px;}

.busqueda .orden{padding-bottom: 32px;  text-align: center; font-size: 18px;line-height: 28px;}
	.busqueda .orden SELECT{width: auto; display: inline-block; margin:0 16px}
.busqueda-resultado{display: flex; flex-direction: row; align-items: flex-start; padding-bottom: 64px; gap: 48px; flex: none;	order: 0;flex-grow: 0; position: relative; }
	.busqueda-resultado .filtros{flex: 1; width: 261px; max-width: 261px; font-size: 16px; padding-top: 90px;}
	.busqueda-resultado .filtros .categoria, .busqueda-resultado .filtros .encabezado{ margin-bottom:24px; padding-bottom:24px; border-bottom: 1px solid #CCCFCF;}
		.busqueda-resultado .filtros .categoria .nombre{font-weight: 700;font-size: 18px;line-height: 28px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 19px;}
		.busqueda-resultado .filtros .encabezado .nombre{font-weight: 700;font-size: 18px;line-height: 28px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 19px;}
		.busqueda-resultado .filtros .categoria .filtro{font-size: 16px; margin-bottom: 12px; }
			.busqueda-resultado .filtros .categoria .filtro.conHijos{/*background-image: url("../images/icon/arrow down.svg"); background-position: center right; background-repeat: no-repeat; */ display: flex; justify-content: space-between;}
			.busqueda-resultado .filtros .categoria .filtro.nivel2{padding-left:16px;}

		.busqueda-resultado .filtros .nombre .filtro-on{background-image: url("../images/icon/more.svg"); background-position: center right; background-repeat: no-repeat; width: 24px; height: 24px;}
		.busqueda-resultado .filtros .nombre .filtro-off{background-image: url("../images/icon/less.svg"); background-position: center right; background-repeat: no-repeat; width: 24px; height: 24px;}

		.busqueda-resultado .filtros .filtro .filtro-on{background-image: url("../images/icon/arrow-down.svg"); background-position: center right; background-repeat: no-repeat; width: 24px; height: 24px;}
		.busqueda-resultado .filtros .filtro .filtro-off{background-image: url("../images/icon/arrow-up.svg"); background-position: center right; background-repeat: no-repeat; width: 24px; height: 24px;}

.busqueda-resultado .filtros LABEL A{color: #000;}
	.busqueda-resultado .resultados{ flex: 1; width: Calc(100% - 261px); overflow-x: visible; }
.destacados .busqueda-resultado .filtros{padding-top:104px;}
	.busqueda-resultado .resultados .swiper-wrapper{padding-bottom: 32px;}
	.busqueda-resultado .resultados .swiper-scrollbar-horizontal{margin-bottom: 48px;}

.busqueda .sticky, .destacados .sticky { position: -webkit-sticky; position:sticky !important; top:16px;  z-index: 2; }
.busqueda SELECT{border-color: #000; color: #000; }

.resultados-header{display:flex; gap:16px; justify-content: space-between; margin-bottom: 32px;}
.resultados-header .buscador { box-sizing: border-box; display: flex; flex-direction: row; align-items: center; padding: 10px 16px; gap: 8px; width: auto; height: 53px; border: 1px solid #CCCFCF; border-radius: 16px; flex: 2; position: relative; overflow: hidden}
.resultados-header .buscador INPUT { height: 28px; font-family: 'Lato'; font-style: normal; font-weight: 500; font-size: 16px;line-height: 28px; color: #999999;flex: none; order: 1;flex-grow: 0; margin: 0; padding: 0; border: 0; border-radius: 0;}

.toggle-checkbox { position: relative; display: inline-block; width: 100px; height: 53px;}
	.toggle-checkbox input { display: none;}
	.toggle-checkbox .toggle-slider { border-radius: 16px; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; transition: 0.2s; border: solid 1px #e0e0e0;}
	.toggle-checkbox .toggle-slider:before { border-radius: 16px; z-index: 3; position: absolute; content: ""; height: 53px; top: 0px; left: 0px; width: 50px; background-color: #000; transition: 0.2s;}
	.toggle-checkbox input:checked + .toggle-slider:before { transform: translateX(50px);}
	.toggle-checkbox input:checked ~ .toggle-info { filter: invert();}
	.toggle-info {  width: 50px; display: inline-block; position: absolute; z-index: 4; user-select: none;cursor: pointer;}
	.toggle-left {  font-weight: 700; top: 15px;text-align: center;}
	.toggle-right {  font-weight: 300; margin-right: 0px; left: 50px; top: 15px;text-align: center;	}

input:-webkit-autofill, input:-webkit-autofill:focus { transition: background-color 0s 600000s, color 0s 600000s !important; }


/* PIE */

.cierre{text-align:center}
.home .cierre{display:none}
.pie{overflow:auto; font-size:0.8em; line-height:1.2em;  text-align: center; color: #fff; background-color: #2D2B2D; display: flex; padding: 60px 0;flex-direction: column;align-items: center;gap: 48px;}
.pie .frase{ overflow:auto}
    .pie .tit1{font-size:18px; letter-spacing: 1px}
    .pie .tit2{font-size:22px; font-weight: 600; }
	.pie .bloque{margin: 30px; line-height: 1.1em}
        .pie H3{margin:5px auto; font-weight:600}
		.pie A{color:#fff;} .pie A:hover{color:var(--color-rojo);}
	
    .pie .pie-mapa-web{display: flex; flex-direction: row; justify-content: space-between; }
        .pie .pie-mapa-web UL{list-style: none; padding:0px; margin:10px 0px; text-align:left; }
            .pie .pie-mapa-web  li{ font-size: 14px; margin: 8px 0;}
        .pie .pie-mapa-web .seccion{margin-bottom: 16px; }
                .pie .pie-mapa-web  li:last-child{border-right:none}

	.pie .redes{text-align:right}
	.pie i {margin:10px 4px; font-size: 2em; }
	
	.pie .credits{display: flex;flex-direction: row;border-top: 1px solid #999; padding-top: 16px; justify-content: space-between;align-items: center;}
		.pie .social-links{display: flex;align-items: flex-start;gap: 12px;}

/*** ***/


/*** MODAL ***/
body.modal-open {overflow: hidden;}
.modal {  z-index: 999999; clear:both; display: none; margin: 5px; min-width:450px; max-width: 100%; background: #ffffff; border: 0px solid #ffffff; border: none; font-size: 20px; line-height: normal; position: relative;}
	.modal-backdrop {position: fixed;top:0;	right:0; bottom: 0;	left:0; z-index:30;	background-color: #000000BB; display: none; XXdisplay: flex; flex-direction: column; justify-content: center;
    align-items: center;}
	.modal-cerrar{text-align:right; font-size:20px; position:absolute; right: 24px; top: 22px; z-index: 2;} 
	.modal-header{font-family: 'CodeProBlack';font-weight: normal;font-size: 20px;line-height: 20px; padding: 32px 40px 24px 32px; border-bottom: 2px solid #CCCFCF;}
	.modal-contenido{ padding:56px; font-size: 16px; line-height: 24px; overflow: hidden; min-width:792px;}
	.modal .titular{font-weight: 700;font-size: 24px;line-height: 32px; margin-bottom: 16px;}
	.modal P{font-size: 18px;line-height: 28px;font-weight: 400;}
    .modal .separacion{border-top: 1px solid #d3d3d3;}


	.modal .modal-pasos{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0px;gap: 12px; color: var(--color-rojo); font-size: 16px;line-height: 26px;}
		.modal .modal-pasos .bloque{display: flex;align-items: center;gap: 12px;}
		.modal .modal-pasos .numero{ color: #fff; background-color: var(--color-rojo); border-radius: 12px; font-family: 'CodeProBlack';font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;text-align: center; display: flex;
flex-direction: column;align-items: flex-start;padding: 11px 15px 9px;gap: 8px;width: 40px;height: 40px;}
		.modal .modal-pasos .numero.success{padding: 0; align-items: center; justify-content: center;}
		.modal .modal-pasos .off{color:#999999;}
		.modal .modal-pasos .numero.off{background-color:#999999; color: #fff;}
		.modal .modal-pasos .paso{ text-wrap: nowrap;}
		.modal .modal-pasos .linea{width: 100%;}
			.modal .modal-pasos .linea IMG{height:2px; width: 100%;}
    
.modal A:not(.boton){text-decoration: underline;}
.modal .form-check-input{background-size: 60% 60%; margin-top: 2px; }

/*** login ***/
.modal-login .boton{width: 267px;}
			
			
	/*** edicion ***/
	/*.modal-edicion .modal{width: 998px;}*/
	/*.modal-edicion .modal-contenido{height: 477px; overflow: auto; padding: 40px; display: flex; gap:40px; flex-direction: column}*/
	.modal-edicion > .modal{width: 998px;}
	.modal-edicion > .modal > .modal-dialog-content > .modal-contenido {height: 477px; overflow: auto; padding: 40px; display: flex; gap:40px; flex-direction: column}
	.modal-edicion .seccion{font-size: 16px;font-weight: 700;line-height: 28px;text-transform: uppercase;}
	.modal-edicion .apartado{font-size: 18px;font-weight: 700;line-height: 28px;}
	.modal-edicion .datos-personales{display: flex; flex-direction: row; gap:32px; margin-bottom: 56px;}
		.modal-edicion .datos-personales .foto{flex:1; flex-shrink: 0; text-align: center;}
			.modal-edicion .foto .mensaje{justify-content: center}
		.modal-edicion .mensaje{display: flex;align-items: center;gap: 8px; font-size: 12px;font-weight: 500;line-height: 24px; margin: auto; }
		.modal-edicion .modal-contenido .formulario{flex:1; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; flex-shrink: 0; width: 100%;}
		.modal-edicion .modal-contenido .contenido{display: flex;flex-direction: column;align-items: flex-start;gap: 32px;}

		.modal-edicion .tabs{padding-top: 0; margin-bottom: 32px;}
		.modal-edicion .columnas{display: flex; flex-direction: row; gap:32px; align-items: center; margin-bottom: 12px;}
			.modal-edicion .columnas.enlaces{gap:16px;}
			.modal-edicion .columnas .opcion{width: 237px; }
			.modal-edicion .columnas .tags{ flex:1; display: flex;flex-direction: row; /*width: 649px;*/padding: 10px 16px;align-items: flex-start;gap: 8px; border-radius: 16px; border: 1px solid #CCCFCF; width: Calc(649px - 32px); flex-wrap: wrap; position: relative;}
				.modal-edicion .columnas .tags.checked{border-color:#000000;}
			.modal-edicion .columnas .tag{ display: flex;padding: 4px 8px;align-items: center;gap: 8px;border-radius: 8px;background: #3748F5; color: var(--white, #FFF);font-size: 14px;font-weight: 500;line-height: 22px; }
			.modal-edicion .columnas .tag A{line-height: 0} .modal-edicion .columnas .tag .close{filter: invert();}
			.modal-edicion .columnas .tags .floatingLabel{position: absolute;   left: 0; overflow: hidden;  text-align: start;  text-overflow: ellipsis;  white-space: nowrap;  pointer-events: none;  border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; font-size: 16px; font-weight: 500; line-height: 28px; border-radius: 10px; transform: scale(0.85) translateY(-1.5rem) translateX(0.55rem); background: #fff;  width: auto; padding: 0 10px; height: auto; top: 5px; color: #999;}

			.modal-edicion .columnas .enlace{display: flex;width: 189px;padding: 10px 16px;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 16px;border: 1px solid #000; }
			.modal-edicion .columnas .url{flex:1; }
			.modal-edicion .perfil-url{display: inline; border: none; color: #3748F5; width: 100%;font-size: 18px;font-weight: 400;line-height: 28px; text-decoration: underline;}
			.modal-edicion .perfil-url:focus-visible {  outline: 0px;}
			.modal-edicion	.bases{font-size: 14px;font-weight: 400;line-height: 22px;}
			.modal-edicion .columnas .organismo{width: 189px; }
			.modal-edicion .columnas .nombre{width: 254px; }


		.modal-edicion .separacion{margin: 0}
		.modal-edicion .botones{text-align: center; padding: 32px; display: flex; gap:16px; align-items: center; justify-content: center}
		.modal-edicion .botones .boton{margin: 0}

	.modal-edicion.modal-imagen-portada .datos-personales{ margin-bottom: 0px;}
	.modal-edicion.modal-imagen-portada .foto .marco{width: 918px;height: 458px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url(<path-to-image>), lightgray 0px -109.518px / 100% 200.151% no-repeat;}

	.modal-edicion .obras-listado .grid{margin-bottom: 0}
	.modal-edicion .obras-listado A{text-decoration: none;}
	.modal-edicion .obras-listado .card INPUT{position: absolute; right:16px; top: 16px; width: 24px; height: 24px;}

	.modal-edicion .card:hover{outline: 0px;}
	.modal-edicion .obras-listado .card.sortablePadre{opacity: 0.5}
	.modal-edicion .obras-listado .card.sortableHover{border: 1px dashed var(--grey, #CCCFCF);background: rgba(231, 231, 231, 0.30);}
		.modal-edicion .obras-listado .card.sortableHover > *{opacity: 0}
		.modal-edicion .obras-listado .card.sortableHover:hover{cursor: pointer}

	.modal-edicion.modal-presentacion .datos-personales{ margin-bottom: 0px;}
			
	.modal-full .modal{width: 100%;     position: fixed; top: 0; bottom: 0; margin: 0;}
	.modal-full .modal-cerrar{ left: 24px; right: auto;}
		.modal-full .modal-contenido{overflow: auto; height: Calc(100% - 78px);}
	.modal-full.modal-wizard .modal{ position: relative; display: flex; justify-content: space-between; align-items: center; min-width: 10%; width: 100vw; height: 100%; max-height: none;}

    .modal-full.modal-wizard .modal-contenido{width: 65%; height:100%;  overflow-y: auto; background-color: var(--background-1);  position: relative;  display: flex; flex-direction: column; justify-content: flex-start; gap: 64px;}
		.modal-full.modal-wizard .modal-contenido.centrado{ justify-content: center;     padding-top: 0px;}

	.modal-full.modal-wizard .modal-pasos{ order:2; padding: 88px 137px 88px 56px; height: 100%; width: 35%; position: relative; overflow-y: auto; background:#F2F4F7; flex-direction:column; align-items: flex-start; justify-content: flex-start; color:#000;}
    .modal-full.modal-wizard .modal-pasos .pasos{height: 100%;    display: flex;    flex-direction: column; justify-content: space-between; width: 100%; gap: 8px;}
		.modal-full.modal-wizard .modal-pasos .linea{position: relative; height: 100%;}
		.modal-full.modal-wizard .modal-pasos .pasos .linea:before { content: ""; position: absolute; left: 20px; top: 0px; background-color: var(--color-rojo); width: 1px; border-radius: 1px; height:100%;}
	.modal-full.modal-wizard .modal-pasos .off .numero{background: #CCCFCF;}
	.modal-full.modal-wizard .modal-pasos .linea.off:before { background-color:#CCCFCF; }
		.modal-full.modal-wizard .pasos-mini{ width: 100%; padding: 20px 23px;}
		.modal-full.modal-wizard .pasos-mini-linea{background-color: #fff; height: 8px; margin-bottom: 4px;}
			.modal-full.modal-wizard .pasos-mini A{text-decoration: none;}
			.modal-full.modal-wizard .paso-title{font-family: 'CodeProBlack'; font-size: 24px; font-weight: normal; line-height: 24px;}
			.modal-full.modal-wizard .paso-description{ font-size: 18px !important; font-weight: 400 !important; line-height: 28px !important; text-align: center;}
	
		.modal-full.modal-wizard .modal-login{display: flex; gap: 32px; margin: 64px auto 0 auto; width: 100%; justify-content: center; max-width: 792px;}
		.modal-full.modal-wizard .modal-login .formulario{display: flex; flex-direction: column; gap: 16px; width: 100%;}
		.modal-full.modal-wizard .modal-login .login-separacion{padding-left: 1px; background-color: #CCCFCF}
		.modal-full.modal-wizard .contenido{display: flex;flex-direction: column; gap: 48px; margin-top: 0;}

		.modal-full.modal-wizard .formulario .form-items{width: 100%; display: flex; gap: 32px; align-items: center; justify-content: center; }
		.modal-full.modal-wizard .formulario .opcion{ display: flex; gap: 12px; justify-content: space-between;}
		.modal-full.modal-wizard .obra-como{display:flex; gap: 32px;}
		.modal-full.modal-wizard .obra-declaracion{display:flex; gap: 32px;}


@media (max-width:820px){
        .modal { min-width: auto; margin: 23px;}
		.modal-contenido{min-width: auto; padding:40px 16px;}
		.modal .titular{font-size: 18px;line-height: 28px;margin-bottom: 8px;}
		.modal P {font-size: 16px;line-height: 26px;}
		
		.modal-header{padding: 26px 23px 20px 23px;}
		.modal-cerrar {right: 23px; top: 20px;}
		.modal-cerrar A{display: block; font-size: 0;}
		.modal-cerrar IMG {  width: 28px; height: 28px; margin: auto;}
		

		.modal-edicion .modal{position: absolute; top: 0; margin: 0; bottom: 0; width: 100%;}
		.modal-edicion .modal-contenido{height: auto; max-height:Calc(100% - 68px - 168px); padding: 32px 23px;}
		.modal-edicion .datos-personales{flex-direction: column}
		.modal-edicion .datos-personales .foto .marco{width: 100%}
		.modal-edicion .formulario .form-row{}
		.modal-edicion .columnas{flex-direction: column; align-items: flex-start; gap:16px; margin-bottom: 24px;}
			.modal-edicion .columnas .opcion, .modal-edicion .columnas .tags{width: 100%;}
		.modal-edicion .columnas .tags:not(.checked){display: none;}
		.modal-edicion .columnas .enlace, .modal-edicion .columnas .titulo, .modal-edicion .columnas .url, .modal-edicion .columnas .nombre, .modal-edicion .columnas .organismo{width: 100%;}
		.modal-edicion .botones {  padding: 24px 23px; gap:16px; display: flex; flex-direction: column; }
		.modal-edicion .botones .boton { display: block; margin: 0; width: 100%;}
		.modal-edicion .mensaje{ align-items: flex-start; line-height: 16px;}
	
	.modal-full.modal-wizard{justify-content: flex-start; overflow: auto;}
	.modal-full.modal-wizard .modal{flex-direction: column; height: auto;}
	.modal-full.modal-wizard .modal-pasos{order: 0; width:100%; padding: 0; height: auto; gap: 0; overflow: visible;}
	.modal-full.modal-wizard .modal-pasos .pasos{height: auto; padding: 24px 23px;display: none; border-top: 1px solid #E7E7E7; position: absolute; background: #F2F4F7; z-index: 99; top: 145px;}
	.modal-full.modal-wizard .modal-contenido, .modal-full.modal-wizard .modal-contenido.centrado{width:100%; height: auto; justify-content: flex-start; padding:40px 23px; gap:40px;}
	.modal-full.modal-wizard .contenido{gap:40px;}
	.modal-full.modal-wizard .modal-login{flex-direction: column; margin: 0}
	.modal-full.modal-wizard .modal-login .login-separacion{padding: 1px 0 0 0; }
	.modal-full.modal-wizard .modal .modal-pasos .paso { display: block;}
	.modal-full.modal-wizard .modal-pasos .linea{height: 32px;}
	.modal-full .modal-cerrar { left: auto; right: 23px;}
	.modal .modal-pasos .heading-XS{    background-color: #fff; padding: 24px; width: 100%;}
	.modal-full.modal-wizard .paso-title{display: none;}
	.modal-full.modal-wizard .paso-description{text-align: left;}
	.modal-full.modal-wizard .modal-contenido .heading-M{font-size: 24px;font-style: normal;font-weight: 900;line-height: 24px; }
	.modal-full.modal-wizard .formulario .form-items{flex-direction: column;gap: 16px;}
	.modal-full.modal-wizard .obra-como{flex-direction: column; gap: 16px;}
	.modal-full.modal-wizard .obra-declaracion{flex-direction: column; gap: 16px;}
	
	
}



/*** TOOLTIPS ***/
.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff; padding: 15px; border-radius: 0}
.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}
.tippy-box[data-theme~='light'] > .tippy-arrow::before { transform: scale(1.1);}

.tippy-box[data-theme~=blue]{color:#fff;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:var(--color-azul); padding: 15px; border-radius: 0}
.tippy-box[data-theme~=blue][data-placement^=top]>.tippy-arrow:before{border-top-color:var(--color-azul)}.tippy-box[data-theme~=blue][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:var(--color-azul)}.tippy-box[data-theme~=blue][data-placement^=left]>.tippy-arrow:before{border-left-color:var(--color-azul)}.tippy-box[data-theme~=blue][data-placement^=right]>.tippy-arrow:before{border-right-color:var(--color-azul)}.tippy-box[data-theme~=blue]>.tippy-backdrop{background-color:var(--color-azul)}.tippy-box[data-theme~=blue]>.tippy-svg-arrow{fill:var(--color-azul)}
.tippy-box[data-theme~='blue'] > .tippy-arrow::before { transform: scale(1.1);}
	
/*----- Accordion -----*/
.accordion, .accordion * { -webkit-box-sizing:border-box;     -moz-box-sizing:border-box;     box-sizing:border-box; }
.accordion { overflow:hidden; margin:0px auto;}
.accordion-section{margin:0px;  } 
/*----- Section Titles -----*/
.accordion-section-title { width:100%; padding:25px 0; padding-right: 44px; display:inline-block;  transition:all linear 0.15s; color:#000; font-size:24px; line-height: 32px;	background-image:url("../images/ico-acordeon-2.png"); background-position:center right 15px;  right:5px; background-repeat:no-repeat;  font-weight:700; text-align: left; border-bottom: 1px solid #000; }
.accordion-section-title:hover { text-decoration:none; /*color:var(--color-amarillo); */}
.accordion-section-title.active{border: none; padding-bottom: 0; color:#000; background-image:url("../images/ico-acordeon-1.png"); background-position:center right 15px; background-repeat:no-repeat;}
.faqs .accordion-section-title .numero{font-size: 18px;line-height: 28px; font-weight: 400; margin-bottom:5px;}
.accordion-section:last-child  { border-bottom:none;}
.accordion-section-content{padding:20px 0 15px 0; display:none; text-align:justify; color:#fff; border-bottom: 1px solid #000;}
    .accordion-section-content P {text-align:justify; color:#000; font-weight:400; font-size:16px; line-height: 28px;}

.accordion-white .accordion-section-title { color:#fff; background-image:url("../images/ico-acordeon-2-white.png"); border-bottom: 1px solid #ffffff55; }
.accordion-white .accordion-section-title.active{border: none; color:#fff; background-image:url("../images/ico-acordeon-1-white.png");}
.accordion-white .accordion-section-content{ color:#fff; border-bottom: 1px solid #ffffff55;}
	.accordion-white .accordion-section-content P {color:#fff; }



.tabla{  width:100%; text-align:left; border-collapse: collapse}
	.tabla tr th{ background-color:#2D2B2D; color:#fff; height:30px;  }
	.tabla.striped tr:nth-of-type(odd) { background-color:#ececec}
	.tabla.striped tr:nth-of-type(even) { xxbackground-color:#006699; }
	.tabla th, .tabla td {  padding:8px; vertical-align:middle}
	.tabla P{margin:5px;}

.tabla-responsive { width: 100%; border-collapse: collapse; }
	/*.tabla-responsive tr:nth-of-type(odd) { background: #E7E7E7B2; }*/
	.tabla-responsive th { background: #F2F4F7; padding:8px; text-align: left; }
	.tabla-responsive tr{border-bottom: 1px solid #E7E7E7; }
	.tabla-responsive td { padding: 20px 8px; text-align: left; line-height: 22px;}
	.tabla-responsive A{text-decoration: underline;}
		.tabla-responsive A.boton{text-decoration: none;}
	@media only screen and (max-width: 820px),(min-device-width: 820px) and (max-device-width: 1024px)  {
		.tabla-responsive, .tabla-responsive thead, .tabla-responsive tbody, .tabla-responsive th, .tabla-responsive td, .tabla-responsive tr { display: block; }
		.tabla-responsive thead tr { position: absolute; top: -9999px; left: -9999px;}
		.tabla-responsive tr { padding-top: 12px;}
		.tabla-responsive td { position: relative; padding: 0 0 12px 86px; font-size: 14px;}
		.tabla-responsive td:before { position: absolute; /*top: 20px*/; left: 8px; width: 70px; padding-right: 10px; white-space: nowrap; font-size: 12px; font-weight: 400;line-height: 22px; }
	}

.tabla-responsive.striped tr:nth-of-type(odd) { background: #E7E7E7B2; }
.tabla-responsive .options{position: relative; text-align: right}
	.tabla-responsive .options .acciones { z-index: 10; position: absolute; top: 0; right: 0; padding: 12px 16px; flex-direction: column; align-items: flex-start; gap: 8px; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08); display: none;}
	.tabla-responsive .options:hover .acciones{display: flex !important;}
	.tabla-responsive .acciones .accion{display: flex;padding: 4px 0px 12px 0px;align-items: center;gap: 8px;align-self: stretch;/*border-bottom: 1px solid #E7E7E7;*/ width:max-content;}
	.tabla-responsive .acciones .accion:hover{color: var(--color-rojo); text-decoration: none}
	.tabla-responsive .acciones .accion:last-child{border: none; padding-bottom: 4px;}

.redondeado{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.redondeado-2{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.transparente{background-color:rgba(256,256,256, 0.85); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8cFFFFFF', endColorstr='#8cFFFFFF')}
.dashed{border:1px dashed #CCCFCF}

.boton{text-align:center; line-height: 28px; border-width: 2px; border-radius: 16px; margin: 0px; letter-spacing: 0px; font-weight: 500; font-size: 18px; background: transparent;
	color: #0e263b; width: auto; user-select: none; white-space: nowrap; vertical-align: middle; border: 2px solid #0e263b; display: inline-flex;flex-direction: row;justify-content: center;align-items: center; padding: 10px 40px; gap: 8px; flex: none; flex-grow: 0;
	transition: ease-in-out 0.2s; -webkit-transition: ease-in-out 0.2s; -moz-transition: ease-in-out 0.2s; -ms-transition: ease-in-out 0.2s; -o-transition: ease-in-out 0.2s;}
    .boton:hover { background: #000000 !important; color: #ffffff !important;cursor: pointer; text-decoration: none}

.boton.boton-negro{color: #ffffff; border: 2px solid #000000; background-color:#000;}
    .boton.boton-negro:hover, .boton.boton-negro:focus { background: var(--color-rojo) !important; color: #ffffff !important;cursor: pointer; border-color:var(--color-rojo); }

.boton.boton-blanco{color: #000000; border: 2px solid #ffffff; background-color:#ffffff;}
    .boton.boton-blanco:hover, .boton.boton-blanco:focus { background: transparent !important; color: #ffffff !important;cursor: pointer; border-color:#FFFFFF }
.boton.borde-blanco{border-color: var(--color-blanco); color: var(--color-blanco); }
    .boton.borde-blanco:hover, .boton.borde-rojo:focus{background: var(--color-blanco) !important; color: #000 !important;}

.boton.boton-azul{color: #fff; border: 2px solid var(--color-azul); background-color:var(--color-azul); }
    .boton.boton-azul:hover, .boton.boton-azul:focus { background: #fff !important; color: var(--color-azul) !important;cursor: pointer; }

.boton.boton-gris{color: #fff; border: 2px solid #929292; background-color:#929292; }
    .boton.boton-gris:hover, .boton.boton-gris:focus { background: var(--color-rojo) !important; color: #fff !important;cursor: pointer; border-color: var(--color-rojo)}

.boton.boton-rojo{color: #fff; border: 2px solid  var(--color-rojo); background-color: var(--color-rojo); }
    .boton.boton-rojo:hover, .boton.boton-rojo:focus { background: #000 !important; color:#fff !important;cursor: pointer; border-color:#000}
.boton.borde-rojo{border-color: var(--color-rojo); color: var(--color-rojo); }
    .boton.borde-rojo:hover, .boton.borde-rojo:focus{background: var(--color-rojo) !important;}

.boton.boton-traslucido{background-color: rgba(255,255,255,0.40); border: none; color: #ffffff; margin-top:0px; line-height:20px; border-width: 2px; margin: 0px; padding:4px 20px; letter-spacing: 0px; font-weight: 500; font-size: 12px;}
.boton.sm{padding: 6px 24px; font-size: 16px; height: 40px;}
.boton.boton-mini{line-height:14px; border-width: 2px; margin: 0px; padding: 6px 10px; letter-spacing: 0px; font-weight: 500; font-size: 13px}
.boton.boton-xs{display: flex;padding: 6px 24px;justify-content: center;align-items: flex-start;gap: 8px; font-size: 16px;line-height: 28px;}
.boton.boton-xl{line-height:22px; border-width: 2px; margin: 0px 5px; padding: 24px 50px; vertical-align: middle; font-size:18px; font-weight: 400; height: 80px; display: inline-flex; flex-direction: row; align-content: baseline;}
.boton.boton-xl SUP{ vertical-align: sub; font-size: 11px; margin-bottom: 6px;}
.boton.disabled, .boton.disabled:hover{background-color: #999999 !important; border-color:#999999 !important; cursor: auto; } .boton.disabled:hover IMG{opacity: 1 !important; } 
.boton.boton-cuadrado{border-radius: 0}
.boton-redondo{height: 70px; width: 70px; border-radius: 90px; background: #ffffff; display: inline-flex; justify-content: center; align-items: center;}
.boton-block{display: block; }
.boton-icon{ border-radius: 24px; display: inline-flex; padding: 10px; align-items: center; gap: 10px; font-size: 16px; }
.boton-icon2{display: inline-flex;padding: 10px;justify-content: center;align-items: center;gap: 8px;}

input[type="text"], input[type="number"], input[type="date"], input[type="password"], textarea, select{ 
		border: 1px solid #CCCFCF;border-radius: 16px; color: inherit; background: transparent; outline: none; width: 100%; font-family: inherit; font-size: 15px; padding: 16px; margin: 0px; line-height: normal;
}


.form-inline input[type="text"], .form-inline input[type="number"], .form-inline textarea, .form-inline select {width: auto; display: inline-block}

.form-control.error{border-width: 2px; border-color: #FD0330; outline: 0;}
P.error{color: #FD0330; font-weight: 500;font-size: 12px;line-height: 24px; display: flex; gap: 9px;}

.form-control {	display: block;	width: 100%; padding: 9px 16px; font-size: 16px; font-weight: 500; line-height: 1.5; color: #5E6278; background-color: #fff; background-clip: padding-box; border: 1px solid #CCCFCF; appearance: none; border-radius: 16px; box-shadow: false; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: #000;}
	.form-control:focus { color: var(#5E6278); background-color: #ffffff; border-color: var(--color-azul); outline: 0; box-shadow: false, 0 0 0 0.25rem rgba(var(--color-azul), 0.25); outline: 1px solid var(--color-azul);}
	.form-control::-webkit-date-and-time-value { height: 1.5em;	}
	.form-control::-webkit-datetime-edit { display: block; padding: 0;}
	.form-control::placeholder { color: #A1A5B7; opacity: 1;}
	.form-control:disabled { color: #A1A5B7; background-color: #F4F4F4; border-color: #E1E3EA; opacity: 1;}
	.form-floating { position: relative;}
	.form-floating::before:not(.form-control:disabled) { position: absolute; top: 1px; left: 1px; width: calc(100% - (calc(calc(0.375em + 0.3875rem) + calc(0.75em + 0.775rem)))); height: 1.875em; content: ""; background-color:#fff; border-radius: 16px;}
	.form-floating > .form-control,
	.form-floating > .form-control-plaintext,
	.form-floating > .form-select { /*height: calc(3.75rem + 2px);*/ line-height: 28px;}
	.form-floating > label { position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%;  padding: 9px 16px;  overflow: hidden;  text-align: start;  text-overflow: ellipsis;  white-space: nowrap;  pointer-events: none;  border: 1px solid transparent;  transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; font-size: 16px;font-weight: 500;line-height: 28px; color:#999; border-radius: 10px;}
	
	@media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; }}
	.form-floating > .form-control,.form-floating > .form-control-plaintext { padding: 9px 16px;}
	.form-floating > .form-control::placeholder,.form-floating > .form-control-plaintext::placeholder { color: transparent;}
	.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
	/*.form-floating > .form-control-plaintext:focus,.form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 0.85rem; padding-bottom: 0.625rem;}*/
	.form-floating > .form-control:-webkit-autofill,.form-floating > .form-control-plaintext:-webkit-autofill { background-color:#fff !important;}
	.form-floating > .form-select {  padding-top: 1.85rem;  padding-bottom: 0.625rem;}
	.form-floating > .form-control:focus ~ label,
	.form-floating > .form-control:not(:placeholder-shown) ~ label,
	.form-floating > .form-control-plaintext ~ label,
	.form-floating > .form-select ~ label {  transform: scale(0.85) translateY(-1.5rem) translateX(0.55rem); background: #fff; width: auto; padding: 0 10px; height: auto; top: 10px; color: #000;}
	.form-floating > .form-control:-webkit-autofill ~ label {  background-color:#ffffff; }
	.form-floating > .form-control-plaintext ~ label {  border-width: 1px 0;}
	.form-floating > .form-control:disabled ~ label {  color: #7E8299;}
	.form-floating .form-select {padding-top: 0.85rem !important;}

	.input-group {  position: relative; display: flex;  flex-wrap: wrap;  align-items: stretch;  width: 100%;}
	.input-group > .form-control,
	.input-group > .form-select,
	.input-group > .form-floating {  position: relative;  flex: 1 1 auto;  width: 1%;  min-width: 0;}
	.input-group > .form-control:focus,
	.input-group > .form-select:focus,
	.input-group > .form-floating:focus-within { z-index: 5;}
	
	textarea.form-control{height: auto !important;}
	.form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11'%3e%3cpath fill='black' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2.00015 0.585815L10.0002 8.58582L18.0002 0.585815L19.4144 2.00003L10.7073 10.7071C10.3167 11.0977 9.68357 11.0977 9.29304 10.7071L0.585938 2.00003L2.00015 0.585815Z'/%3e%3c/svg%3e");
	/*--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2350cd89' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");*/
	display: block; width: 100%; padding: 16px; -moz-padding-start: calc(1rem - 3px); font-size: 16px; font-weight: 500; color: #5E6278; background-color: #ffffff; background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 1rem center; background-size: 16px 12px; border: 1px solid #CCCFCF; border-radius: 16px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none;}
	@media (prefers-reduced-motion: reduce) { .form-select {transition: none; }}
	.form-select:focus { border-color: var(#B5B5C3); outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(#009ef7, 0.25);}
	.form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 1rem; background-image: none;}
	.form-select:disabled { color: #A1A5B7; background-color: #F4F4F4; border-color: #E1E3EA;}
	.form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #5E6278;}

	
	.form-check:not(.form-switch) .form-check-input[type=checkbox] {background-size: 60% 60%;}
	.form-check { display: block; min-height: 1.5rem; padding-left: 2.25rem; margin-bottom: 0.125rem;}
	.form-check .form-check-input { float: left; margin-left: -2.25rem;}
	.form-check-reverse { padding-right: 2.25rem; padding-left: 0; text-align: right;}
	.form-check-reverse .form-check-input { float: right; margin-right: -2.25rem; margin-left: 0;}
		.form-check-input { --bs-form-check-bg: #fff;  width: 20px; height: 20px; margin-top: -0.125rem; vertical-align: top; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #E1E3EA; appearance: none; print-color-adjust: exact;}
	.form-check-input[type=checkbox] { border-radius: 4px;}
	.form-check-input[type=radio] { border-radius: 50%;}
	.form-check-input:active { filter: brightness(90%);}
	.form-check-input:focus { border-color: #B5B5C3; outline: 0; box-shadow: none;}
	.form-check-input:checked { background-color: var(--color-rojo); border-color: var(--color-rojo);}
	.form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");}
	.form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 4 4'%3e%3ccircle r='2.0' fill='%23ff4e3f'/%3e%3c/svg%3e"); background-color: #ffffff;
    border-color: var(--color-rojo);}
	
	.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-component-checked-bg); border-color: var(--bs-component-checked-bg); --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='var%28--bs-component-checked-color%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");}
	.form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5;}
	.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5;}
	.form-check-label { color: #000;}

	.form-check-input:checked ~ label{font-weight: bold !important;}


/*  tags */
div.inputTags-list { width: 100%}
div.inputTags-list,div.inputTags-list span.inputTags-item { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; display: inline-block}
div.inputTags-list span.inputTags-item {  background-color: #3748F5;  border-radius: 8px; color: #fff; margin: 2px; opacity: 1; padding: 3px 22px 4px 8px; position: relative; text-align: center; font-size: 14px; font-weight: 500; line-height: 22px;}
div.inputTags-list span.inputTags-item.is-edit { display: none}
div.inputTags-list span.inputTags-item.is-hidden { display: none!important}
div.inputTags-list span.inputTags-item.is-exists { background-color: rgba(231,76,60,.7)}
div.inputTags-list span.inputTags-item span.value { cursor: pointer}
div.inputTags-list span.inputTags-item i { cursor: pointer; font-size: 14px; font-weight: 500; line-height: 22px; position: absolute; right: 6px; top: 50%;
    -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: color .2s; -khtml-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; z-index: 10}
div.inputTags-list span.inputTags-item img { cursor: pointer; font-size: 14px; font-weight: 500; line-height: 22px; position: absolute; right: 6px; top: 50%;
    -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: color .2s; -khtml-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; z-index: 10; filter: invert();}
div.inputTags-list span.inputTags-item i:hover { opacity: 0.5;}
div.inputTags-list span.inputTags-item img:hover { opacity: 0.5;}
div.inputTags-list input.inputTags-field { background-color: transparent; border: none; margin-left: 4px; display: inline-block; width: auto; padding: 0; line-height: 28px; border-radius: 0;}
div.inputTags-list input.inputTags-field:active,div.inputTags-list input.inputTags-field:focus { outline: 0}
div.inputTags-list input.inputTags-field.is-edit { -moz-background-clip: padding;  -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px dashed #c4c4c4; border-radius: 8px; margin: 0 2px; padding: 0px 8px 0px;}
div.inputTags-list ul.inputTags-autocomplete-list { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; list-style-type: none; margin: 0; max-height: 192px; opacity: 0; overflow-y: auto; padding: 0; position: absolute; -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -webkit-transform-origin: 50% 0; -khtml-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; -webkit-transition-duration: .2s; -khtml-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; z-index: 100}
div.inputTags-list ul.inputTags-autocomplete-list.is-active {  opacity: 1; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1)}
div.inputTags-list ul.inputTags-autocomplete-list li { border-bottom: 1px solid #ddd; cursor: pointer; height: 32px; line-height: 32px; padding: 0 16px;  -webkit-transition-duration: .3s; -khtml-transition-duration: .3s;    -moz-transition-duration: .3s;    -ms-transition-duration: .3s;   -o-transition-duration: .3s; -webkit-transition-duration: .2s;    -khtml-transition-duration: .2s;    -moz-transition-duration: .2s;    -ms-transition-duration: .2s;    -o-transition-duration: .2s}
div.inputTags-list ul.inputTags-autocomplete-list li:last-child { border: none}
div.inputTags-list ul.inputTags-autocomplete-list li:hover { background-color: var(--color-azul); color: #fff}
div.inputTags-list ul.inputTags-autocomplete-list li.is-disabled { background-color: #f7f7f7; color: initial; cursor: default;}
p.inputTags-error { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #FD0330; border-radius: 8px; color: #fff; cursor: pointer; margin: 0; position: relative; font-size: 14px; font-weight: 500; line-height: 22px; padding: 3px 42px 4px 8px;}
p.inputTags-error:first-of-type { margin-top: 8px}
p.inputTags-error:after {  content: "\000D7"; font-size: 24px; position: absolute; right: .5em; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%)}


UL.list-red-bullets  { list-style: none; text-align: left}
UL.list-red-bullets LI{ margin-right: 1.1em;}
UL.list-red-bullets LI::before{ content: "\2022";  color: var(--color-rojo); font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }

UL.list-no-style  {padding: 0}
UL.list-no-style LI{ list-style: none; margin-bottom: 10px;}

UL.listado-checks  {padding: 0}
UL.listado-checks LI{ background: url("../images/ico-check.png") no-repeat left top; background-size:24px 24px;  padding-left: 30px;  list-style: none; margin-bottom: 10px;}
UL.listado-checks.checks-negro LI{ background: url("../images/ico-check-negro.png") no-repeat left top; background-size:24px 24px; padding-left: 30px;  list-style: none; margin-bottom:6px; line-height:26px;}

UL.listado-border-blanco {padding: 0}
UL.listado-border-blanco LI{ list-style: none; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff;}

UL.listado-border-negro {padding: 0}
UL.listado-border-negro LI{ list-style: none; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000;}

.switch { position: relative;  display: inline-block; width: 48px; height: 24px;}
.switch input {  opacity: 0; width: 0; height: 0;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px;}
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%;}
input:checked + .slider { background-color: var(--color-azul);}
input:focus + .slider { box-shadow: 0 0 1px var(--color-azul);}
input:checked + .slider:before { -webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px);}



.row-v{overflow: auto}
.columna_100{width:100%; float:left}
.columna_90{width:90%; float:left}
.columna_85{width:85%; float:left}
.columna_80{width:80%; float:left}
.columna_70{width:70%; float:left}
.columna_60{width:60%; float:left}
.columna_50{width:50%; float:left}
.columna_48{width:48%; float:left}
.columna_40{width:40%; float:left}
.columna_33{width:33.333%; float:left}
.columna_35{width:35%; float:left}
.columna_30{width:30%; float:left}
.columna_25{width:25%; float:left}
.columna_20{width:20%; float:left}
.columna_16{width:16.666%; float:left}
.columna_15{width:15%; float:left}
.columna_10{width:10%; float:left}
.columna_5{width:5%; float:left}



.fecha{font-size:14px; color:#aaaaaa; line-height:30px;}
/*.icono{padding-top:4px; padding-bottom:4px; color:#FFFFFF; font-size:13px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width:22px; text-align:center; margin-right:6px;} */


/*** VARIOS ***/
/* en degradado: oscuro: 0f1e44  claro: 0b72b5 medio: 155c97*/
.txt-azul{color:var(--color-azul) !important;}
.txt-verde{color:var(--color-verde) !important;}
.txt-amarillo{color:var(--color-amarillo) !important;}
.txt-rojo{color:var(--color-rojo) !important;}
.txt-gris{color:#8b8d8d !important;}
.txt-gris-oscuro{color:#404142;}

.txt-negro{color:#000000 !important;}
.txt-blanco{color:#ffffff !important;}
.txt{color:#333333}
.txt-punteado{text-decoration:none; border-bottom: 1px dotted;} A.txt-punteado:hover{text-decoration:none} 

.borde{border:1px solid #d1d1d1;}

.bg-azul{background-color: var(--color-azul) !important;}
.bg-verde{background-color:var(--color-verde) !important;}
.bg-amarillo{background-color:var(--color-amarillo) !important;}
.bg-rojo{background-color: var(--color-rojo) !important;}
.bg-blanco{background-color: #ffffff  !important;}
.bg-gris{background: var(--grey_background, #F2F4F7);}
.bg-gris-claro{background-color: #cccfcf4d;}
.bg-gris-claro-2{background-color: #ECEEED;}
.bg-negro{background-color: #000000 !important;}
.bg-transparente{background-color: transparent!important;}

.borde-negro{border-color: #000000 !important;}

.txt-2-5{font-size:2.5em}
.txt-2{font-size:2em !important; line-height: 1.3em}
.txt-1-5{font-size:1.5em !important; line-height: 1.3em}
.txt-1-4{font-size:1.4em}
.txt-1-3{font-size:1.3em !important;}
.txt-1-2{font-size:1.2em !important; line-height: 1.2em}
.txt-1-1{font-size:1.1em  !important;}
.txt-09{font-size:0.9em !important;}
.txt-08{font-size:0.8em !important;}
.txt-05{font-size:0.5em}

a img{border:none}
a img:hover {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}


@media (max-width: 1433px){
	.privado .creador-hero .hero {padding-left: 58px;}
	
	.privado.mis-obras .busqueda{width: Calc(100% - (100% - 1280px)/2 - 90px); margin-left: 90px;}
		.privado.mis-obras .busqueda .cuerpo{width: 100%;}

	.privado.mis-obras .not-hero{	width: Calc(100% - 100px); margin-left: 90px;}
		.privado.mis-obras .not-hero .cuerpo{width: 100%;}

	.privado.mis-obras .pie{width: Calc(100%); padding:0 10px 0 90px;}
		.privado.mis-obras .pie .cuerpo{width: 100%;}
	.privado.mis-obras .banda-newsletter{padding:40px 10px 40px 90px;}
		.privado.mis-obras .banda-newsletter .cuerpo{width: 100%;}

}

@media(min-width:1284px) and (max-width: 1375px){
	.privado .creador-hero .hero {padding-left: 78px;}
}
@media (max-width: 1284px){
	.cuerpo{width:1150px; margin:auto}
	.artista-sobre .separacion-izquierda, .zona-creador{width: 450px;}
	.banda-creador-contenido { width: Calc(100% - 450px);}
	.artista-sobre-banda {max-width: Calc(100% - (100% - 1150px)/2 - 450px);}
	
	.zona-obra{left: Calc(100% - 450px);}
	.obra .obra-sobre .separacion-derecha, .obra .artista-sobre .separacion-derecha, .zona-obra{width: 450px;}
	.obra-sobre-banda {max-width: Calc(100% - (100% - 1150px)/2 - 450px);}
	.obra .artista-sobre-banda {max-width: Calc(100% - (100% - 1150px)/2 - 450px);}
	.obra-sobre-contenido, .obra .artista-sobre-contenido { padding: 104px 32px 104px 32px;}
	
	.modal-obra .obra-datos { margin: 72px 56px 72px 56px;}
	.modal-obra .obra-licencias {padding: 160px 56px 126px 56px; width: auto;}
	
	.privado.scroller .busqueda{ padding-left: 58px;}
	.privado .creador-hero .hero {padding-left: 78px;}
	
	.privado.mis-obras .busqueda{width: Calc(100% - (100% - 1150px)/2 - 90px); margin-left: 90px;}
		.privado.mis-obras .busqueda .cuerpo{width: 100%;}

}

@media(min-width:1025px) and (max-width: 1150px){
	.cuerpo{width:95%; margin:auto}
	.logo IMG{width: 150px;    margin-right: 10px;}
	.submenu.smaller{top:55px; }
    
	.obra-sobre-contenido .imagen-contenedor{ width: 100%; padding: 0 32px;}
	.privado .creador-hero .hero {padding-left: 58px;}
	.privado .pre-bola{ margin-right: 10px;}
}

@media (min-width: 1024px){
    .smaller .idiomas li A { height: initial !important; line-height: initial !important;}
}
@media (max-width: 1024px){
	HEADER{padding-bottom: 10px}
	.logo IMG{width: 150px; }
	.cuerpo{width:95%; margin:auto}
	
	/*.header-bar .navegacion li { display: inline-block; margin-left:0px;}*/
	.header-bar .navegacion .megamenu UL LI{display: block}
	.header-bar .buscador{max-width: 250px;}
	.header-bar-user .name{max-width: 106px;}
	
	.busqueda-resultado .obras-listado .grid { grid-template-columns: repeat(2,minmax(0,1fr));}
	
	.artista-sobre .separacion-izquierda, .zona-creador{width: 436px;}
	.banda-creador-contenido { width: Calc(100% - 436px); }
	.artista-sobre-banda {max-width: Calc(95% - (95% - 1150px)/2 - 436px); overflow: hidden;}
	.artista-sobre-contenido{padding-right: 32px;}
	.artista-sobre-descripcion{flex-direction: column}
	.artista-sobre .descripcion, .artista-sobre .foto {width: 100%}
	
	
	.zona-obra{left: Calc(100% - 436px);}
	.obra .obra-sobre .separacion-derecha, .obra .artista-sobre .separacion-derecha, .zona-obra{width: 436px;}
	.obra-sobre-banda {max-width: Calc(100% - (100% - 920px)/2 - 436px);}
	.obra .artista-sobre-banda {max-width: Calc(100% - (100% - 920px)/2 - 436px);}
	.obra-sobre-contenido, .obra .artista-sobre-contenido { padding: 104px 32px 104px 32px;}
	.obra-sobre-contenido .imagen-contenedor{ width: 100%; padding: 0 32px;}
	
	.artista-sobre .reconocimientos{display: grid;}
	
	
	.modal-obra .modal{overflow: scroll}
	.modal-obra .modal-cerrar{margin-bottom: 44px;}
	.modal-obra .imagen-contenedor { width: 344px; height: 261px;}
	.modal-obra .imagen-contenedor IMG {  width: 344px; height: 261px; margin: auto;}
	.modal-obra .obra-datos {  margin: 24px 23px 40px 23px;}
	.modal-obra .obra-licencias {padding:56px; height: auto}
	.modal-obra .obra-nombre{font-size: 20px;line-height: 20px;}
	.modal-obra .obra-licencias .titular{font-size: 20px;line-height: 20px;}
	.modal-obra .obra-licencias .titular-opciones{font-size: 18px;line-height: 20px;}
	.modal .modal-pasos .paso{display: none}
	.modal .modal-pasos .paso.activo{display: block}
	
	.privado .pre-bola{ margin-right: 10px;}
	
}


@media (max-width:900px) and (orientation:landscape){
   html, body{padding-top:30px;}
	.pc{display:none !important;}
	.movil{display:block !important;}
	.cuerpo{width:90%; margin:auto}
	.smaller{position: relative;}
	
	HEADER { position: relative;  top: 0px; margin-top: 0px; padding: 0;}
    HEADER.smaller {padding:0; }
    HEADER .cuerpo{width: 100%}
	HEADER, HEADER.smaller{    position: fixed;  width: 100%;  z-index: 15; margin-top: 0; background: #fff;}
	
	.logo IMG{width:140px; }
	.logo {float:none}
	#mostrarmenu{display:block; }
	    #mostrarmenu A { color: #000;}
	
   
	.header-bar{justify-content: space-between; sposition: absolute; height:auto; min-height: 60px;}
	
	.header-bar .navegacion{ position: fixed;bottom: 0; background: #fff; width: 100%; box-shadow: 0px 4px 12px 12px rgba(0, 0, 0, 0.08); height: 60px; z-index: 99}
	.header-bar .navegacion UL{margin: auto;}
		.header-bar .navegacion UL LI{padding: 15px 0; margin:0 14px !important;}
	.header-bar .navegacion LI.activo A.navegacion-link::before{ bottom:-20px; }
}

@media (max-width:820px){	
	
	.dropdown-content {display:block; position:relative !important; clear:both; box-shadow:none; margin:0px; white-space: inherit;}
	.dropdown-content a { padding:0px 4px !important; font-weight:100 !important;}
	
	.logo {float:none; padding: 10px 0 0 0; width: auto;}
	#mostrarmenu{display:block; }
	    #mostrarmenu A { color: #000;}
    
	.compartir-wa { display: block !important;}
	.separacion{margin-bottom:10px; margin-top: 10px;}
	
    html, body{padding-top:30px;}
	.cookies{width:auto; background-color: rgba(14, 38, 59,0.95);}
	.pc{display:none !important;}
	.movil{display:block !important;}
	blockquote{margin-left: 15px;}
    .cuerpo{width: Calc(100% - 48px);  margin:auto}
    .chat{ bottom:10px; right:5px; padding:8px;}
    .redes{bottom:55px; right:2px; }
    
	HEADER { position: relative;  top: 0px; margin-top: 0px; padding: 0;}
    HEADER.smaller {padding:0; }
    HEADER .cuerpo{width: 100%}
	HEADER, HEADER.smaller{    position: fixed;  width: 100%;  z-index: 15; margin-top: 0; background: #fff; box-shadow:none; border-bottom: 1px solid #CCCFCF;}
    
    .smaller, .interior .smaller{ position:relative; width:100%; z-index:15; margin-top:0 }
    .smaller .nav li, .smaller .nav li A{color: #fff; }
	.subir {bottom:65px;}
		
	.header-bar-banda{box-shadow:none;}
	.header-bar{justify-content: space-between; sposition: absolute; height:auto; min-height: 68px;}
	.header-top{order: 3;}
	.header-top .nav-superior{width: 100%; flex-direction: column; padding: 0}
	.header-top .nav-superior UL{width: 100%; padding: 23px 32px !important;}
	.header-top .nav-superior li{text-align: left; padding: 24px 0 0 0; margin: 0 !important; display: block; }
		.nav-superior li:first-child{padding-top: 0;}
	.nav-superior li A{padding:0px; color:#fff !important;}
		.nav-superior li.activo A {color: var(--color-rojo);}
		.nav-superior li:hover::before, .nav-superior li.activo::before {display:none;}
	
	.header-top .nav-superior .idiomas{text-align: left; width: 100%; padding: 23px 32px; border-top: 1px solid #CCCFCF; display: flex; gap: 16px; align-items: center;}
	.header-top .nav-superior .idiomas A{color: #fff !important; display: inline-block !important;}
	
	.header-bar{flex-direction: column;}
	.header-bar .container{flex-direction: column; width: 100%; gap:0; display: none}
	/*.header-bar .navegacion{ position: fixed;bottom: 0; background: #fff; width: 100%; box-shadow: 0px 4px 12px 12px rgba(0, 0, 0, 0.08); height: 60px; z-index: 99}*/
	.header-bar .navegacion{  background: #fff; width: 100%; border-top: 1px solid #CCCFCF; height: auto; z-index: 99; order:2; display: none}
	.header-bar .navegacion UL{margin: auto;  width: 100%; padding: 23px 32px}
		.header-bar .navegacion UL LI{padding-bottom: 24px; margin:0 !important;display: block;}
		.header-bar .navegacion UL LI:last-child{padding-bottom:0;}
	.header-bar .navegacion LI.activo A.navegacion-link::before{ bottom:-20px; }
	.header-bar .navegacion UL LI A{font-size: 14px;line-height: 24px;}
	.header-bar .navegacion .division{height: 1px; width: 100% !important;}
	
	.header-bar-user{display: none; height: auto; justify-content: flex-start;}
		.header-bar-user .user{display: none}
		.header-bar-user .profile{display: block; position: relative; width: 100%; top:auto; right: auto; font-size: 16px; line-height:16px; box-shadow:none; border-top: 1px solid #CCCFCF;}

		.header-bar-user  UL{padding: 0; text-align: left;}
			.header-bar-user .navegacion li{ margin-left:15px; vertical-align: middle; display:inline;} .movil-header-bar-user .navegacion li:first-child{margin-left: 0;}
			.header-bar-user .navegacion li A{color: #000;}
			.header-bar-user .navegacion .separacion {border-bottom: 1px solid #CCCFCF; height:1px; border-right: 0}
			.header-bar-user .foto{position: relative; }
			.header-bar-user .foto IMG{border-radius: 90px; width: 40px; height: 40px; }
			.header-bar-user .user .foto .alerta{width:12px; height:12px; background:#25C318; position: absolute; right:-8px; top:-8px; border-radius: 50px;}
			.header-bar-user .name{font-weight: 700;font-size: 16px;line-height: 28px;}

			.header-bar-user .profile .data{text-align: left; display: flex; align-items: flex-start; gap:16px; border-bottom: 1px solid #CCCFCF; padding: 23px 0; margin: 0 14px !important; border-right: 0;}
				.header-bar-user .profile .data-user{flex-direction: row; gap:16px;}
			.header-bar-user .profile .foto, .header-bar-user .profile .foto IMG{border-radius: 90px; width:80px; height:80px; margin: 0; }
			.header-bar-user .profile .name{font-size: 16px;line-height: 26px; font-weight: 700; margin-bottom: 0px;}
			.header-bar-user .profile .email{font-size: 14px;line-height: 22px; margin-bottom: 8px;}
			.header-bar-user .profile .profile-menu{padding:0;}
			.header-bar-user  .profile UL {padding: 23px 32px;}
			.header-bar-user .profile li{ vertical-align: middle; display: flex; min-width: 190px; position: relative} .movil-header-bar-user .profile li:last-child{margin-bottom:0; padding: 16px 0 0 0;}
			.header-bar-user .profile A{ display: block; color:#000; font-size: 14px;line-height: 24px;} .header-bar-user .profile A:hover{ color: var(--color-rojo);  }
			.header-bar-user .profile li IMG{margin-right: 18px}
			.header-bar-user .profile li.separacion-gris {margin:15px 0;}
			.header-bar-user .profile li A:hover { color: var(--color-azul); }
				.header-bar-user .profile li SVG {vertical-align: middle; margin-right: 18px}
				.header-bar-user .profile li:hover SVG{fill:var(--color-azul) !important; }
				.header-bar-user .profile .boton{display: inline-block; color:#fff; padding: 6px 24px;gap: 8px;font-size: 16px;line-height: 28px; margin: 0}

			.header-bar-user .profile li .alerta{width: 8px; height: 8px; background:#25C318; position: absolute; left: -14px; top:12px; border-radius: 50px;}
	
	
	.submenu li {margin-right:6px;}
	
	.hero{flex-direction: column; min-height: 0;}
	.hero.slim{padding: 32px 0;}
	.hero .cuerpo{flex-direction: column; padding: 0;}
	.hero-image{display: none;}
	.hero .linea-amarilla{margin-left: 113px;  margin-right: auto; height:8px;}
	
	.hero .cabecera-contenido {	padding:65px 0 80px 0;}
	.hero .tit1 {font-size: 40px; line-height: 40px; padding: 0 15px;}
	.hero .description{padding: 15px;}
	.hero .boton{display: block}
	
	.home-hero{flex-direction: column; /*min-height: Calc(100% - 100px);*/ min-height: auto;}
	.home-hero .cuerpo{flex-direction: column; padding: 30px 0; padding-top: 112px; align-items: flex-start;}
	.home-hero-image{display: none;}
	.home-hero .linea-amarilla{left: 113px; height: 8px;width: 100%; top:64px;}
	.home-hero .tit1 {font-size: 40px; line-height: 40px; padding:16px 16px 8px 16px;}
	.home-hero .description{padding: 8px 16px 16px 16px;}
	.home-hero.interior .description{padding: 8px 0 16px 0;}
	
	.hero.hero-img .cabecera-contenido{flex-direction: column-reverse; padding-top: 33px; padding-bottom: 40px; }
	.hero.hero-img .textos { position: relative;}
	.hero.hero-img .tit1{padding: 0}
	.hero-img .hero-image{display: none;}
	.hero.hero-img .textos P{margin-top: 16px;}
	.hero.hero-img .linea-blanca{display: none}
	
	
	.float-hero{display: block}
		.float-frame {position: relative; top: 0; width:100%; height: auto; padding-bottom: 50px; padding-top: 96px;}

		.float-frame .data .foto{width: 116px; height: 116px;}

		.nofloat-frame { width:90%; margin:auto; min-width: 90%;}
			.nofloat-content { padding: 24px 0px 56px 0px;}

		.float-frame.smaller{position: fixed; top: 60px; height: auto; padding: 12px 0; }
		.float-frame.smaller .data{display: flex; flex-direction: row; text-align: left; gap:12px; align-items: center; justify-content: center; }
		.float-frame.smaller .data .foto { width:48px; height:48px; margin: 0;}
	
	
	.ctas{flex-direction: column;}
	.ctas .contenedor{width: 100%;}
	.ctas .contenedor .textos{width: 100%;}
	
	.home-hero .linea-blanca {top: 64px;left: 113px;height: 8px;right: 0;}
	.home-destacados{gap:23px; padding: 64px 0 56px;}
	.home-destacados .heading-M{font-size: 24px; line-height: 24px; }
	
	
	.home-destacados .items{flex-direction: column}
		.home-destacados .card-destacado{width: 100%; margin: 0 !important;}
	
	.home-demuestra .item{ width:100%; padding: 0}
	
	.home-beneficios{padding:64px 15px;}
		.home-beneficios-intro{width: 100%; gap: 16px;}
		.home-beneficios .cuerpo{overflow: visible; flex-direction: column; padding: 0;}
		.home-beneficios-title{padding: 0; font-size: 40px; line-height: 40px; }
		.home-beneficios-descriptiones{width:100%; margin-top: 40px;     gap: 32px;}
			.home-beneficios-description{width: 100%; font-size: 16px; line-height: 26px; gap:8px;}
	
	
	.home-plataforma-1{flex-direction: column;}
		.home-plataforma-1 .item{width: 100%;}
	.home-plataforma-2{flex-direction: column;}
		.home-plataforma-2 IMG{margin: 0 !important}
	
	.home-descubre .tarifas{flex-direction: column; justify-content: center; gap:32px;}
	.home-descubre .tarifas .card-pricing{width: 100%;}
	.home .suscripcion .introduccion{margin-bottom: 30px;}
	
	.home-referencias { padding: 64px 0 56px;}
		.home-referencias .container{gap:40px;}
		.home-referencias .heading-M{font-size: 24px; line-height: 24px; }
		.home-referencias .logos{display: grid;grid-template-columns:repeat(2,minmax(0,1fr)); width: 214px; margin:auto; }

	.cta-section{ padding: 64px 0 56px;}
		.cta-section .container{gap:16px; flex-direction: column;}
		.cta-section .heading-M{font-size: 24px; line-height: 24px; }
		.cta-section .bodycopy-M-bold{font-size: 16px !important;line-height: 26px !important;font-weight: 400 !important;}
	
	.rewards-code .text, .rewards-code .code{font-size: 12px !important;}
	.banda-rewards{flex-direction: column}
		.rewards-content{flex-direction: column}
	.rewards-balance .bodycopy-L{font-size: 20px;}
	.rewards-card{font-size: 15px !important; line-height: 20px !important; padding: 30px;}
	.rewards-sub-card{padding: 30px;}
	
	
	.faqs{ padding: 64px 0 56px;}
		.faqs .heading-M{font-size: 24px; line-height: 24px; }
		.faqs .accordion-section-title .numero { font-size: 16px; line-height: 26px;}
		.faqs .accordion-section-title {font-size: 18px;line-height: 28px;}
	
	.accordion-section:first-child .accordion-section-title{ border-top: 1px solid #ffffff55; margin-top: 40px;}
	.accordion-section-title{font-size: 18px;font-style: normal;font-weight: 700;line-height: 28px; }
	
	.ctas{height: auto}
		.ctas .contenedor{height: auto; padding: 64px 23px 56px 23px;}
		.ctas .heading-M{font-size: 24px; line-height: 24px; }
		.ctas .bodycopy-M {font-size: 16px !important;line-height: 24px !important;}
	
	.banda-newsletter{padding:64px 0; background:none !important}
		.banda-newsletter .cuerpo{flex-direction: column; padding: 0;}
		.banda-newsletter-title{padding:0; font-size: 24px;line-height: 24px; }
		.banda-newsletter-description{min-width: auto; width:100%;}
		.banda-newsletter .separacion{display: inline;}
		.banda-newsletter-title P{font-size: 16px;line-height: 26px;}
	
	.banda-ia{flex-direction: column;}
	.banda-funciona{flex-direction: column;}
	.banda-funciona .item{width: 100%;padding: 56px 40px;}
		.banda-funciona .cta{flex-direction: column;}

	.banda-2-columnas{flex-direction: column; gap:12px}
		.banda-2-columnas .item{width: 100%;padding:40px 0;}
	
		
	.float-frame.obra{padding-top: 36px; padding-bottom: 16px;}
	.float-frame.obra .data{padding: 32px;}
	.obra-column-options {flex-direction: column; align-items: flex-start; gap: 20px;}
	.obra-etiquetas-options{flex-direction: column;}
		.obra-etiquetas-options .option{max-width: 100%;}
	.obra-modificar-registro {flex-direction: column;}
	
	.creaciones-listado{grid-template-columns: repeat(1, minmax(0,1fr)); grid-gap: 16px;}
	.busqueda .creaciones-listado{grid-template-columns: repeat(1, minmax(0,1fr)); grid-gap: 16px;}
	.resultados-header-options{flex: auto}
	
	.buscador-pagina{padding-top:32px;}
	.busqueda-resultado{flex-direction: column; gap:16px;}
	.busqueda-resultado .filtros{width: 100%; max-width: 100%; display: none; flex-direction: column;}
	.busqueda-resultado .obras-listado .grid { white-space: normal; overflow: auto; display: block;}
	.busqueda-resultado .obras-listado .card { width: 100%; margin: 0 0 24px 0; }
	.creadores .busqueda-resultado .obras-listado .card{ /*max-width: 85%;*/ margin:0 }
	.busqueda-resultado .filtros-contenido{overflow: auto;padding-bottom:16px;}
	.busqueda-resultado .filtros{position: fixed !important; top:0; left:0; bottom: 0; background-color: #fff; z-index: 99999;  }
	.busqueda-resultado .filtros .categoria{padding: 0px; margin: 16px;}
	.busqueda-resultado .filtros .encabezado{margin: 0px; padding: 16px;}
		.busqueda-resultado .filtros .encabezado .nombre{margin: 0}
		.busqueda-resultado .filtros.open{display: flex; padding-top: 0;}
		.privado.mis-obras .busqueda-resultado .filtros{padding-top: 0;}
		.busqueda-resultado .filtros.open SELECT {margin-bottom: 16px; }
	.busqueda-resultado .resultados{padding-top: 0; width: 100%;}

	.tipo-obras-listado{grid-template-columns: repeat(2, minmax(0,1fr)); grid-gap: 16px;}
	.tipo-obras-listado .card-destacado .text{left: 16px; bottom: 16px;}
	.tipo-obras-listado .card-destacado .heading-S{font-size: 16px; line-height:16px;}
	.banda-beneficios .container { margin-bottom:32px;}
	.beneficios-titular .heading-L{font-size: 40px; line-height:40px; margin-bottom: 32px;}
	.beneficio{padding-left: 0; }
		.beneficio::before{left: auto; position: relative;}
	
	.tabs{max-width: 100%;overflow-y: hidden; gap:8px; justify-content: flex-start !important;}
	.tabs ul{white-space: nowrap; overflow-x: auto; overflow-y: hidden; flex-wrap: inherit !important; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 0 10px; -ms-overflow-style: none;}
	.tabs UL::-webkit-scrollbar {display: none;}
	.tabs li, .tabs li:first-child{margin-left:12px;}
	.tabs.responsive{ overflow-x: scroll;}
	.tabs.responsive ul{ display: table; width: 100%; margin: 0; padding: 0;}
	.tabs.responsive::-webkit-scrollbar { display: none;}
	.tabs.responsive li { box-sizing: border-box; display: table-cell;  vertical-align: middle; padding-left: 32px;}
		.tabs.responsive li:last-child{padding-right: 32px;}
	.tabs.responsive A { text-wrap: nowrap; padding-top:0;}
	
	.not-hero .tabs{padding-top:32px;}
	
	
	.slick-dotted.slick-slider { margin-bottom: 20px !important;}
    .slick-dots{display: none !important;}
	
    
    .frase .tit1{font-size: 24px;line-height: 24px; padding-bottom:0px;}
    .frase .tit2{font-size: 25px;line-height: 30px;}
	.frase .tit3{font-size: 16px; line-height:26px;}
    .dos-columnas .bloque{padding: 20px; min-height: 300px !important;}
    .dos-columnas .tit1 {font-size:25px;}
	
    .pie .pie-mapa-web{display: grid; grid-template-columns: repeat(2,minmax(0,1fr));}
    .pie .pie-mapa-web UL{margin-bottom: 20px;}
	.pie .credits{flex-direction: column; gap:24px;}
	.pie .pie-copy{order:2;} .pie .pie-logo{order:1;} .pie .social-links{order:3;}
    
	.interior-columna-1{padding-right:0px;}
	.interior-columna-2{padding-left:0px;}
    
    .pie{padding: 30px 0 80px 0;}
	
	.columna_90{width:100%; float:none}
	.columna_80{width:100%; float:none}
	.columna_70{width:100%; float:none}
	.columna_40{width:100%; float:none}
	.columna_33{width:100%; float:none}
	.columna_35{width:100%; float:none}
    .columna_30{width:100%; float:none}
	.columna_25{width:100%; float:none}
	.columna_20{width:100%; float:none}
	.columna_10{width:100%; float:none}
}

@media (max-width:499px){	
	.cuerpo{width: Calc(100% - 48px); margin:auto}
}


@font-face {
  font-family: 'safecreators';
  src: url("../font/safecreators.eot?45923850");
  src: url("../font/safecreators.eot?45923850#iefix") format('embedded-opentype'),
       url("../font/safecreators.woff2?45923850") format('woff2'),
       url("../font/safecreators.woff?45923850") format('woff'),
       url("..//font/safecreators.ttf?45923850") format('truetype'),
       url("../font/safecreators.svg?45923850#safecreators") format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "safecreators";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-check:before { content: '\e800'; } /* '' */
.icon-config:before { content: '\e801'; } /* '' */
.icon-download:before { content: '\e802'; } /* '' */
.icon-edit:before { content: '\e803'; } /* '' */
.icon-favorite:before { content: '\e804'; } /* '' */
.icon-info:before { content: '\e805'; } /* '' */
.icon-link:before { content: '\e806'; } /* '' */
.icon-mail:before { content: '\e807'; } /* '' */
.icon-more:before { content: '\e808'; } /* '' */
.icon-msn:before { content: '\e809'; } /* '' */
.icon-options:before { content: '\e80a'; } /* '' */
.icon-padlock:before { content: '\e80b'; } /* '' */
.icon-pin:before { content: '\e80c'; } /* '' */
.icon-place:before { content: '\e80d'; } /* '' */
.icon-share:before { content: '\e80e'; } /* '' */
.icon-share2:before { content: '\e80f'; } /* '' */
.icon-social:before { content: '\e810'; } /* '' */
.icon-trash:before { content: '\e811'; } /* '' */
.icon-view:before { content: '\e812'; } /* '' */
.icon-x:before { content: '\e813'; } /* '' */
.icon-search:before { content: '\e814'; } /* '' */
.icon-send:before { content: '\e815'; } /* '' */
.icon-dolar:before { content: '\e816'; } /* '' */
.icon-nft:before { content: '\e817'; } /* '' */
.icon-advert:before { content: '\e818'; } /* '' */

.row {display: flex;flex-direction: row;flex-wrap: wrap; width: 100%;}
.col-1 {flex: 0 0 8.3333%;}
.col-2 {flex: 0 0 16.6666%;}
.col-3 {flex: 0 0 25%;}
.col-4 {flex: 0 0 33.3333%;}
.col-5 {flex: 0 0 41.6666%;}
.col-6 {flex: 0 0 50%;}
.col-7 {flex: 0 0 58.3333%;}
.col-8 {flex: 0 0 66.6666%;}
.col-9 {flex: 0 0 75%;}
.col-10 {flex: 0 0 83.3333%;}
.col-11 {flex: 0 0 91.6666%;}
.col-12 {flex: 0 0 100%;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {	padding: 10px;}
.row > :first-child {padding-left: 0;}
.row > :last-child {padding-right: 0;}
.row.multiline > :first-child {	padding-left: 10px;}
.row.multiline > :last-child {padding-right: 10px;}
@media (max-width:820px){
	.row { display: block; }
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		width: 100%;
		padding: 10px 0;
	}
}