/* CSS Document */

:root {
    --border-color: #284467;
    --color-azul-logo: #1d7d99;
    --color-azul: #78aabd;
    --color-rojo: #fd0330;
    --color-blanco: #ffffff;
    --box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.20);
    --font-black: "CodeProBlack";
}
@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:var(--color-rojo);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; font-weight: 300}
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;}
.cursiva{font-style:italic;}
.subrayado{text-decoration:underline;}
.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_0{margin:0px !important; }
.padding_80{padding:80px;}
.padding_40{padding:40px;}
.padding_20{padding:20px;}
.padding_10{padding:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.pl-40{padding-left:40px;}
.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;  }
.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; 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-200{max-width: 200px; margin: auto}
.max-width-100{max-width: 100px; margin: auto}
.width-100{width:100% !important; }
.grid-2{display: grid; grid-template-columns: repeat(2, 1fr);}
.grid-3{display: grid; grid-template-columns: repeat(3, 1fr);}
.grid-4{display: grid; grid-template-columns: repeat(4, 1fr);}

.hamburger{padding:10px;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;}
.hamburger{padding: 5px;}

.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;}


HEADER{overflow:visible;  z-index:20;  padding-bottom: 20px; position:absolute; width:100%; /*background-color: var(--color-rojo);*/ }

/** BANDA MENU **/

.logo{margin:0px; float:left; text-align:center; /*margin-top:10px; display:block*/} .logo IMG{vertical-align:middle; margin-right: 30px;}
.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; padding:0px; display:none; font-size:28px; font-weight:bold; } /*#mostrarmenu A{color:#ffffff;}*/
.nav-superior{text-align: center; color: #fff; padding:15px 10px; 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; }
        .nav-superior li.activo A{color: var(--color-rojo)}
    .nav-superior A{color: #fff; font-size: 12px; padding:0; text-transform: uppercase;}
    .nav-superior img{margin-left: 20px}

.nav-superior A:hover{text-decoration: none; color: var(--color-rojo)}
.nav-superior .opciones {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}
.nav-superior .opciones .user {
	display: flex;
	justify-content: space-between;
	gap: 5px;
}


.banda_menu{z-index:3; display: flex; align-items: center; flex-direction: row; justify-content: space-between; margin-top:25px;}
.nav{text-align:center; overflow:auto; }
	.nav ul{list-style: none; padding:0px; margin-left:5px; font-size:0px; text-align:right}
	.nav li{display:inline-block; font-size:20px; margin-left:15px; letter-spacing:0.8px; color:#ffffff}
		.nav li:first-child{margin-left:0px;} 
    	
	.nav li A{display: inline-block; color:var(--color-blanco); padding:0 8px; 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; overflow:hidden; font-weight: 600;     vertical-align: middle;}
        .nav li:Hover{ text-decoration:none;} 
	.nav li:hover a{/*background-color:#ffffff; color:#a78369;*/ text-decoration:none;}
	.nav li.activo A{color: var(--color-rojo)}
	.nav li.activo A:after {width: 50%; border-bottom-color: var(--color-rojo)}
    
    .nav li A:after {content: ""; display: block; width: 0%; padding-top:5px; border-bottom: 2px solid var(--color-rojo); transition: .5s; margin: auto;}
    .nav li A:hover:after { width: 50%; }


	.nav li.logo{display:none;padding:0px; margin-right:20px;}
		.nav li.logo A{padding:0px} .nav li.logo:hover{background-color:transparent}
	
		
.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 .nav li{color:#000; font-size: 15px; margin-top: 4px}
		.smaller .nav li A{ color:#000000} 
        .smaller .nav li A:after {border-bottom: 1px solid #000000;}
	
	.smaller .logo IMG{width:115px}    .smaller .banda_menu HR{display:none}
	.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 .banda_menu{margin: 20px 0}
.smaller .banda-nav-superior{display: none}

.submenu{color:#ffffff;position:relative; text-align:center; padding:20px 0; background-color: #131313}
	.submenu ul{list-style:none;margin:0;padding:0;text-align:center;margin-left:0}
        .submenu li {margin-right: 30px;  } .submenu li:last-child{margin-right: 0}
		.submenu li A{color:#c2c2c2;font-size:16px;display:inline-block;font-weight:400; padding:10px 0;}.submenu li:hover A{text-decoration:none; color:#fff}.submenu li.activo{font-weight:700;}
		.submenu li.activo A{color:var(--color-rojo);font-weight:700; }
		.submenu li{display:inline}

.submenu.pc{display: block}
.submenu.smaller{ position: fixed;  top: 66px;  z-index: 6;  width: 100%; padding: 12px 0;}

.submenu.licencias {padding:20px 0 0 0 !important;}
.submenu.licencias li{padding: 10px 0; display: inline-block;}
.submenu.licencias A{padding: 0}
.submenu.licencias li.activo{border-bottom:5px solid var(--color-rojo);}

#topbar .menu-user{float:right;	height:100%;	padding-left:8px;	padding-bottom:0;position:relative;}
#topbar .menu-user a,#topbar .menu-user span{margin:0 6px;}
#topbar .menu-user span img{margin-top:2px;}
.user_name { color:#fff; max-width: 280px; height: 15px; overflow: hidden; text-align: right;padding-right: 24px;padding-bottom: 15px !important;background-image:url(../img/menu.png);	background-repeat:no-repeat;	background-position:right;}
.exit{color:#fff; padding-left: 8px; }
.user_name:hover, .exit:hover{color:#fff;}
.menu-user a,.menu-user span{float:left;}
/******** ACCOUNT MENU *************/
#account-menu {	position: relative;}
#account-menu .menu-options a {text-transform: none;}
#account-menu * {float: none;}
#account-menu .menu-trigger {display: inline-block;	cursor: pointer;}
#account-menu .menu-options {display: none;	position: absolute;	top: 30px;	left: 0px;	background-color: #fff;	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 9999;	max-width: 300px; font-family: 'open sans';	letter-spacing: 0;}
#account-menu:hover .menu-options {	display: block;}
#account-menu .menu-options .option {display: block;color: #000;padding: 8px;text-decoration: none;white-space: nowrap;transition: none; -moz-transition: none; -webkit-transition: none; text-align: left; position: relative; float:none; margin: 0;}
#account-menu .menu-options a.option:hover {background-color: #fd0330;color: #fff;}
#account-menu .menu-options .icon {position: absolute;	width: 22px;	height: 22px;}
#account-menu .menu-options img.icon {	background: #fff;	vertical-align: middle;	border-radius: 16px;padding: 1px;margin: 6px 0;}
#account-menu .menu-options img.icon.no-margin {margin: 0;}
#account-menu .menu-options span.icon {	display: inline-block;	padding: 10px 5px;	margin: 0;}
#account-menu .menu-options span.option-text {display: block;margin-left: 26px;	padding: 4px 2px;}
#account-menu .menu-options .header {display: block;color: #000;padding: 8px 12px;text-decoration: none;white-space: nowrap;transition: none;   -moz-transition: none; -webkit-transition: none;   text-align: left;osition: relative;	float:none;	margin: 0;}
#account-menu .menu-options .header span {margin: 0;}
#account-menu .menu-options .header .button {display: inline-block;	padding:8px 16px;	border-radius:4px;width:100%;margin:4px 0;background:#fd0330;color:#fff;font-family: 'open sans';font-weight:600;cursor:pointer;text-decoration: none;text-transform: none;	border: none;font-size: 100%;	text-align: center;	transition: background .50s ease-in-out;   -moz-transition: background .50s ease-in-out;   -webkit-transition: background .50s ease-in-out;}
#account-menu .menu-options .header .button:hover {	background:#c72b19;}
#account-menu .menu-options .separator {display: block;background-color: #ddd;width: 100%;height: 1px;margin: 0;}
.user_name {max-width: 280px; 	overflow: hidden;}
.banda_menu .banda-buscador { width: 30%;}
.creators .banda-buscador FORM { display: flex; justify-content: space-between; align-items: center;   width: 100%;}
.creators .banda-buscador FORM { display: flex; justify-content: space-between; align-items: center;   width: 100%;}
.creators .banda-buscador INPUT {  border: none;}


.frase{text-align:center; font-size:16px; padding-top:80px; padding-bottom:80px;clear:both;   }
	.frase .tit1{font-size:44px; text-align:center; line-height:54px; letter-spacing:1px;  min-width:100px; padding-bottom:6px; font-weight:300;  font-family: var(--font-black);}
	.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 #666; 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%);}}

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

.fullscreen-arrow {	position: absolute;	bottom:50px; left: 0; right: 0; margin: auto; -webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	-ms-transform: rotate(45deg);	transform: rotate(45deg);	width:40px;	height:40px; border-right: 3px solid #fff;	border-bottom: 3px solid #fff;	opacity: 0.6;	z-index: 999; }
    .fullscreen-arrow:hover{cursor:pointer; bottom: 45px;}
	.fullscreen-arrow {  -webkit-animation: slide 1s linear infinite;  animation: slide 1s linear infinite;}
	@-webkit-keyframes slide {
		0% { opacity:0; transform: translateY(0px) rotate(45deg);	}	
	   50% { opacity:1; transform: translateY(10px) rotate(45deg);	}
	  100% { opacity:0; transform: translateY(0px) rotate(45deg);	}	
	}
	@keyframes slide {
		0% { opacity:0; transform: translateY(0px) rotate(45deg);	}	
	   50% { opacity:1; transform: translateY(10px) rotate(45deg);	}
	  100% { opacity:0; transform: translateY(0px) rotate(45deg);	}	
	}


.cabecera{width:100%; position:relative; margin:auto; z-index: 1; display: flex; align-items: center; justify-content: center; XXXXXheight: 100%; min-height:150px; -moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none; background-size:cover; background-repeat:no-repeat; background-position:top right; }
    .cabecera .cuerpo{z-index: 2}
    .cabecera-home .cabecera-contenido{display:block; overflow:visible; text-align:left; z-index:2; color:#ffffff; max-width: 580px; }
        .cabecera-home .tit1{ font-size:75px; line-height: 75px; display:block; clear:both; font-weight:400; color:var(--color-rojo); background-color:#ffffff; font-family: 'CodeProBlack'; padding:40px; padding-bottom: 15px;}
        .cabecera-home .tit2{ font-size:23px; padding:30px 40px; padding-left: 130px;; display:block; clear:both; font-weight:400; letter-spacing: 0.8px; }
        .cabecera-home .trazos{position: absolute; top: 0; background-image: url("/images/trazos.png"); background-position: bottom right; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain}

    .cabecera-interior .cabecera-contenido{ text-align:left; z-index:2; color:#ffffff; max-width: 1200px; background-color: #000; overflow:auto; margin: 200px auto; margin-bottom: -50px; display: flex; flex-direction: row; align-items: end;}
        .cabecera-interior .bloque{padding: 70px;}
            .cabecera-interior .tit1{ font-size:55px; line-height: 55px; display:block; clear:both; font-weight:400; color:#fff; font-family: 'CodeProBlack';  }
            .cabecera-interior .tit2{ font-size:18px; display:block; clear:both; font-weight:400; letter-spacing: 0.8px; }

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


.home-frase { margin-top: 145px; margin-bottom: 45px;}
.home-frase .tit1{font-size: 40px; line-height: 40px; max-width: 600px; text-align: center; margin: auto; font-family: var(--font-black);}
.home-frase .tit2{font-size: 24px; max-width: 600px; text-align: justify; margin: auto; margin-top:30px;}

.banda-ventajas{padding: 40px 0;}
    .banda-ventajas .bloque{margin:40px; padding-left: 100px; background-repeat: no-repeat; background-position: 0 30px ; background-size: 80px}
    .banda-ventajas .linea{width: 120px; height: 8px; background: #fff; margin-bottom:40px;}
    .banda-ventajas .nombre{font-size: 30px; font-weight: 700; margin-bottom: 20px;}
    .banda-ventajas P{font-size: 20px; font-weight: 400; margin-bottom: 10px;}
    
.tarifas .frase{padding-top: 20px}
    .tipo-tarifas .bloque{width: 320px; margin:20px; padding:40px 30px; /*box-shadow: var(--box-shadow);*/ text-align: center; font-size: 16px; background-color: #efeeee; border: 3px solid #efeeee; 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; border-radius: 15px;}
        .tipo-tarifas .bloque:hover{ background-color:var(--color-blanco); border: 8px solid #000 !important; }
        .tipo-tarifas .bloque.borde:hover{ background-color:var(--color-blanco); border: 8px solid var(--color-rojo) !important; }
    .tipo-tarifas .bloque.borde{border: 3px solid #000; padding: 70px 30px;}
    .tipo-tarifas .nombre{font-size:28px; line-height:26px; margin-bottom: 15px; font-weight: 600}
    .tipo-tarifas .precio{font-size:30px; font-weight: 600; line-height: 14px; margin-top: 20px;}
        .tipo-tarifas .precio SPAN{font-size:14px; font-weight: 200}


.home-testimonios{margin-top: 40px; padding-top:60px; padding-bottom:80px;}
	.home-testimonios .bloque{ position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; background: #f0f0f0; margin:15px; padding:60px; overflow: visible; color: #ffffff}
    .home-testimonios .descripcion{font-size:18px; margin-bottom: 25px; }
    .home-testimonios .nombre{font-size:18px; margin-bottom: 5px; text-align: left; width: 100%; font-weight:400; }
    .home-testimonios .empresa{font-size:14px;  width: 100%; font-weight:400; }
    .home-testimonios .glider-slide{display: flex; flex-direction: column; justify-content: center;}


.home-colaboradores{overflow: auto; padding:60px 0;}
    .home-colaboradores .bloque{ position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding:40px; }
    .home-colaboradores IMG{mix-blend-mode: luminosity}
        .home-colaboradores IMG:hover{mix-blend-mode: multiply}


.home-safestamper{ min-height: 100vh; }
    .home-safestamper .bloque{ min-height: 100vh !important; }
    

.banner-vender-licencias{padding:100px 0; text-align: center;}
    .banner-vender-licencias .tit1{font-size: 30px; line-height: 40px;  font-family: var(--font-black);}

/*** INTERIORES ***/

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

.interior HEADER{position: relative; background-color: var(--color-rojo)}
.interior HEADER.smaller{position: fixed;}


.dos-columnas{font-size:17px;}
    .dos-columnas .bloque {padding:40px 80px; min-height:600px; display: flex; align-items: center; }
    .dos-columnas .tit1{font-size:50px;  font-family: 'CodeProBlack'; max-width: 650px; }
    .dos-columnas P{font-size:18px; max-width: 650px; }


.pagina-precios{}
    .pagina-precios .cabecera-interior .bloque{padding: 120px 70px}


.pagina-registro{}
    .pagina-registro .cabecera-interior .margen{padding: 120px 70px}
    .pagina-registro .cabecera .precio{font-size: 95px; line-height: 50px;}
    .formulario-registro .margen{padding: 20px;}
    .formulario-registro .seccion{font-size:40px;}
    .formulario-registro p{margin-bottom: 15px;}

.pagina-registro .faqs, .creators .faqs, .interior .faqs{padding: 120px 0px}
.pagina-registro .faqs .margen, .creators .faqs .margen, .interior .faqs .margen{padding: 70px;}
    .pagina-registro .faqs .seccion, .creators .faqs .seccion, .interior .faqs .seccion{font-size:45px; line-height: 45px;}


.tabla-precios{ overflow: auto;}
.price-table{margin: auto; border-collapse: collapse;    border-spacing: 0; font-size:14px; line-height: 24px;}
    .price-table thead th { font-size: 20px; font-weight: bold; padding: 30px;}
	
	.price-table thead TH.contenido {swidth: 20%;}
	.price-table tbody tr { border-bottom: solid 1px #eaeaea;}
    .price-table td { text-align: center; padding:16px; vertical-align: middle; border: solid 1px #eaeaea}
	.price-table img { margin:auto; }
	
	.price-table tr:hover { background: none !important; }
    .price-table ul.list{margin-left: 14px; list-style: none; margin: 0; padding: 0}
	.price-table ul.list li{ margin-bottom: 6px; }
	.price-table .pb-price { min-height: 50px; }
	.price-table .pb-price h4{ font-size:200%; }
	.price-table .pb-price h4 span{ font-size:70%; }
	.price-table .single .pb-price h4 strong{color:#00d1e4;}
	.price-table .professional .pb-price h4 strong{color:#e42613;}
	.price-table .corporate .pb-price h4 strong{color:#ffc600;}

	.price-table .professional .price-button { background: #e42613 !important; }
	.price-table .corporate .price-button { background: #ffc600 !important; }
	.price-table i { color: #e42613; font-size: 300%;display: block;}


.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #181C32;
  --bs-table-striped-bg: #f7f6f6;
  width: 100%; margin-bottom: 1rem; color: #181C32; vertical-align: top; border-color: #EFF2F5; border-spacing: 0px;}
.table > tbody {vertical-align: inherit;}
.table > thead {vertical-align: bottom;}
.table > :not(:first-child) {border-top: 2px solid currentColor;}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.table > :not(caption) > * > * {
  padding: 0.75rem 0.75rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody { vertical-align: inherit;}
.table > thead { vertical-align: bottom;}
.table > :not(:first-child) { border-top: 2px solid currentColor;}
.table-responsive { overflow-x: auto;  -webkit-overflow-scrolling: touch;}



.doc-box {
    border: solid 1px #e5e3e3;
    background: #f0f0f0;
    padding: 32px;
}
	

/*** LANDING ***/

.landing .frase { padding-top:150px; padding-bottom:100px;}
.landing .frase .tit1{font-size: 40px; line-height: 40px; max-width: 750px; text-align: center; margin: auto; font-family: 'Lato', sans-serif;}
.landing .frase .tit2{font-size: 22px; max-width: 800px; text-align: center; margin: auto; margin-top:30px; font-family: 'Lato', sans-serif;}
.landing .frase .tit3{font-size: 18px; line-height: 22px; max-width: 450px; text-align: justify; margin: auto; margin-top:30px; font-family: 'Lato', sans-serif;}

.landing-generica .cabecera-home .tit1{font-size: 70px; line-height: 70px; }

.landing-generica .puedes-proteger .boton{ margin-bottom: 10px;}
.landing-generica .puedes-proteger .opciones{display: flex; flex-direction: row; justify-content: space-between; align-content: center; margin-top: 40px;}
    .landing-generica .puedes-proteger .margen{padding: 30px; margin: 10px; background: #000; color: #fff; min-width: 17%; min-height:180px; display: flex; flex-direction: column; justify-content: center}
    .landing-generica .puedes-proteger A.margen:hover{background: var(--color-rojo); text-decoration: none}
    .landing-generica .puedes-proteger P{margin: 6px 0}

.landing-generica .como-funciona {padding-bottom: 80px;}
.landing-generica .como-funciona .frase{padding-bottom: 20px;}
.landing-generica .pasos{display: flex; flex-direction: row; justify-content: space-between; align-content: center; margin-top: 40px; overflow: visible; margin-bottom: 50px; }
    .landing-generica .pasos .margen{ margin: 0px;  color: #fff; min-width: 25%; min-height:270px; display: flex; flex-direction: column; justify-content: center; position: relative}
        .landing-generica .pasos .contenido{ position: absolute; padding: 30px; left: 5px; right: 5px; top: 5px; bottom: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px; text-align: center}
        .landing-generica .pasos .numero{font-size: 90px; font-family: 'CodeProBlack'; }
        .landing-generica .pasos .descripcion{font-size: 16px; color:var(--color-rojo)}
        .landing-generica .pasos .imagen{margin-bottom: 10px;}

.landing-generica .banda-tarifas{padding-bottom: 80px;}
.landing-generica .banda-ventajas{padding: 0px 0;}
.landing-generica .banda-ventajas .frase{ padding:50px 0;}
.landing-generica .faqs{padding: 120px 0px}
.landing-generica .faqs .margen{padding: 70px;}
    .landing-generica .faqs .seccion{font-size:45px; line-height: 45px;}



/***** landing-vc ******/
.landing-vc HEADER{display: none;}
    .landing-vc .logo{margin-bottom: 40px;}
    
/*.landing-vc .cabecera-home{padding-top: 60px;}*/
/*.landing-vc .cabecera-home .tit1{font-size: 95px; line-height: 87px; }*/
.landing-vc .cabecera-home .tit2{ padding-left: 0}
.landing-vc .cabecera-home .tit2 P{font-weight: 400; margin-bottom: 15px;}

.proteger-tu-trabajo{}
		.proteger-tu-trabajo .opcion{margin: 40px 10px 10px 10px; padding: 50px; flex: 1; display: flex; flex-direction: column; justify-content: space-between}
	.proteger-tu-trabajo .opcion H3{font-size: 28px; margin-bottom: 20px; font-weight: 600}
	.proteger-tu-trabajo .opcion UL{list-style-type: none; padding: 0; text-align: left; margin-bottom: 10px;}
	.proteger-tu-trabajo .opcion LI{padding: 12px; border-bottom: 1px solid #ccc;}
	.landing-vc .proteger-tu-trabajo .pasos{ justify-content: center;}

@media (max-width: 500px){
    .logo .nosmaller {  display: none !important;}
    .logo .sismaller {display: block !important;}
    .landing-vc .logo .sismaller {display: none !important;}
    .landing-vc .logo .nosmaller {display: block !important;}
    .landing-vc .cabecera-home .tit1 { font-size: 40px !important; line-height: 40px !important;}
    .landing-vc .cabecera-home .tit2{ text-align: left; padding-bottom: 0}
    .landing-vc .cabecera-home .boton{display: block}
	.proteger-tu-trabajo .flex-center{display: block}
}


.landing-vc .puedes-proteger .boton{ margin-bottom: 10px;}
.landing-vc .puedes-proteger .opciones{display: flex; flex-direction: row; justify-content: space-between; align-content: center; margin-top: 40px; }
    .landing-vc .puedes-proteger .margen{padding:2px; margin:0px; background: #000; color: #fff; min-width: 17%; min-height:180px; display: flex; flex-direction: column; justify-content: center; padding-top: 10px;}
    .landing-vc .puedes-proteger .margen:last-child{padding-bottom: 10px;}
    .landing-vc .puedes-proteger A.margen:hover{background: var(--color-rojo); text-decoration: none}
    .landing-vc .puedes-proteger P{margin: 6px 0}

.landing-vc .como-funciona {padding-bottom: 80px;}
.landing-vc .como-funciona .frase{padding-bottom: 20px;}
.landing-vc .pasos{display: flex; flex-direction: row; justify-content: space-between; align-content: center; margin-top: 40px; overflow: visible; margin-bottom: 50px; }
    .landing-vc .pasos .margen{ margin: 0px;  color: #fff; min-width: 25%; min-height:270px; display: flex; flex-direction: column; justify-content: center; position: relative}
        .landing-vc .pasos .contenido{ position: absolute; padding: 30px; left: 5px; right: 5px; top: 5px; bottom: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px; text-align: center}
        .landing-vc .pasos .numero{font-size: 90px; font-family: 'CodeProBlack'; }
        .landing-vc .pasos .descripcion{font-size: 16px; color:var(--color-rojo)}
        .landing-vc .pasos .imagen{margin-bottom: 10px;}

.landing-vc .banda-tarifas{padding-bottom: 80px;}
.landing-vc .banda-ventajas{padding: 0px 0;}
.landing-vc .banda-ventajas .frase{ padding:50px 0;}
.landing-vc .faqs{padding: 120px 0px}
.landing-vc .faqs .margen{padding: 70px;}
    .landing-vc .faqs .seccion{font-size:45px; line-height: 45px;}


/***** landing-tematica ******/

.landing-tematica .cabecera-home .tit1{font-size: 50px; line-height: 50px; }
.landing-tematica .intro-listado {margin: auto; font-size: 26px; width:min-content;}
	.landing-tematica .intro-listado LI{padding: 0 12px; }
.landing-tematica .columnas{font-size: 16px; }
        .landing-tematica .columnas .margen{padding: 40px; padding-bottom: 10px; text-align: justify}
        .landing-tematica .columnas .encabezado{font-size: 28px; text-align: left}
        .landing-tematica .columnas P{margin-bottom: 15px; margin-top: 0px; font-size: 18px;}

.landing-tematica .como-funciona { padding-bottom: 80px;}
    .landing-tematica .como-funciona .frase{padding-bottom: 20px;}
.landing-tematica .pasos{display: flex; flex-direction: row; justify-content: space-between; align-content: center; margin-top: 40px; overflow: visible; margin-bottom: 50px; }
    .landing-tematica .pasos .margen{ margin: 0px;  color: #fff; min-width: 25%; min-height:270px; display: flex; flex-direction: column; justify-content: center; position: relative}
        .landing-tematica .pasos .contenido{ position: absolute; padding: 30px; left: 5px; right: 5px; top: 5px; bottom: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px; text-align: center}
        .landing-tematica .pasos .numero{font-size: 90px; font-family: 'CodeProBlack'; }
        .landing-tematica .pasos .descripcion{font-size: 16px; color:var(--color-rojo)}
        .landing-tematica .pasos .imagen{margin-bottom: 10px;}

.landing-tematica .banda-tarifas{padding-bottom: 70px;}
.landing-tematica .faqs{padding-top: 60px;}
.landing-tematica .faqs .margen{padding: 70px;}
    .landing-tematica .faqs .seccion{font-size:45px; line-height: 45px;}
    .landing-tematica .faqs .frase{padding-top: 30px}

.landing-tematica .puedes-proteger .boton{ margin-bottom: 10px;}
.landing-tematica .puedes-proteger .opciones{display: flex; flex-direction: row; justify-content: space-between; align-content: center; margin-top: 40px;}
    .landing-tematica .puedes-proteger .margen{padding: 30px; margin: 10px; background: #000; color: #fff; min-width: 17%; min-height:180px; display: flex; flex-direction: column; justify-content: center}
    .landing-tematica .puedes-proteger P{margin: 6px 0}

@media (max-width: 500px){
    .landing-tematica .frase { padding: 70px 0;}
    .landing-tematica .cabecera-home .tit1 { font-size: 32px !important; line-height: 33px !important;}
    .landing-tematica .cabecera-home .tit2{ text-align: left; padding-bottom: 0}
    .landing-tematica .cabecera-home .boton{display: block}
    .landing-tematica .landing-tematica-intro{padding-top: 40px}
    .landing-tematica .intro-listado .grid-2{display: block}
    .landing-tematica .columnas .margen{padding: 10px 0 0 0;}
    .landing-tematica .pasos{display: block; }
    .landing-tematica .pasos .margen{display: block; width: 100%;}
    .landing-tematica .pasos .back{position: absolute !important}
    .landing-tematica .como-funciona { padding-bottom: 20px;}
    .landing-tematica .faqs { padding: 60px 0px;}
    .landing-tematica .faqs .margen{padding: 5px;}
    .landing-tematica .faqs .frase{padding: 40px 0;}
    .landing-tematica .faqs .boton{margin-bottom: 15px;}
    .landing-tematica .puedes-proteger .opciones{display: block; }
    .landing-tematica .puedes-proteger .opciones .margen{min-height:0}
}

.contendor-video{position: relative; width: 100%; height: 0; padding-bottom: 56.25%; text-align: center}
	.contendor-video .video, .contendor-video IFRAME{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*** CREATORS ***/

.creators HEADER{position: relative; background-color: var(--color-rojo)}
.creators HEADER.smaller{position: fixed;}

    .creators .banda-buscador{max-width: 650px; margin: auto}
    .creators .banda-buscador FORM{display: flex; justify-content: space-between; align-items: center;; width: 100%;}
    .creators .banda-buscador INPUT{border: none}
    .creators .banda-buscador .boton-buscar{padding: 0 20px;}    
    .creators .banda-buscador .labels{margin-top: 10px;}
        .creators .banda-buscador .label{background-color: #00000088; color: #fff; padding: 10px 20px; display: inline-block; border-radius: 20px; font-size: 0.8em}
        .creators .banda-buscador .label I{color: #fff; margin-left: 4px; }
        .creators .banda-buscador .label I:hover {color: var(--color-rojo)}

.creators .banda-banner .row{display: flex; justify-content: center}
    .creators .banda-banner .textos{display: flex; flex-direction: column; justify-content: center}
        .creators .banda-banner .textos .margen{margin: 80px}
    .creators .banda-banner .tit1{font-size:60px; font-family: 'CodeProBlack';}
    .creators .banda-banner .tit2{}

@media (max-width: 1284px){
    .creators .banda-banner .tit1{font-size:40px;}
}
@media (max-width: 1024px){
	.creators .banda-banner .columna_40, .creators  .banda-banner .columna_60{width: 50%}
}
@media (max-width: 769px){
    .creators .banda-banner .row{display: block}
    .creators .banda-banner .columna_40, .creators .banda-banner .columna_60{width: 100%; float: none}
    .creators .banda-banner .textos .margen{margin: 40px}
    .banda_menu .banda-buscador {display: none;}
}

    .creators .listado{ padding:60px 0}
        .creators .listado .seccion{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
        .creators .listado .seccion-nombre{font-size:35px; font-family: 'CodeProBlack';}
        .creators .listado .elementos{margin-top: 20px; /*display: flex; justify-content: space-between; */     display: grid; grid-template-columns: repeat(4, 1fr); /* grid-gap: 10px;  grid-auto-rows: minmax(70px, auto);*/}
        .creators .listado.listado-categorias .elementos{margin-top: 20px; display: grid; grid-template-columns: repeat(5, 1fr);}
            .creators .listado .elemento{smin-width: 360px; flex: 100%;}
                .creators .listado .elemento .margen{margin: 10px;}
                .creators .listado .elemento .foto{height: 215px; background-color: var(--color-rojo); display: block}
                .creators .listado.listado-categorias .elemento .foto{ height: 225px;}
                    .creators .listado .foto:hover { background-blend-mode: multiply; opacity: 0.8}
                .creators .listado .elemento .contenido{position: relative;  display: flex; justify-content: space-between; padding-top:15px;}
                .creators .listado .elemento .avatar{width: 40px; height: 40px; border-radius: 90px; border: 2px solid #fff; flex: none}
                .creators .listado.nfts .contenido{padding-top: 35px;}
                .creators .listado.nfts .elemento .avatar{position: absolute; top:-75px; left: Calc(50% - 50px);width: 100px; height: 100px; }
                    
                .creators .listado .elemento .textos{margin: 0 4px }
                    .creators .listado .elemento .obra{font-weight: 600; margin-bottom:8px;}
                .creators .listado .elemento .opciones{text-align: right; margin: 0 4px}
                    .creators .listado .elemento .precio{font-size: 20px; font-weight: 600; margin-top:8px;}

    .frase-home-creators .cuerpo{max-width: 800px;}
        .frase-home-creators .boton{margin-bottom: 10px !important}

    .creators .listado-obras{ padding:60px 0}
        .creators .listado-obras .autor{ margin-bottom:20px}
        .creators .listado-obras .seccion{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
        .creators .listado-obras .seccion-nombre{font-size:35px; }
        .creators .listado-obras .categorias{margin-top: 20px;}
            .creators .listado-obras .categoria{padding: 5px 10px; background-color:#dddddd; color:#666; border-radius: 8px; margin-right:8px;}
        .creators .listado-obras .elementos{margin-top: 20px; margin-bottom: 20px; /*display: flex; justify-content: space-between;*/ display: grid; grid-template-columns: repeat(4, 1fr); position: relative}
            .creators .listado-obras .elemento{smin-width: 360px; flex: 100%;}
                .creators .listado-obras .elemento .margen{margin: 10px; }
                .creators .listado-obras .elemento .foto{height: 215px; background-color: var(--color-rojo); display: block}
                    .creators .listado-obras .foto:hover { background-blend-mode: multiply; opacity: 0.8}
                .creators .listado-obras .elementos .avatar{width: 100px; height: 100px; border-radius: 90px; border: 2px solid #fff; position: absolute; left:-50px; top: Calc(50% - 50px); flex: none; z-index: 1}
                
    .creators .pasos{margin-top: 50px;}
        .creators .pasos .margen{padding: 10px;}
        .creators .pasos .numero{font-size:70px; background-color: var(--color-rojo); color: #fff; margin: auto; display: inline-block; padding: 15px 20px 5px 20px; margin-bottom: 20px; font-family: 'CodeProBlack';}
        .creators .pasos .descripcion{font-size:20px; margin-bottom: 20px;}
        .creators .pasos P{font-size:16px; }

    
    .creators .como-funciona{padding:100px 0px 160px 0px; font-size: 17px; }
        .creators .como-funciona .pregunta{font-size:28px; font-family: 'CodeProBlack'; margin-top: 60px;}
    @media (max-width: 500px){
        .creators .como-funciona{padding:20px 0px 60px 0px; }
        .creators .como-funciona .pregunta{font-size:24px; margin-top: 40px;}
    }

    .creators-usuario{}
        .creators-usuario .fondo-perfil{height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative}
            .creators-usuario .fondo-perfil .avatar-editar{position: absolute; bottom:15px; right:15px; background: var(--color-rojo); padding:10px; color: #fff; border-radius: 90px; display: flex; align-items: center; justify-content: center; gap: 6px;}
        .creators-usuario .columna-avatar{ position: absolute; top:-100px; text-align: center; /*left: Calc(50% - 50px);*/  }
            .creators-usuario .avatar{ width:200px; height:200px; border-radius: 180px; border: 5px solid #fff; flex: none; margin: auto; position: relative}
                .creators-usuario .avatar-editar:hover{text-decoration: none; cursor: pointer; opacity: 0.7}
            .creators-usuario .porcentaje{margin: 15px auto}
        .creators-usuario .columna-descripcion{ margin-left: 250px; padding-top: 50px; margin-bottom: 50px; min-height:250px; }
        .creators-usuario .nombre{font-size: 28px; font-weight: 600}
        .creators-usuario .columna-descripcion P{font-weight: 400; font-size: 17px; text-align: justify}
        
        .creators-usuario .seccion{font-size:35px; }
        .creators .mis-obras .boton-nueva-obra{float: right; margin-top: 0}
        .creators .mis-obras-listado{ padding:0px 0; margin-bottom: 60px;}
        .creators-usuario .mis-obras-listado .elementos{margin-top: 20px; margin-bottom: 20px; display: grid; grid-template-columns: repeat(3, 1fr); position: relative}
            .creators .mis-obras-listado .elemento{smin-width: 360px; flex: 100%;}
                .creators .mis-obras-listado .elemento .margen{margin: 10px; }
                .creators .mis-obras-listado .elemento .foto{height: 260px; background-color: var(--color-rojo); display: block}
                    .creators .mis-obras-listado .foto:hover { background-blend-mode: multiply; opacity: 0.8}
                 .creators .mis-obras-listado .elemento .textos{margin: 10px 0 }
                    .creators .mis-obras-listado .elemento .obra{font-weight: 600; margin-bottom:8px; font-size: 18px;}
                .creators .mis-obras-listado .label { background-color: #dddddf; color: #575757; padding: 8px 16px; display: inline-block; border-radius: 12px; font-size: 0.8em;}

        .creators .mis-obras .submenu{background-color:transparent; text-align: left; border-bottom: 1px solid #8e8e8e; padding: 10px 0;}
            .creators .mis-obras .submenu li A{color:#8e8e8e}
            .creators .mis-obras .submenu li A:hover{color:#000}
            .creators .mis-obras .submenu li.activo A{color:#000}

        .creators-usuario .compartir { font-size: 1.8em;  /*position: absolute;  margin-left: -45px;*/  margin-top: 15px;  padding: 2px;  text-align: center;  z-index: 2;}
            .creators-usuario .compartir A { /*display: block; */ padding: 3px;  padding-left: 6px;}
    
        .creators-usuario-ventas .columna-descripcion{ margin-bottom: 0px; min-height:0px; margin-left: 200px; }
        .creators-usuario-ventas .opciones{display: flex; justify-content: flex-end; align-items: center; gap:20px;}
        .creators-usuario-ventas .mis-ventas{padding-bottom:80px; }

        
    .creators-usuario-modificar{padding: 50px 0; }
        .creators-usuario-modificar .margen{padding: 30px; }
        .creators-usuario-modificar .avatar{border: 18px solid #f0f0f0;}
        .creators-usuario-modificar .avatar-editar{position: absolute; bottom:5px; right:5px; background: var(--color-rojo); padding:10px; color: #fff; border-radius: 90px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center}
        .creators-usuario-modificar .seccion{font-size:30px; }
        .creators-usuario-modificar .dato{margin-bottom: 20px;}
        .creators-usuario-modificar label{margin-bottom: 5px; display:block;}
        .creators-usuario-modificar UL.listado-checks LI{ background-size: 23px !important; background: url("/images/check-disable.png") no-repeat left top; padding-left: 30px; list-style: none; margin-top: 10px; min-height: 30px; padding-top: 2px; border-bottom: 1px solid #f0f0f0; clear: both; font-size: 14px; padding-bottom: 14px;}
            .creators-usuario-modificar UL.listado-checks LI.checked{ background-image:url("/images/check-enable.png") }

    
    .creators-usuario-publicar{padding: 50px 0; }
        .creators-usuario-publicar .seccion{text-align: center; padding-bottom: 40px; }
        .creators-usuario-publicar .thumb{width: 100px;}

    .creators-obra-detalle{padding: 50px 0; }
        .creators-obra-detalle .margen{padding: 30px; }
            .creators-obra-detalle .autor{display: flex; align-items: center; gap:10px; width: fit-content; margin-bottom: 15px; }
            .creators-obra-detalle .avatar{width: 40px; height: 40px; border-radius: 90px; border:none; display: inline-block}
            .creators-obra-detalle .nombre{font-size: 32px; font-weight: 600; margin: 10px auto}
            .creators-obra-detalle .label { background-color: #dddddf; color: #575757; padding: 8px 16px; display: inline-block; border-radius: 12px; font-size: 0.8em;}
            .creators-obra-detalle .descripcion{ margin: 10px auto; text-align: justify; font-size: 17px; font-weight: 400}  .creators-obra-detalle .descripcion P{font-weight: 400; margin-bottom:10px;}

        .creators-obra-detalle.compra-obra-detalle{}
            .creators-obra-detalle.compra-obra-detalle .seccion{font-size:30px; }

    .creators-obra-edicion{padding: 50px 0; }
        .creators-obra-edicion .margen{padding: 30px; }
            .creators-obra-edicion .seccion{font-size:24px; }
            .creators-obra-edicion .nombre{font-size: 32px; font-weight: 600; margin: 10px auto}
            .creators-obra-edicion .submenu{background-color:transparent; text-align: left; border-bottom: 1px solid #8e8e8e; padding: 10px 0;}
            .creators-obra-edicion .submenu li A{color:#8e8e8e}
            .creators-obra-edicion .submenu li A:hover{color:#000}
            .creators-obra-edicion .submenu li.activo A{color:#000}
            .creators-obra-edicion .dato{margin-bottom: 20px;}
            .creators-obra-edicion .dato label{margin-bottom: 5px; display:block;}
            .creators-obra-edicion P{font-weight: 400; margin-bottom:10px; font-size: 17px; }
    

	
	

/**** ipfs  ***/


.pagina-ipfs{background-color: #000000; }
    .pagina-ipfs .bloque-blanco{padding-top: 100px; margin-top: 45px; background-color: #fff; border-radius: 20px 20px 0 0;}
        .pagina-ipfs .titulo{font-size: 40px;}
        .pagina-ipfs .subtitulo{font-size: 35px; margin-bottom: 20px;}
        .pagina-ipfs .subtitulo2{font-size: 20px; margin-bottom: 20px;}
    .pagina-ipfs .bloque-rojo{ padding-top: 20px; margin-bottom: 45px; background-color: var(--color-rojo); border-radius: 0 0 20px 20px; padding-bottom: 60px; }
    .pagina-ipfs .table-striped > tbody > tr:nth-of-type(odd) > * {background-color: #ff1640;}
        .pagina-ipfs .table-striped .check{font-size: 20px;}
        .pagina-ipfs .table-striped .derechos{font-size: 18px;}
        .ipfs-pc{min-width: 100px}
        @media (max-width:500px){
            .ipfs-pc{display: none}
            .pagina-ipfs{padding: 0px; }
            .pagina-ipfs.padding_40{padding: 20px !important; }
            .pagina-ipfs .bloque-blanco{padding:100px 20px 20px 20px;}
            .pagina-ipfs .padding_10{padding: 10px 0;}
            .pagina-ipfs .titulo{font-size: 28px;}
            .pagina-ipfs .subtitulo{font-size: 25px;}
            .pagina-ipfs .subtitulo2{font-size: 18px; }
			.pagina-ipfs .table-striped .check, .pagina-ipfs .table-striped .derechos { font-size: 15px;}
        }

/**** certificados PDF  ***/

.certificados-pdf{background-color: #ffffff; }
    .certificados-pdf .bloque-blanco{padding-top: 100px; margin-top: 45px; background-color: #efeeee; border-radius: 20px 20px 0 0;}
        .certificados-pdf .titulo{font-size: 40px;}
        .certificados-pdf .subtitulo{font-size: 35px; margin-bottom: 20px;}
        .certificados-pdf .subtitulo2{font-size: 20px; margin-bottom: 5px;}
    .certificados-pdf .bloque-rojo{ padding-top: 20px; margin-bottom: 45px; background-color: var(--color-rojo); border-radius: 0 0 20px 20px; padding-bottom: 60px; }
    .certificados-pdf .table-striped > tbody > tr:nth-of-type(odd) > * {background-color: #ff1640;}
        .certificados-pdf .table-striped .check{font-size: 20px;}
        .certificados-pdf .table-striped .derechos{font-size: 18px;}
		.certificados-pdf .imagen{text-align: center;}
		.certificados-pdf .numero{text-align: center; font-size: 90px; line-height: 80px; padding-top: 15px;}

.validez{}
.validez .frase .tit2{font-size: 28px; line-height: 30px;}
    .validez .frase .tit3{ text-align: justify; font-family: 'Lato', sans-serif; font-size: 19px; line-height: 22px; font-weight: 300}
    .validez .frase P{text-align: justify; font-size: 20px; line-height: 22px;}
    
    .validez .columnas{font-size: 16px; }
    .validez .columnas:last-child{ margin-bottom: 80px;}
        .validez .columnas .margen{padding: 40px; padding-bottom: 10px; text-align: justify}
        .validez .columnas .encabezado{font-size: 26px; text-align: left}
        .validez .columnas P{margin-bottom: 15px;}
    .validez .descripcion{margin-bottom: 30px;}
        .validez .descripcion P{font-size: 17px; margin-bottom: 15px;}
	.validez .margen {padding: 40px;}

/*** CONOCENOS ***/

.conocenos .cabecera .textos{ margin: 40px; padding-left: 220px; background-repeat: no-repeat; background-position: 0 30px; background-size: 180px; font-size: 44px; text-align: left; line-height: 48px; letter-spacing: 1px; min-width: 100px; max-width: 750px; padding-bottom: 6px; font-weight: 300; font-family: var(--font-black);
}
    .conocenos .frase .tit2{font-size: 28px; line-height: 30px;}
    .conocenos .frase .tit3{ text-align: justify; font-family: 'Lato', sans-serif; font-size: 19px; line-height: 22px; font-weight: 300}
    .conocenos .frase P{text-align: justify; font-size: 20px; line-height: 22px;}
    .conocenos .submenu{background-color: #83001a;}
        .conocenos .submenu .activo A{background-color: #ffffff; border-radius:10px; padding:10px;}
    .conocenos .table{font-size: 17px;}

    .conocenos .columnas{font-size: 16px; }
    .conocenos .columnas:last-child{ margin-bottom: 80px;}
        .conocenos .columnas .margen{padding: 40px; padding-bottom: 10px; text-align: justify}
        .conocenos .columnas .encabezado{font-size: 26px; text-align: left}
        .conocenos .columnas P{margin-bottom: 15px;}
    .conocenos .descripcion{margin-bottom: 100px;}
        .conocenos .descripcion P{font-size: 17px; margin-bottom: 15px;}

    .conocenos .servicios{font-size: 17px; margin-bottom: 80px;}
        .conocenos .servicios .encabezado{font-size: 26px;}
        .conocenos .servicios .row{display: grid; grid-template-columns: repeat(4, 1fr); position: relative; margin: auto; smargin-bottom: 50px;}
            .conocenos .servicios .row.col-3{grid-template-columns: repeat(3, 1fr); }
        .conocenos .servicios .bloque{padding:30px; margin: 10px; display: flex; justify-content: center; align-items: center; border-radius: 20px; background-color: #efeeee; font-size: 16px;}
    .conocenos .tabla-ventajas{border: 3px solid var(--color-rojo); padding: 80px;}
 
    .conocenos .faqs {  padding-top: 0px;}
    .conocenos .accordion-section-title { width:100%; padding:25px; padding-right: 44px; display:inline-block;  transition:all linear 0.15s; color:#000; font-size:18px;	background-image:url(/images/ico-acordeon-black-2.png); background-position:center right 15px;  right:5px; background-repeat:no-repeat; font-weight:400; text-align: left; border-bottom: 1px solid #000}
    .conocenos .accordion-section-title.active, .conocenos .accordion-section-title:hover { text-decoration:none; color:var(--color-rojo); background-image:url(/images/ico-acordeon-black-1.png); background-position:center right 15px; background-repeat:no-repeat;}
    .conocenos .accordion-section-content{ color:#000; }
    .conocenos .accordion-section-content P { color:#000; }


    @media (max-width:500px){
        .conocenos .cabecera .textos{padding: 20px; margin: 0px; padding-top: 180px; background-position: 20px 10px; background-size: 120px; font-size: 30px; line-height: 38px;}
        .conocenos .table > :not(caption) > * > *  {padding: 4px;}
        .conocenos .table P{font-size: 15px;}
        .conocenos .frase .tit1{margin-bottom: 20px;}
        .conocenos .frase .tit2, .conocenos .frase .tit3, .conocenos .frase P{text-align: justify; font-size:17px; line-height:19px;}
        .conocenos .columnas{margin-bottom: 20px;}
        .conocenos .columnas .margen{padding: 10px 0 0 0; }
         .conocenos .servicios{margin-bottom: 40px;}
        .conocenos .servicios .row{display: block;} 
    }


/*** CONTACTO ***/

.contacto{padding-bottom:20px; text-align:left;}
    .contacto .frase{padding:30px 0 10px 0}
    .contacto .textos P{font-size:24px}
	.contacto .textos .direccion{clear:both; margin-bottom:10px; overflow:hidden}
	.contacto .textos .icono{float:left; width:30px; text-align:center; font-size:16px; color:#666666}
	.contacto .textos .descripcion{float:left; font-size:16px; color:#666666}
		.interior-columna-2{padding-left:10px;}
		.interior-columna-1{padding-right:10px;}
	
	.contacto .bloque{margin:10px; padding:30px; min-height:125px; border:1px solid #ccc; font-size:1.1em;}
	.contacto .formulario{margin:40px auto; max-width:900px;}
		.contacto .formulario P{font-size:18px;}
	
	.contacto .contacto-icono {
		text-align: center;    font-size: 38px;    font-weight: 200;    color: #ffffff;    margin-left: 4px;
    	height: 70px;  width: 70px;
    	display: inline-block;
    	padding: 12px;
    	webkit-border-radius: 40px;    moz-border-radius: 40px;    border-radius: 90px;    border: 3px solid;
	}
    .contacto label {font-size: 17px !important; font-weight: 300;}

.msg{ text-align: center;  font-size: 16px;}




/* PIE */

.cierre{text-align:center}
.home .cierre{display:none}
.pie{overflow:auto; font-size:0.8em; line-height:1.2em; padding-bottom:10px; padding-top:70px; text-align: center; color: #fff}
.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; margin-top: 20px;}
        .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: 7px 0;}
        .pie .pie-mapa-web .seccion{font-weight: 600; font-size: 16px; margin-bottom: 15px; }
                .pie .pie-mapa-web  li:last-child{border-right:none}

	.pie .redes{text-align:right}
	.pie i {margin:10px 4px; font-size: 2em; }
	

/*** ***/


/*** 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 .titular{margin:30px 0; font-size:35px; text-align: center}
	.modal-backdrop {position: fixed;top:0;	right:0; bottom: 0;	left:0; z-index:30;	background-color: #000000BB; /*opacity: 0.7; filter: alpha(opacity=70);*/ display: none; XXdisplay: flex; flex-direction: column; justify-content: center;
    align-items: center;}
	.modal-cerrar{text-align:right; margin:10px; font-size:20px; position:absolute; right: 10px; top: 5px; z-index: 2;} 
	.modal-contenido{ padding:20px; font-size: 14px; overflow: hidden;}
	.modal input{margin-bottom:5px;}
	/*.modal INPUT{-webkit-appearance: none !important; -moz-appearance: none !important; sborder-radius:0; margin-bottom:5px !important; display: block}*/
    .modal .separacion{border-top: 1px solid #d3d3d3;}

    @media (max-width:500px){
        .modal { min-width:350px; }
    }

		
/*----- 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; padding-right: 44px; display:inline-block;  transition:all linear 0.15s; color:#fff; font-size:18px;	background-image:url(/images/ico-acordeon-2.png); background-position:center right 15px;  right:5px; background-repeat:no-repeat; font-weight:400; text-align: left; border-bottom: 1px solid #fff}
.accordion-section-title.active, .accordion-section-title:hover { text-decoration:none; color:var(--color-rojo); background-image:url(/images/ico-acordeon-1.png); background-position:center right 15px; background-repeat:no-repeat;}
.accordion-section:last-child  { border-bottom:none;}
.accordion-section-content{padding:20px 15px 15px 15px; display:none; text-align:justify; color:#fff; }
    .accordion-section-content P {text-align:justify; color:#fff; font-weight:400; font-size:16px; line-height: 22px}


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


.veridika{text-align:left; padding-bottom:10px; padding-left:10px;padding-top:20px;}

.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 #8e8e8e}

.boton{text-align:center; line-height: 30px; border-width: 2px; border-radius: 20px; margin: 0px; padding: 8px 40px; letter-spacing: 0px; font-weight: 500; font-size: 16px; background: transparent;
            color: #0e263b; display: inline-block; align-items: center; width: auto; user-select: none; white-space: nowrap; vertical-align: middle; border: 2px solid #0e263b; margin-top: 15px;
	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, .cabecera-textos-boton:focus { 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:#FFFFFF }

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

.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{line-height:15px; border-width: 2px; margin: 0px; padding: 8px 20px; letter-spacing: 0px; font-weight: 500; font-size: 16px}
.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-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{opacity: 0.3; cursor: auto; } .boton.disabled:hover{background-color: inherit !important; color: inherit !important; opacity: 0.3;}
.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;}

input[type="text"], input[type="number"], input[type="date"], input[type="password"], textarea, select{
        border: 1px solid #e7e7e7; color: inherit; background: transparent; outline: none; width: 100%; font-family: inherit; font-size: 15px; padding: 1em 1.5em; margin: 0px; line-height: normal;}
input[type="submit"],input[type="button"]{ -webkit-appearance: none !important;	-moz-appearance: none !important; }
input[type="text"]:disabled {border: none;}
textarea{padding-top: 15px;}
.control-group{margin-bottom:10px; /*clear: both*/}
	.control-group.error .help-inline { color: #d80e20;}
	.help-inline::before {content: '\02c6\00a0\00a0';}
	input[type="text"]:hover, textarea:hover{background-color:#f9f9f9; }
	select, input[type="file"] {   height: 52px;}
	.home input[type="text"]:hover, .home textarea:hover{background-color:#fff}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666;}
::-moz-placeholder { /* Firefox 19+ */ color: #666;}
:-ms-input-placeholder { /* IE 10+ */ color: #666;}
:-moz-placeholder { /* Firefox 18- */ color: #666;}
.control-group label { font-size: 12px;  margin-bottom: 4px; display: block; color: #666666;}
input:-webkit-autofill {  -webkit-box-shadow: 0 0 0px 1000px #e3e8e6 inset; box-shadow: 0 0 0px 1000px #e3e8e6 inset;}

.control-group.error > label.help-inline, .control-group.error .help-block, .control-group.error .help-inline {
    color: #fff !important;   display: inline-block; background-color: #f3963c; border-radius: 12px; margin:5px; padding:10px;}
	.help-inline{color: #d6b14e;}

label.error{color: white;  margin: 10px;  background: red;  padding: 10px;  border-radius: 10px;}
label .obligatorio{color: var(--color-rojo)}
label.radio { display: block; margin-left: 1.6em; margin-bottom: 1em; text-indent: -1.6em;}

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

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;  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;  padding-left: 30px;  list-style: none; margin-bottom:6px; line-height:26px;}

.switch { position: relative;  display: inline-block;  width: 60px;  height: 34px;}
.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: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%;}
input:checked + .slider { background-color: var(--color-rojo);}
input:focus + .slider { box-shadow: 0 0 1px var(--color-rojo);}
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}



.row{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-rojo{color:var(--color-rojo) !important;}
.txt-beige-2{color:#A1977E;}
.txt-azul{color:var(--color-azul)}
.txt-azul-oscuro{color: var(--color-azul-oscuro) !important;}
.txt-amarillo{color:var(--color-amarillo) !important;}
.txt-gris{color:#8b8d8d !important;}
.txt-gris-oscuro{color:#404142;}
.txt-verde{color:#00953d !important;}
.txt-negro{color:#000000;}
.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-rojo{background-color: var(--color-rojo) !important;}
.bg-beige-2{background-color: #dabba7;}
.bg-marron{background-color: #392b21;}
.bg-azul-claro{background-color: var(--color-azul) !important;}
.bg-azul-oscuro{background-color: var(--color-azul-oscuro) !important;}
.bg-azul3{background-color: #cfdfeb;}
.bg-verde{background-color:#00953d !important;}
.bg-amarillo{background-color:var(--color-amarillo) !important;}
.bg-blanco{background-color: #ffffff  !important;}
.bg-gris-oscuro{background-color: #2a2a2a;}
.bg-gris-claro{background-color: #efeeee;}
.bg-negro{background-color: #000000 !important;}
.bg-transparente{background-color: transparent!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-height:900px) and (min-width: 768px){	
    .cabecera{
        height: auto !important;
        padding: 200px 0;
        overflow: visible;
    }
    .fullscreen-arrow{display: none}
    
    .landing-vc .cabecera{
        height: auto !important;
        padding: 20px 0;
        overflow: visible;
    }
}

@media (max-width: 1284px){
	.cuerpo{width:1150px; margin:auto}
    .nav li A{padding:0 2px;}
}

@media(min-width:1025px) and (max-width: 1150px){
	.cuerpo{width:95%; margin:auto}
	.cabecera-interior .cabecera-textos-2 {font-size:40px; line-height:50px;}
	.cabecera-interior .cabecera-textos-3 { font-size:30px; line-height:38px;}
	.nav {margin:5px 0;}
		.nav li A{font-size:15px; padding: 2px; margin-left: 5px;     line-height: 40px;    height: 40px;}
		.nav li.empresas{padding:0px;}
		.nav li:not(:first-child):before {content:"";}
	.logo IMG{width: 150px;    margin-right: 10px;}
	.submenu.smaller{top:55px; }
    
}

@media (min-width: 1024px){
    .smaller .banda-nav-superior{display: inherit;}
    .smaller .idiomas li A { height: initial !important; line-height: initial !important;}
}
@media (max-width: 1024px){
	HEADER{padding-bottom: 10px}
	.logo IMG{width: 150px;    margin-right: 10px;}
	.cuerpo{width:95%; margin:auto}
	.nav li A{font-size:15px; padding:2px;}
    
    .creators .listado .elementos{ grid-template-columns: repeat(2, 1fr); }
    .creators .listado.listado-categorias .elementos{ grid-template-columns: repeat(2, 1fr); }
    .creators .listado.listado-categorias .elemento .foto{ height: 400px;}
    
}

@media (max-width:769px){
	html, body {margin-top:0px;}
	.cuerpo{width:90%; margin:auto}
	.frase{padding:30px 0;}
	
	.nav{padding:10px; margin:0px;}
	.nav UL{margin-top:5px;}
	.nav li{font-size:11px; margin:0px; line-height:10px; } 
	.nav li:not(:first-child):before {content:"";}
	.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 IMG{width:140px; }
	.logo {float:none}
	#mostrarmenu{display:block; }
	.menu {display: none;}
	/*.smaller .logo {width:120px; margin-top:15px}*/
	#mostrarmenu{/*position: absolute; top: 15px; left: 10px; */ margin-right: 10px;}
	    #mostrarmenu A { color: #000;}
    
    .idiomas{margin-right: 0px;}
	
	.imagenSuperior{min-height: 380px;}
	.imagenSuperior.home {min-height: 600px;}
    /*.carrusel, .home-header{height:fit-content}*/
		.carrusel_textos .tit1{font-size:22px; line-height:28px; padding:5px;}
        .carrusel_textos .tit2{font-size:20px; line-height:22px}
    
    
		
	.home-context{background-size:cover !important; padding-top: 50px;    padding-bottom: 50px; background-attachment:scroll;}
		.home-context P { font-size: 16px;  line-height:17px;}
    .home-slick{padding:50px 0px;}
        .home-slick .borde{margin-bottom:0px;     background-color: rgb(78,77,75); color: #ffffff; padding: 40px;}
        .home-slick H3 {font-size:22px;}
    .home-somos-logos .bloque { margin:0px;}
	
	.compartir-wa { display: block !important;}

	.columna_20{width:50%}
	.columna_33{float:none; width:100%}
	.columna_30{width:100%; float:none}
	.columna_40{width:100%; float:none}
	.columna_50{width:100%; float:none}
	.columna_60{width:100%; float:none}
	.columna_70{width:100%; float:none}
	.columna_90{width:100%; float:none}
	.separacion{margin-bottom:10px; margin-top: 10px;}
}

@media (max-width:820px){
    html, body{padding-top:0px;}
	HEADER{padding: 0}
	.smaller{position: relative;}
	.direccion-ubicacion{display:none}
    
    .nav, .banda_menu .cuerpo{width: 100%; background-color: rgba(256, 256, 256,0.8); }
    .banda_menu{margin-top:0px}
	.nav{position: absolute;    top: 59px; display: none}
    	.nav ul {margin:12px 0px; }
		.nav li {margin:0px; font-size: 17px; line-height:20px; padding: 3px; display: block;}
		.nav li A{padding:0px; margin:0px; color:#000;} 
	.nav li:not(:first-child):before {content: "";}
    .banda-nav-superior{position: absolute;  top: 159px; display: none; z-index: 2}
    .nav-superior{}
        .nav-superior li{display: block;}
    
	.logo {float: left; margin:10px; /*display: none*/}
	
	
	.carrusel{width:100%; /*height:350px !important;*/}
	.logo-carrusel{width:150px;}
	.carrusel_textos p {margin-top: 20px;   margin-left: 0px; width:100%}
    
    .creators .listado-obras .elementos{ grid-template-columns: repeat(2, 1fr); }
	
	
	#map-canvas { min-height: 250px;}
	.pie{text-align:center}
		.pie UL{text-align:center; margin-top:15px;}
		.pie .redes{text-align:center; margin:20px auto;}
    
    .interior-columna-1{padding-right:0px;}
	.interior-columna-2{padding-left:0px;}
	
	input.input-newsletter{width:100%;}
}
@media (max-width:500px){	
    html, body{padding-top:0px;}
	.cookies{width:auto; background-color: rgba(14, 38, 59,0.95);}
	.pc{display:none !important;}
	.movil{display:block !important;}
	blockquote{margin-left: 15px;}
    /*.fullscreen{max-height: 500px !important}*/
	.cuerpo{width:90%; margin:auto}
    .chat{ bottom:10px; right:5px; padding:8px;}
    .redes{bottom:55px; right:2px; }
    .frase .tit3{font-size: 20px; line-height: 21px;}
    
	.nav{width: 100%; background-color: #000; top: 75px; }
    .nav li, .nav li A{font-size:15px; color: #ffffff; text-align: left !important}
    .nav li.activo A { color: var(--color-rojo);}
	
    HEADER { position: relative;  top: 0px; margin-top: 0px;}
    HEADER.smaller {padding:0; }
    HEADER .cuerpo{width: 100%}
    
    .interior .logo .sismaller {display: none !important;}
    .interior .logo .nosmaller {display: block !important;}
    .interior .smaller .logo .nosmaller {display: none !important;}
    .interior .smaller .logo .sismaller {display: block !important;}
    
    .smaller, .interior .smaller{ position:relative; width:100%; z-index:15; margin-top:0 }
    .smaller .nav li, .smaller .nav li A{color: #fff; }
    
    
    #mostrarmenu{margin-bottom:0px; position: absolute; right: 0}
    
    .nav .idiomas li A { display: inline;}
        .idiomas ul { text-align: center; background-color: #ffffff88;}
        .idiomas li, .idiomas ul li A{background-color:transparent !important;}
    .idiomas ul li A.activo{background-color:transparent !important; font-weight: bold}
    .breadcrumbs{font-size: 13px;}
    
	
	.slick-dotted.slick-slider { margin-bottom: 20px !important;}
    .slick-dots{display: none !important;}
		
    .cabecera{width:100%; display: block}
    .cabecera-contenido .boton{margin-bottom: 5px;}
    .cabecera-home .cabecera-contenido{padding-top: 30px;}
        .cabecera-home .tit1{ font-size: 40px; line-height: 40px; padding:30px; smargin-top:40px}
        .cabecera-home .tit2{font-size:16px; line-height:22px; text-align: center; margin: 20px auto; padding:5px;}
        .cabecera-home .trazos{display: none}
    
    .cabecera-interior{padding: 20px 0; display: block ; }
    .cabecera-interior .cabecera-contenido{margin: 0; padding:0px ; display: block}
        .cabecera-interior .bloque{padding:30px; margin-top: 0px;}
            .cabecera-interior .tit1{ font-size: 35px; line-height:35px; }
            .cabecera-interior .tit2{font-size:16px; line-height:22px; margin:0; padding:0px;}
    
    .pagina-precios .cabecera-interior .bloque{padding: 30px;}
	
    
    .frase .tit1{font-size: 30px;line-height: 38px; padding-bottom:0px;}
    .frase .tit2{font-size: 25px;line-height: 30px;}
    .contacto .frase .tit2{font-size: 18px;line-height: 19px;}
    .listado-cards{padding-bottom: 20px;}
    .listado-cards .bloque{margin:12px  0 ;}
    
    .home-frase .tit1 { font-size: 30px;}
    .home-frase .tit2 { font-size: 20px;}
	
    .banda-ventajas .frase, .banda-ventajas .frase .tit1, .banda-ventajas .frase .tit2{text-align: left; padding-bottom: 0}
    .banda-ventajas .bloque{padding-left: 0; padding-top: 120px; margin: 0px; position: relative; margin-bottom: 30px;}
    .banda-ventajas .linea { margin-bottom: -30px; position: absolute; bottom: 0;}
    .banda-ventajas .nombre{ font-size: 25px; margin-bottom:10px;}
    .banda-ventajas P { font-size: 16px;}
    
    .banner-vender-licencias {padding: 70px 20px;}
        .banner-vender-licencias .tit1{font-size:25px; line-height: 26px}
    
    .home-tarifas .frase, .home-tarifas .frase .tit1, .home-tarifas .frase .tit2{text-align: left; padding-bottom: 0}
    
    .home-testimonios{margin-top: 0}
    .home-testimonios .frase{margin-bottom: 0; padding-bottom: 0}
    .home-testimonios .tit2{text-align: left}
    .home-testimonios .bloque{padding:40px;}
    
    .home-safestamper{padding-bottom: 40px;}
    .dos-columnas .bloque{padding: 20px; min-height: 300px !important;}
    .dos-columnas .tit1 {font-size:25px;}
	
	.tipo-tarifas.flex-center{flex-direction: column;}
		.tipo-tarifas .bloque { width: 100%; flex-direction: column; margin:10px 0}
        .tipo-tarifas .bloque .imagen{margin-bottom: 20px; margin-right: 0 !important;}
    
    .home-colaboradores .bloque{padding: 10px;}

    .pie .pie-mapa-web{display: block}
    .pie .pie-mapa-web UL{margin-bottom: 20px;}
    
    
    .pagina-registro .cabecera-interior .margen, .creators .cabecera-interior .margen{padding: 30px}
    .pagina-registro .faqs, .creators .faqs,  .interior .faqs { padding: 60px 0px;}
    .pagina-registro .faqs .margen, .creators .faqs .margen, .interior .faqs .margen{padding: 5px;}
    
    .pagina-precios .bloque-tarifas{padding-top: 50px;}
    .landing-generica .puedes-proteger .opciones{display: block; }
    .landing-generica .puedes-proteger .opciones .margen{min-height:0}
    .landing-generica .pasos{display: block; }
    .landing-generica .pasos .margen{display: block; width: 100%;}
    .landing-generica .pasos .back{position: absolute !important}
    .landing-generica .faqs { padding: 60px 0px;}
    .landing-generica .faqs .margen{padding: 5px;}
    .landing-generica .faqs .frase{padding: 40px 0;}
    .landing-generica .faqs .boton{margin-bottom: 15px;}
    
    
    .landing-vc .puedes-proteger .opciones{display: block; }
    .landing-vc .puedes-proteger .opciones .margen{min-height:0}
    .landing-vc .pasos{display: block; }
    .landing-vc .pasos .margen{display: block; width: 100%;}
    .landing-vc .pasos .back{position: absolute !important}
    .landing-vc .faqs { padding: 60px 0px;}
    .landing-vc .faqs .margen{padding: 5px;}
    .landing-vc .faqs .frase{padding: 40px 0;}
    .landing-vc .faqs .boton{margin-bottom: 15px;}
    
    
    .creators .listado .seccion{display: block}
    .creators .listado .elementos{display: block}
    .creators .listado.listado-categorias .elementos{ display: block; }
    .creators .listado .elemento{margin-bottom:30px;}
    .creators .listado .elemento .margen{margin: 0px;}
    .creators .frase { padding: 60px 0;}
    .creators .frase .boton{margin-bottom: 15px;}
    
    .creators .listado-obras .seccion{display: block}
        .creators .listado-obras .seccion .seccion-nombre{font-size:25px;}
        .creators .listado-obras .categoria{font-size:12px;}
        .creators .listado-obras .seccion .seccion-nombre STRONG{display: block}
    .creators .listado-obras .elementos{display: block; margin-top:50px;}
    .creators .listado-obras .elemento{margin-bottom:30px;}
    .creators .listado-obras .elemento .margen{margin: 0px;}
    .creators .listado-obras .elementos .avatar{ top: -25px; left: Calc(50% - 60px);}
    
	.creators-usuario .autor{ position: relative; top:-80px}
    .creators-usuario .columna-avatar{ position: relative; top: 0}
    .creators-usuario .columna-descripcion{margin: auto; padding-top: 20px;}
    .creators-usuario .seccion{font-size:30px; margin-bottom: 10px;}
    .creators .mis-obras .boton-nueva-obra{float: none; display: block}
    .creators-usuario .mis-obras-listado .elementos{display: block}
    .creators .mis-obras-listado .elemento{margin-bottom: 30px;}
    .creators .mis-obras-listado .elemento .margen{margin:10px 0;}
    .creators-usuario-ventas .opciones{flex-direction: column; align-items: center; gap:20px;}
    .creators-usuario .autor{text-align: center; top: -40px;}
    
    .creators-usuario-modificar{padding: 20px 0}
    .creators-usuario-modificar .margen{padding: 10px;}
    .creators-usuario-modificar .seccion { font-size:24px;}
    .creators-usuario-modificar .grid-4{grid-template-columns: repeat(2, 1fr); margin-right: 0}
    
    .creators-obra-detalle .margen { padding: 10px 0 30px 0;}
    .creators-obra-detalle .autor{top:0; margin-top: 20px;}
    
    
	.interior-columna-1{padding-right:0px;}
	.interior-columna-2{padding-left:0px;}
    
    .pie{padding-top: 30px;}
	
	.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:90%; margin:auto}
}