@import url("css-base-structure.css");
@import url("css-base-panels.css");
@import url("css-base-banners.css");
@import url("css-base-elementos.css");
@import url("css-base-footer.css");
@import url("css-base-animations.css");
/* =======================================================================
//////////////////////////////////////////////////////////////////////////
GLOBAL ///////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
======================================================================== */

details,figcaption,figure,hgroup,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px
solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,
html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


html, body {
	align-items:flex-start;
	align-content:flex-start;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	height:auto;
	min-height:100dvh;
	text-align:left;
	position: relative;
	scroll-behavior:smooth;
	width:100%;
	}
	
	@media only screen and (max-width:620px) {
	html, body {
	overflow-x:hidden;
	}}




/*------------------------------------------------------------------------ 
GLOBAL - COLORS /////////////////////////////////////////////////////////
------------------------------------------------------------------------*/
:root {

	--color-back:#f2f4f6;

	--color-white:#fff;
	--color-white-90:rgba(255, 255, 255, 0.9);
	--color-white-80:rgba(255, 255, 255, 0.8);
	--color-white-70:rgba(255, 255, 255, 0.7);
	--color-white-60:rgba(255, 255, 255, 0.6);
	--color-white-50:rgba(255, 255, 255, 0.5);
	--color-white-40:rgba(255, 255, 255, 0.4);
	--color-white-30:rgba(255, 255, 255, 0.3);
	--color-white-20:rgba(255, 255, 255, 0.2);
	--color-white-10:rgba(255, 255, 255, 0.1);

	--color-black:#000;
	--color-black-90:rgba(0, 0, 0, 0.9);
	--color-black-80:rgba(0, 0, 0, 0.8);
	--color-black-70:rgba(0, 0, 0, 0.7);
	--color-black-60:rgba(0, 0, 0, 0.6);
	--color-black-50:rgba(0, 0, 0, 0.5);
	--color-black-40:rgba(0, 0, 0, 0.4);
	--color-black-30:rgba(0, 0, 0, 0.3);
	--color-black-20:rgba(0, 0, 0, 0.2);
	--color-black-10:rgba(0, 0, 0, 0.1);

	--color-whatsapp:#25d366;
	--color-facebook:#3b5998;
	--color-instagram:#cd486b;
	--color-youtube:#ff0000;
	--color-ubicacion:#ff0000;
	--color-twitter:#55acee;
	--color-tiktok:#000;
	--color-x:#55acee;
	--color-linkedin:#007bb5;

	--gradient-main:linear-gradient(to top, var(--color-main) 0%, var(--color-main-soft) 100%);
	--gradient-main-soft:linear-gradient(to top, var(--color-main-softer) 0%, var(--color-white) 120%);
	--gradient-main-dark:linear-gradient(to top, var(--color-main-darker) 0%, var(--color-main) 80%);
	--gradient-main-to-right:linear-gradient(to right, var(--color-main) 0%, transparent 80%);
	--gradient-main-to-top:linear-gradient(to top, var(--color-main) 0%, transparent 80%);
	--gradient-main-to-left:linear-gradient(to left, var(--color-main) 0%, transparent 80%);
	--gradient-main-to-bottom:linear-gradient(to bottom, var(--color-main) 0%, transparent 80%);
	--gradient-main-softer-to-right:linear-gradient(to right, var(--color-main-softer) 0%, transparent 80%);
	--gradient-main-softer-to-top:linear-gradient(to top, var(--color-main-softer) 0%, transparent 80%);
	--gradient-main-softer-to-left:linear-gradient(to left, var(--color-main-softer) 0%, transparent 80%);
	--gradient-main-softer-to-bottom:linear-gradient(to bottom, var(--color-main-softer) 0%, transparent 80%);


	--gradient-second:linear-gradient(to top, var(--color-second) 0%, var(--color-second-soft) 100%);
	--gradient-second-soft:linear-gradient(to top, var(--color-second-softer) 0%, var(--color-white) 120%);
	--gradient-second-dark:linear-gradient(to top, var(--color-second-darker) 0%, var(--color-second) 80%);
	--gradient-second-to-right:linear-gradient(to right, var(--color-second) 0%, transparent 80%);
	--gradient-second-to-top:linear-gradient(to top, var(--color-second) 0%, transparent 80%);
	--gradient-second-to-left:linear-gradient(to left, var(--color-second) 0%, transparent 80%);
	--gradient-second-to-bottom:linear-gradient(to bottom, var(--color-second) 0%, transparent 80%);


	--gradient-combinado:linear-gradient(to top, var(--color-main) 0%, var(--color-second-soft) 100%);
	--gradient-combinado-soft:linear-gradient(to top, var(--color-main-soft) -20%, var(--color-second-softer) 100%);
	--gradient-combinado-dark:linear-gradient(to top, var(--color-main-dark) 0%, var(--color-second) 120%);
	--gradient-combinado-to-right:linear-gradient(to right, var(--color-main) 0%, var(--color-second-soft) 100%);
	--gradient-combinado-to-top:linear-gradient(to top, var(--color-main) 0%, var(--color-second-soft) 100%);
	--gradient-combinado-to-left:linear-gradient(to left, var(--color-main) 0%, var(--color-second-soft) 100%);
	--gradient-combinado-to-bottom:linear-gradient(to bottom, var(--color-main) 0%, var(--color-second-soft) 100%);



	--gradient-combinado-uno:linear-gradient(to right top, var(--color-main-soft) 0%, var(--color-main-softer) 40%, var(--color-second-softer) 80%);
	--gradient-combinado-dos:linear-gradient(to right top, var(--color-main) 0%, var(--color-main-soft) 40%, var(--color-second-soft) 80%);
	--gradient-combinado-tres:linear-gradient(to right top, var(--color-main-dark) 0%, var(--color-main) 40%, var(--color-second) 80%);


	--gradient-neutro:linear-gradient(to top, var(--color-neutro) 0%, var(--color-neutro-soft) 100%);
	--gradient-neutro-soft:linear-gradient(to top, var(--color-neutro-softer) 0%, var(--color-white) 120%);
	--gradient-neutro-dark:linear-gradient(to top, var(--color-neutro-darker) 0%, var(--color-neutro) 80%);
	--gradient-neutro-to-right:linear-gradient(to right, var(--color-neutro) 0%, transparent 80%);
	--gradient-neutro-to-top:linear-gradient(to top, var(--color-neutro) 0%, transparent 80%);
	--gradient-neutro-to-left:linear-gradient(to left, var(--color-neutro) 0%, transparent 80%);
	--gradient-neutro-to-bottom:linear-gradient(to bottom, var(--color-neutro) 0%, transparent 80%);



	--gradient-white-to-right:linear-gradient(to right, var(--color-white) 0%, transparent 80%);
	--gradient-white-to-top:linear-gradient(to top, var(--color-white) 0%, transparent 80%);
	--gradient-white-to-left:linear-gradient(to left, var(--color-white) 0%, transparent 80%);
	--gradient-white-to-bottom:linear-gradient(to bottom, var(--color-white) 0%, transparent 80%);


	--gradient-black-to-right:linear-gradient(to right, var(--color-black) 0%, transparent 80%);
	--gradient-black-to-top:linear-gradient(to top, var(--color-black) 0%, transparent 80%);
	--gradient-black-to-left:linear-gradient(to left, var(--color-black) 0%, transparent 80%);
	--gradient-black-to-bottom:linear-gradient(to bottom, var(--color-black) 0%, transparent 80%);

	}



/*--------------------------------------------------- 
--- COLOR MAIN   ////////////////////////////////////
---------------------------------------------------*/
/* Main
----------------------------------------*/
.color-main,
[class~="--titles-color-main"] [class^="title"],
[class~="--subtitles-color-main"] [class^="subtitle"],
[class~="--txts-color-main"] p{
	color:var(--color-main)!important;
	}

.color-main.svg-icon,
[class*="--icons-color-main"] .svg-icon {
	fill:var(--color-main)!important;
	}


.bg-main,
[class~="--items-bg-main"] [class^="item"],
[class~="--cols-bg-main"] [class^="col"],
[class~="--blocks-bg-main"] [class^="block"],
ul.items-bg-main li > *  {
	background:var(--color-main)!important;
	}

.bg-main-90 {
	background:color-mix(in srgb, var(--color-main) 90%, transparent);
	}
.bg-main-80 {
	background:color-mix(in srgb, var(--color-main) 80%, transparent);
	}
.bg-main-70 {
	background:color-mix(in srgb, var(--color-main) 70%, transparent);
	}
.bg-main-60 {
	background:color-mix(in srgb, var(--color-main) 60%, transparent);
	}
.bg-main-50 {
	background:color-mix(in srgb, var(--color-main) 50%, transparent);
	}
.bg-main-40 {
	background:color-mix(in srgb, var(--color-main) 40%, transparent);
	}
.bg-main-30 {
	background:color-mix(in srgb, var(--color-main) 30%, transparent);
	}
.bg-main-20 {
	background:color-mix(in srgb, var(--color-main) 20%, transparent);
	}
.bg-main-10 {
	background:color-mix(in srgb, var(--color-main) 10%, transparent);
	}




/* Main darker
----------------------------------------*/
.color-main-darker,
[class~="--titles-color-main-darker"] [class^="title"],
[class~="--subtitles-color-main-darker"] [class^="subtitle"],
[class~="--txts-color-main-darker"] p{
	color: var(--color-main-darker)!important;
	}

.color-main-darker.svg-icon,
[class*="--icons-color-main-darker"] .svg-icon {
	fill: var(--color-main-darker)!important;
	}

.bg-main-darker,
[class~="--items-bg-main-darker"] [class^="item"],
[class~="--cols-bg-main-darker"] [class^="col"],
[class~="--blocks-bg-main-darker"] [class^="block"],
ul.items-bg-main-darker li > *  {
	background:var(--color-main-darker)!important;
	}


.bg-main-darker-90 {
   background:color-mix(in srgb, var(--color-main-darker) 90%, transparent);
   }
.bg-main-darker-80 {
   background:color-mix(in srgb, var(--color-main-darker) 80%, transparent);
   }
.bg-main-darker-70 {
   background:color-mix(in srgb, var(--color-main-darker) 70%, transparent);
   }
.bg-main-darker-60 {
   background:color-mix(in srgb, var(--color-main-darker) 60%, transparent);
   }
.bg-main-darker-50 {
   background:color-mix(in srgb, var(--color-main-darker) 50%, transparent);
   }
.bg-main-darker-40 {
   background:color-mix(in srgb, var(--color-main-darker) 40%, transparent);
   }
.bg-main-darker-30 {
   background:color-mix(in srgb, var(--color-main-darker) 30%, transparent);
   }
.bg-main-darker-20 {
   background:color-mix(in srgb, var(--color-main-darker) 20%, transparent);
   }
.bg-main-darker-10 {
   background:color-mix(in srgb, var(--color-main-darker) 10%, transparent);
   }



/* Main dark
----------------------------------------*/
.color-main-dark,
[class~="--titles-color-main-dark"] [class^="title"],
[class~="--subtitles-color-main-dark"] [class^="subtitle"],
[class~="--txts-color-main-dark"] p{
	color: var(--color-main-dark)!important;
	}

.color-main-dark.svg-icon,
[class*="--icons-color-main-dark"] .svg-icon {
	fill: var(--color-main-dark)!important;
	}


.bg-main-dark,
[class~="--items-bg-main-dark"] [class^="item"],
[class~="--cols-bg-main-dark"] [class^="col"],
[class~="--blocks-bg-main-dark"] [class^="block"],
ul.items-bg-main-dark li > *  {
	background:var(--color-main-dark)!important;
	}




/* Main soft 
----------------------------------------*/
.color-main-soft,
[class~="--titles-color-main-soft"] [class^="title"],
[class~="--subtitles-color-main-soft"] [class^="subtitle"],
[class~="--txts-color-main-soft"] p{
	color: var(--color-main-soft) !important;
	}

.color-main-soft.svg-icon,
[class*="--icons-color-main-soft"] .svg-icon {
	fill: var(--color-main-soft) !important;
	}

.bg-main-soft,
[class~="--items-bg-main-soft"] [class^="item"],
[class~="--cols-bg-main-soft"] [class^="col"],
[class~="--blocks-bg-main-soft"] [class^="block"],
ul.items-bg-main-soft li > *  {
	background:var(--color-main-soft)!important;
	}



/* Main softer
----------------------------------------*/
.color-main-softer,
[class~="--titles-color-main-softer"] [class^="title"],
[class~="--subtitles-color-main-softer"] [class^="subtitle"],
[class~="--txts-color-main-softer"] p{
	color: var(--color-main-softer) !important;
	}

.color-main-softer.svg-icon,
[class*="--icons-color-main-softer"] .svg-icon {
	fill: var(--color-main-softer) !important;
	}

.bg-main-softer,
[class~="--items-bg-main-softer"] [class^="item"],
[class~="--cols-bg-main-softer"] [class^="col"],
[class~="--blocks-bg-main-softer"] [class^="block"],
ul.items-bg-main-softer li > *   {
	background:var(--color-main-softer)!important;
	}



/*--------------------------------------------------- 
--- COLOR SECOND   //////////////////////////////////
---------------------------------------------------*/
/* Second
----------------------------------------*/
.color-second,
[class~="--titles-color-second"] [class^="title"],
[class~="--subtitles-color-second"] [class^="subtitle"],
[class~="--txts-color-second"] p {
	color: var(--color-second) !important;
	}

.color-second.svg-icon,
[class*="--icons-color-second"] .svg-icon {
	fill: var(--color-second) !important;
	}

.bg-second,
[class~="--items-bg-second"] [class^="item"],
[class~="--cols-bg-second"] [class^="col"],
[class~="--blocks-bg-second"] [class^="block"],
ul.items-bg-second li > *  {
	background:var(--color-second)!important;
	}

.bg-second-90 {
	background:color-mix(in srgb, var(--color-second) 90%, transparent);
	}
.bg-second-80 {
	background:color-mix(in srgb, var(--color-second) 80%, transparent);
	}
.bg-second-70 {
	background:color-mix(in srgb, var(--color-second) 70%, transparent);
	}
.bg-second-60 {
	background:color-mix(in srgb, var(--color-second) 60%, transparent);
	}
.bg-second-50 {
	background:color-mix(in srgb, var(--color-second) 50%, transparent);
	}
.bg-second-40 {
	background:color-mix(in srgb, var(--color-second) 40%, transparent);
	}
.bg-second-30 {
	background:color-mix(in srgb, var(--color-second) 30%, transparent);
	}
.bg-second-20 {
	background:color-mix(in srgb, var(--color-second) 20%, transparent);
	}
.bg-second-10 {
	background:color-mix(in srgb, var(--color-second) 10%, transparent);
	}




/* Second darker
----------------------------------------*/
.color-second-darker,
[class~="--titles-color-second-darker"] [class^="title"],
[class~="--subtitles-color-second-darker"] [class^="subtitle"],
[class~="--txts-color-second-darker"] p {
	color: var(--color-second-darker) !important;
	}

.color-second-darker.svg-icon,
[class*="--icons-color-second-darker"] .svg-icon {
	fill: var(--color-second-darker) !important;
	}

.bg-second-darker,
[class~="--items-bg-second-darker"] [class^="item"],
[class~="--cols-bg-second-darker"] [class^="col"],
[class~="--blocks-bg-second-darker"] [class^="block"],
ul.items-bg-second-darker li > *  {
	background:var(--color-second-darker)!important;
	}


/* Second dark
----------------------------------------*/
.color-second-dark,
[class~="--titles-color-second-dark"] [class^="title"],
[class~="--subtitles-color-second-dark"] [class^="subtitle"],
[class~="--txts-color-second-dark"] p {
	color: var(--color-second-dark) !important;
	}


.color-second-dark.svg-icon,
[class*="--icons-color-second-dark"] .svg-icon {
	fill: var(--color-second-dark) !important;
	}

.bg-second-dark,
[class~="--items-bg-second-dark"] [class^="item"],
[class~="--cols-bg-second-dark"] [class^="col"],
[class~="--blocks-bg-second-dark"] [class^="block"],
ul.items-bg-second-dark li > *   {
	background:var(--color-second-dark)!important;
	}






/* Second soft 
----------------------------------------*/
.color-second-soft,
[class~="--titles-color-second-soft"] [class^="title"],
[class~="--subtitles-color-second-soft"] [class^="subtitle"],
[class~="--txts-color-second-soft"] p {
	color: var(--color-second-soft) !important;
	}

.color-second-soft.svg-icon,
[class*="--icons-color-second-soft"] .svg-icon {
	fill: var(--color-second-soft) !important;
	}

.bg-second-soft,
[class~="--items-bg-second-soft"] [class^="item"],
[class~="--cols-bg-second-soft"] [class^="col"],
[class~="--blocks-bg-second-soft"] [class^="block"],
ul.items-bg-second-soft li > *   {
	background:var(--color-second-soft)!important;
	}



/* Second softer
----------------------------------------*/
.color-second-softer,
[class~="--titles-color-second-softer"] [class^="title"],
[class~="--subtitles-color-second-softer"] [class^="subtitle"],
[class~="--txts-color-second-softer"] p {
	color: var(--color-second-softer) !important;
	}

.color-second-softer.svg-icon,
[class*="--icons-color-second-softer"] .svg-icon {
	fill: var(--color-second-softer) !important;
	}

.bg-second-softer,
[class~="--items-bg-second-softer"] [class^="item"],
[class~="--cols-bg-second-softer"] [class^="col"],
[class~="--blocks-bg-second-softer"] [class^="block"],
ul.items-bg-second-softer li > *   {
	background:var(--color-second-softer)!important;
	}



/*--------------------------------------------------- 
--- COLOR WHITE  ////////////////////////////////////
---------------------------------------------------*/
.color-white,
[class~="--titles-color-white"] [class^="title"],
[class~="--subtitles-color-white"] [class^="subtitle"],
[class~="--txts-color-white"] p  {
	color:var(--color-white)!important;
	}


.color-white.svg-icon,
[class*="--icons-color-white"] .svg-icon{
	fill:var(--color-white)!important;
	}

.bg-white,
[class~="--items-bg-white"] [class^="item"],
[class~="--cols-bg-white"] [class^="col"],
[class~="--blocks-bg-white"] [class^="block"],
.items-bg-white.items-split [class^="item"] > [class^="col"],
ul.items-bg-white li > *   {
	background:var(--color-white)!important;
	}

.color-white-90, 
.titles-color-white-90 [class*="title"] {
	color:var(--color-white-90)!important;
	}
.color-white-80, 
.titles-color-white-80 [class*="title"] {
	color:var(--color-white-80)!important;
	}
.color-white-70, 
.titles-color-white-70 [class*="title"] {
	color:var(--color-white-70)!important;
	}
.color-white-60, 
.titles-color-white-60 [class*="title"] {
	color:var(--color-white-60)!important;
	}
.color-white-50, 
.titles-color-white-50 [class*="title"] {
	color:var(--color-white-50)!important;
	}
.color-white-40, 
.titles-color-white-40 [class*="title"] {
	color:var(--color-white-40)!important;
	}
.color-white-30, 
.titles-color-white-30 [class*="title"] {
	color:var(--color-white-30)!important;
	}
.color-white-20, 
.titles-color-white-20 [class*="title"] {
	color:var(--color-white-20)!important;
	}
.color-white-10, 
.titles-color-white-10 [class*="title"] {
	color:var(--color-white-10)!important;
	}

.bg-white-90 {
	background:color-mix(in srgb, var(--color-white) 90%, transparent);
	}
.bg-white-80 {
	background:color-mix(in srgb, var(--color-white) 80%, transparent);
	}
.bg-white-70 {
	background:color-mix(in srgb, var(--color-white) 70%, transparent);
	}
.bg-white-60 {
	background:color-mix(in srgb, var(--color-white) 60%, transparent);
	}
.bg-white-50 {
	background:color-mix(in srgb, var(--color-white) 50%, transparent);
	}
.bg-white-40 {
	background:color-mix(in srgb, var(--color-white) 40%, transparent);
	}
.bg-white-30 {
	background:color-mix(in srgb, var(--color-white) 30%, transparent);
	}
.bg-white-20 {
	background:color-mix(in srgb, var(--color-white) 20%, transparent);
	}
.bg-white-10 {
	background:color-mix(in srgb, var(--color-white) 10%, transparent);
	}




/*--------------------------------------------------- 
--- COLOR BLACK   ///////////////////////////////////
---------------------------------------------------*/
.color-black,
[class~="--titles-color-black"] [class^="title"],
[class~="--subtitles-color-black"] [class^="subtitle"],
[class~="--txts-color-black"] p  {
	color:var(--color-black)!important;
	}


.color-black.svg-icon,
[class*="--icons-color-black"] .svg-icon{
	fill:var(--color-black)!important;
	}

.bg-black,
[class~="--items-bg-black"]  [class^="item"],
[class~="--cols-bg-black"]  [class^="col"],
[class~="--blocks-bg-black"]  [class^="block"],
ul.items-bg-black li > *   {
	background:var(--color-black)!important;
	}


.bg-black-90 {
	background:color-mix(in srgb, var(--color-black) 90%, transparent);
	}
.bg-black-80 {
	background:color-mix(in srgb, var(--color-black) 80%, transparent);
	}
.bg-black-70 {
	background:color-mix(in srgb, var(--color-black) 70%, transparent);
	}
.bg-black-60 {
	background:color-mix(in srgb, var(--color-black) 60%, transparent);
	}
.bg-black-50 {
	background:color-mix(in srgb, var(--color-black) 50%, transparent);
	}
.bg-black-40 {
	background:color-mix(in srgb, var(--color-black) 40%, transparent);
	}
.bg-black-30 {
	background:color-mix(in srgb, var(--color-black) 30%, transparent);
	}
.bg-black-20 {
	background:color-mix(in srgb, var(--color-black) 20%, transparent);
	}
.bg-black-10 {
	background:color-mix(in srgb, var(--color-black) 10%, transparent);
	}


.color-black-90, .titles-color-black-90 [class*="title"] {
	color:var(--color-black-90)!important;
	}
.color-black-80, .titles-color-black-80 [class*="title"] {
	color:var(--color-black-80)!important;
	}
.color-black-70, .titles-color-black-70 [class*="title"] {
	color:var(--color-black-70)!important;
	}
.color-black-60, .titles-color-black-60 [class*="title"] {
	color:var(--color-black-60)!important;
	}
.color-black-50, .titles-color-black-50 [class*="title"] {
	color:var(--color-black-50)!important;
	}
.color-black-40, .titles-color-black-40 [class*="title"] {
	color:var(--color-black-40)!important;
	}
.color-black-30, .titles-color-black-30 [class*="title"] {
	color:var(--color-black-30)!important;
	}
.color-black-20, .titles-color-black-20 [class*="title"] {
	color:var(--color-black-20)!important;
	}
.color-black-10, .titles-color-black-10 [class*="title"] {
	color:var(--color-black-10)!important;
	}


/*--------------------------------------------------- 
--- COLOR NEUTRO   /////////////////////////////////
---------------------------------------------------*/

/* Neutro
----------------------------------------*/
.color-neutro,
[class~="--titles-color-neutro"] [class^="title"],
[class~="--subtitles-color-neutro"] [class^="subtitle"],
[class~="--txts-color-neutro"] p  {
	color: var(--color-neutro);
	}

.color-neutro.svg-icon,
[class*="--icons-color-neutro"] .svg-icon{
	fill: var(--color-neutro);
	}

.bg-neutro,
[class~="--items-bg-neutro"] [class^="item"],
[class~="--cols-bg-neutro"] [class^="col"],
[class~="--blocks-bg-neutro"] [class^="block"],
ul.items-bg-neutro li > *  {
	background:var(--color-neutro);
	}


/* Neutro darker
----------------------------------------*/
.color-neutro-darker,
[class~="--titles-color-neutro-darker"] [class^="title"],
[class~="--subtitles-color-neutro-darker"] [class^="subtitle"],
[class~="--txts-color-neutro-darker"] p  {
	color: var(--color-neutro-darker);
	}

.color-neutro-darker.svg-icon,
[class*="--icons-color-neutro-darker"] .svg-icon{
	fill: var(--color-neutro-darker);
	}

.bg-neutro-darker,
[class~="--items-bg-neutro-darker"] [class^="item"],
[class~="--cols-bg-neutro-darker"] [class^="col"],
[class~="--blocks-bg-neutro-darker"] [class^="block"],
ul.items-bg-neutro-darker li > *  {
	background:var(--color-neutro-darker);
	}


/* Neutro dark
----------------------------------------*/
.color-neutro-dark,
[class~="--titles-color-neutro-dark"] [class^="title"],
[class~="--subtitles-color-neutro-dark"] [class^="subtitle"],
[class~="--txts-color-neutro-dark"] p  {
	color: var(--color-neutro-dark);
	}

.color-neutro-dark.svg-icon,
[class*="--icons-color-neutro-dark"] .svg-icon{
	fill: var(--color-neutro-dark);
	}

.bg-neutro-dark,
[class~="--items-bg-neutro-dark"] [class^="item"],
[class~="--cols-bg-neutro-dark"] [class^="col"],
[class~="--blocks-bg-neutro-dark"] [class^="block"],
ul.items-bg-neutro-dark li > *  {
	background:var(--color-neutro-dark);
	}


/* Neutro soft
----------------------------------------*/
.color-neutro-soft,
[class~="--titles-color-neutro-soft"] [class^="title"],
[class~="--subtitles-color-neutro-soft"] [class^="subtitle"],
[class~="--txts-color-neutro-soft"] p  {
	color: var(--color-neutro-soft);
	}

.color-neutro-soft.svg-icon,
[class*="--icons-color-neutro-soft"] .svg-icon{
	fill: var(--color-neutro-soft);
	}

.bg-neutro-soft,
[class~="--items-bg-neutro-soft"] [class^="item"],
[class~="--cols-bg-neutro-soft"] [class^="col"],
[class~="--blocks-bg-neutro-soft"] [class^="block"],
ul.items-bg-neutro-soft li > *  {
	background:var(--color-neutro-soft);
	}


/* Neutro softer
----------------------------------------*/
.color-neutro-softer,
[class~="--titles-color-neutro-softer"] [class^="title"],
[class~="--subtitles-color-neutro-softer"] [class^="subtitle"],
[class~="--txts-color-neutro-softer"] p {
	color: var(--color-neutro-softer);
	}

.color-neutro-softer.svg-icon,
[class*="--icons-color-neutro-softer"] .svg-icon {
	fill: var(--color-neutro-softer);
	}

.bg-neutro-softer,
[class~="--items-bg-neutro-softer"]  [class^="item"],
[class~="--cols-bg-neutro-softer"]  [class^="col"],
[class~="--blocks-bg-neutro-softer"]  [class^="block"],
ul.items-bg-neutro-softer li > *  {
	background:var(--color-neutro-softer);
	}



/*--------------------------------------------------- 
--- COLOR OK   /////////////////////////////////
---------------------------------------------------*/

/* OK
----------------------------------------*/
.color-ok,
[class~="--titles-color-ok"] [class^="title"],
[class~="--subtitles-color-ok"] [class^="subtitle"],
[class~="--txts-color-ok"] p  {
   color: var(--color-ok);
   }

.color-ok.svg-icon,
[class*="--icons-color-ok"] .svg-icon{
   fill: var(--color-ok);
   }

.bg-ok,
[class~="--items-bg-ok"] [class^="item"],
[class~="--cols-bg-ok"] [class^="col"],
[class~="--blocks-bg-ok"] [class^="block"],
ul.items-bg-ok li > *  {
   background:var(--color-ok);
   }




/* OK softer
----------------------------------------*/
.color-ok,
[class~="--titles-color-ok-softer"] [class^="title"],
[class~="--subtitles-color-ok-softer"] [class^="subtitle"],
[class~="--txts-color-ok-softer"] p  {
   color: var(--color-ok-softer);
   }

.color-ok-softer.svg-icon,
[class*="--icons-color-ok-softer"] .svg-icon{
   fill: var(--color-ok-softer);
   }

.bg-ok-softer,
[class~="--items-bg-ok-softer"] [class^="item"],
[class~="--cols-bg-ok-softer"] [class^="col"],
[class~="--blocks-bg-ok-softer"] [class^="block"],
ul.items-bg-ok-softer li > *  {
   background:var(--color-ok-softer);
   }




/*--------------------------------------------------- 
--- GRADIENTES  ////////////////////////////////////
---------------------------------------------------*/
/* Main
----------------------------------------*/
.gradient-main{
	background-image:var(--gradient-main);
	}
.gradient-main-dark{
	background-image:var(--gradient-main-dark);
	}
.gradient-main-soft{
	background-image:var(--gradient-main-soft);
	}
.gradient-main-to-top{
	background-image:var(--gradient-main-to-top);
	}
.gradient-main-to-right{
	background-image:var(--gradient-main-to-right);
	}
.gradient-main-to-bottom{
	background-image:var(--gradient-main-to-bottom);
	}
.gradient-main-to-left{
	background-image:var(--gradient-main-to-left);
	}




/* Second
----------------------------------------*/
.gradient-second{
	background-image:var(--gradient-second);
	}
.gradient-second-dark{
	background-image:var(--gradient-second-dark);
	}
.gradient-second-soft{
	background-image:var(--gradient-second-soft);
	}
.gradient-second-to-right{
	background-image:var(--gradient-second-to-right);
	}
.gradient-second-to-top{
	background-image:var(--gradient-second-to-top);
	}

.gradient-second-to-left{
	background-image:var(--gradient-second-to-left);
	}
.gradient-second-to-bottom{
	background-image:var(--gradient-second-to-bottom);
	}


/* Neutro
----------------------------------------*/
.gradient-neutro{
	background-image:var(--gradient-neutro);
	}
.gradient-neutro-dark{
	background-image:var(--gradient-neutro-dark);
	}
.gradient-neutro-soft{
	background-image:var(--gradient-neutro-soft);
	}
.gradient-neutro-to-top{
	background-image:var(--gradient-neutro-to-top);
	}
.gradient-neutro-to-right{
	background-image:var(--gradient-neutro-to-right);
	}
.gradient-neutro-to-bottom{
	background-image:var(--gradient-neutro-to-bottom);
	}
.gradient-neutro-to-left{
	background-image:var(--gradient-neutro-to-left);
	}


/* Main
----------------------------------------*/
.gradient-combinado{
	background-image:var(--gradient-combinado);
	}
.gradient-combinado-dark{
	background-image:var(--gradient-combinado-dark);
	}
.gradient-combinado-soft{
	background-image:var(--gradient-combinado-soft);
	}
.gradient-combinado-to-top{
	background-image:var(--gradient-combinado-to-top);
	}
.gradient-combinado-to-right{
	background-image:var(--gradient-combinado-to-right);
	}
.gradient-combinado-to-bottom{
	background-image:var(--gradient-combinado-to-bottom);
	}
.gradient-combinado-to-left{
	background-image:var(--gradient-combinado-to-left);
	}



/* White
----------------------------------------*/
.gradient-white-to-top{
	background-image:var(--gradient-white-to-top);
	}
.gradient-white-to-right{
	background-image:var(--gradient-white-to-right);
	}
.gradient-white-to-bottom{
	background-image:var(--gradient-white-to-bottom);
	}
.gradient-white-to-left{
	background-image:var(--gradient-white-to-left);
	}



/* Black
----------------------------------------*/
.gradient-black-to-top{
	background-image:var(--gradient-black-to-top);
	}
.gradient-black-to-right{
	background-image:var(--gradient-black-to-right);
	}
.gradient-black-to-bottom{
	background-image:var(--gradient-black-to-bottom);
	}
.gradient-black-to-left{
	background-image:var(--gradient-black-to-left);
	}



/*--------------------------------------------------- 
--- MIX BLEND MODE  /////////////////////////////////
---------------------------------------------------*/
.mix-blend-mode-color {
	mix-blend-mode: color;
	}

.mix-blend-mode-darker {
	mix-blend-mode: darker;
	}


.mix-blend-mode-lighten {
	mix-blend-mode: lighten;
	}

.mix-blend-mode-overlay {
	mix-blend-mode: overlay;
	}

.mix-blend-mode-screen {
	mix-blend-mode: screen;
	}

.mix-blend-mode-multiply {
	mix-blend-mode: multiply;
	}



/*------------------------------------------------------------------------ 
GLOBAL - FONTS AND TEXTS ////////////////////////////////////////////////
------------------------------------------------------------------------*/


/* Font face
----------------------------------------*/
@font-face {
	font-display:swap;
	font-family: 'Montserrat';
 	font-style: normal;
	font-weight: 300;
	src: url('../assets/fonts/montserrat-v14/montserrat-v14-latin-300.woff2') format('woff2'); 
	}


/* montserrat-regular - latin */
@font-face {
	font-display:swap;
  	font-family: 'Montserrat';
 	font-style:normal;
	font-weight:400;
	src: url('../assets/fonts/montserrat-v14/montserrat-v14-latin-regular.woff2') format('woff2'); 
	}


@font-face {
	font-display:swap;
 	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('../assets/fonts/montserrat-v14/montserrat-v14-latin-500.woff2') format('woff2'); 
	}

@font-face {
	font-display:swap;
 	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('../assets/fonts/montserrat-v14/montserrat-v14-latin-600.woff2') format('woff2'); 
	}



/* Fuente primaria
----------------------------------------*/
html, body{
	font-family:var(--font-main);
	font-weight:normal;
	}



/* Fuente secundaria
----------------------------------------*/
h1, h2, h3, h4, h5, h6{
	font-family:var(--font-second);
	text-wrap: balance;
	}


.font-main {font-family: var(--font-main)!important;}
.font-second {font-family: var(--font-second)!important;}




/* Font size
----------------------------------------*/
.fs-xlarge { font-size:var(--fs-xlarge)!important;}
.fs-large { font-size:var(--fs-large)!important;}
.fs-default, .fs-normal { font-size:var(--fs-default)!important;}
.fs-medium { font-size:var(--fs-medium)!important;}
.fs-small { font-size:var(--fs-small)!important;}
.fs-xsmall { font-size:var(--fs-xsmall)!important;}

.fs-5x { font-size:var(--fs-5x)!important;}
.fs-4x { font-size:var(--fs-4x)!important;}
.fs-3x { font-size:var(--fs-3x)!important;}
.fs-2x { font-size:var(--fs-2x)!important;}
.fs-1x { font-size:var(--fs-1x)!important;}



/* Font weight
----------------------------------------*/
.fw-bolder { font-weight:800;}
.fw-bold { font-weight:700;}
.fw-semi-bold { font-weight:600;}
.fw-normal { font-weight:normal!important;}
.fw-thin { font-weight:300;}




/* Line height
----------------------------------------*/
.line-height-xxlarge,
.line-height-xxlarge * {
	line-height:var(--line-height-xxlarge)!important;
	}

.line-height-xlarge,
.line-height-xlarge * {
	line-height:var(--line-height-xlarge)!important;
	}

.line-height-large,
.line-height-large * {
	line-height:var(--line-height-large)!important;
	}

.line-height,
.line-height * {
	line-height:var(--line-height-default)!important;
	}

.line-height-medium,
.line-height-medium * {
	line-height:var(--line-height-medium)!important;
	}


/* Uppercase
----------------------------------------*/
.uppercase{
	text-transform:uppercase;
	}



/* Punto suspensivos
----------------------------------------*/
.puntos-suspensivos{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}



/* txt small
----------------------------------------*/
.txt-small {
	color:var(--color-neutro);
	font-size:0.7rem;
	line-height:1.2rem;
	}

.txt-small > *{
	color:inherit;
	font-size:inherit;
	text-decoration:none;
	}


.txt-small > * .svg-icon{
	display:inline-block;
	height:12px;
	width:12px;
	}




/*--------------------------------------------------- 
--- H   ///////////////////////////////////////////
---------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	height:auto;
	margin:0px;
	padding:0px 0px;
	line-height:1.2em;
	width:100%;
	}



h1 {font-size:var(--fs-h1);}
h2 {font-size:var(--fs-h2);}
h3 {font-size:var(--fs-h3);}
h4 {font-size:var(--fs-h4);}
h5 {font-size:var(--fs-h5);}
h6 {font-size:var(--fs-h6);}




/*--------------------------------------------------- 
--- PARRAFOS   ////////////////////////////////////
---------------------------------------------------*/
p {
	color:inherit;
	font-size:inherit;
	height:auto;
	line-height:1.4em;
	margin:0px 0px;
	padding:0px 0px;
	text-align:left;
	text-wrap: pretty;
	width:100%;
	}



p a,
p a:hover{
	color:inherit;
	}



p.center {
	text-align:center;
	}


p.left {
	text-align:left;
	}


p.right {
	text-align:right;
	}






/*--------------------------------------------------- 
--- ALINEACIONES  //////////////////////////////////
---------------------------------------------------*/
[class*="-center"]:is(p, a, ul. ol, span, [class*="title"] ),
[class*="-center-to-left"]:where(p, a, ul, ol, span, [class*="title"] ){
	justify-content:center;
	text-align:center;
	}


@media only screen and (max-width:620px) {

	[class*="-center-to-left"]:where(p, a, ul. ol, span, [class*="title"]){
	justify-content:flex-start!important;
	text-align:left!important;
	}

}




/*--------------------------------------------------- 
--- COLUMNA EN PARRADO  /////////////////////////////
---------------------------------------------------*/
p.add-columns {
	columns:2;
	column-gap:var(--gap-second);
	text-align: justify;
	}
	@media only screen and (max-width:620px) {
	p.add-columns{
	columns:1;
	column-gap:0px;
	text-align:left;
	}}




/*--------------------------------------------------- 
--- ANCHORS & LINKS  ////////////////////////////////
---------------------------------------------------*/
a {
	color:inherit;
	font-size:inherit;
	margin:0px;
	padding:0px;
	text-decoration:underline;
	}


a:hover {
	text-decoration:underline;
	}


* a,
* .link {
	color:inherit;
	}


.link{
	color:inherit;
	cursor: pointer;
	font-size:0.7em;
	text-transform:uppercase;
	text-decoration:none;
	}



.link:hover{ 
	text-decoration:underline;
	}



a:hover .link{ 
	text-decoration:none;
	}




/* Fonts variables
----------------------------------------*/

:root {

	--fs-small:0.6rem;
	--fs-medium:0.8rem;
	--fs-regular:1rem;
	--fs-large:1.2rem;
	--fs-xlarge:1.4rem;
	--fs-xxlarge:1.6rem;

	--fw-thin:300;
	--fw-normal:400;
	--fw-bold:500;
	--fw-bolder:500;

	}


/*-------------------------------------------------- 
---     TITLES DEFAULT    //////////////////////////
---------------------------------------------------*/
* .title {
	text-wrap: pretty;
	}



.title.center,
.title-1.center,
.title-2.center,
.title-3.center,
.subtitle.center,
.subtitle-1.center,
.subtitle-2.center,
.subtitle-3.center{
	justify-content:center;
	text-align:center;
	}




/*------------------------------------------------------------------------ 
GLOBAL -  IMAGENS ////////////////////////////////////////////////////////
------------------------------------------------------------------------*/


/* IMG
----------------------------------------*/
img{
	display:block;
	height:auto;
	padding:0px;
	margin:0px;
	max-width:100%;
	}


img:not([alt]) {
	outline:1px dashed pink;
	}


.fancybox-content img:not([alt]) {
	outline:0px dashed pink;
	}



/*-------------------------------------------------- 
---     ITEM-COVER   ///////////////////////////////
---------------------------------------------------*/
.item-cover{
	align-items:center;
	background-color:var(--color-neutro-dark);
	aspect-ratio:2 / 1;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	height:auto;
	overflow:hidden;
	min-height:120px;
	max-height:320px;
	width:100%;
	}


.item-cover > picture{
	height:auto;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	width:auto;
	z-index:1;
	}


.item-cover > picture img,
.item-cover > img{
	height:100%;
	width:100%;
	object-fit:cover;
	object-position:center center;
	}



/*-------------------------------------------------- 
---     IMG-COVER   ///////////////////////////////
---------------------------------------------------*/
.img-cover > picture{
	height:auto;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	width:auto;
	z-index:1;
	}


.img-cover > picture img,
.img-cover > img{
	height:100%;
	width:100%;
	object-fit:cover;
	object-position:center center;
	}


/*-------------------------------------------------- 
---     IMG-CONTAIN   //////////////////////////////
---------------------------------------------------*/
.img-contain > picture{
	height:auto;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	width:auto;
	z-index:1;
	}


.img-contain > picture img,
.img-contain > img{
	height:100%;
	width:100%;
	object-fit:contain;
	object-position:center center;
	}





/*------------------------------------------------------------------------ 
GLOBAL - SPACING ////////////////////////////////////////////////////////
------------------------------------------------------------------------*/
/*--------------------------------------------------- 
--- ALTURA   ///////////////////////////////////////
---------------------------------------------------*/
:root {


	--height-auto:auto;
	--height-0:0;
	--height-full:100vh;
	--height-large:75vh;
	--height-medium:50vh;
	--height-third:30vh;
	
	--height-100:100vh;
	--height-90:90vh;
	--height-80:80vh;
	--height-75:75vh;
	--height-70:70vh;
	--height-60:60vh;
	--height-50:50vh;
	--height-40:40vh;
	--height-30:30vh;
	--height-20:20vh;
	--height-25:25vh;
	--height-10:10vh;
	}


.height-full,
.height-100,
.items-height-100 [class^="item"],
.items-height-full [class^="item"]{
	height:auto;
	min-height:var(--height-full);
	}

.height-90,
.items-height-90 [class^="item"]{
	height:auto;
	min-height:var(--height-90);
	}

.height-80,
.items-height-90 [class^="item"]{
	height:auto;
	min-height:var(--height-80);
	}

.height-large,
.height-75,
.items-height-large [class^="item"],
.items-height-75 [class^="item"] {
	height:auto;
	min-height:var(--height-large);
	}

.height-70,
.items-height-70 [class^="item"] {
	height:auto;
	min-height:var(--height-70);
	}


.height-60,
.items-height-60 [class^="item"] {
	height:auto;
	min-height:var(--height-60);
	}


.height-medium,
.height-50,
.items-height-medium [class^="item"],
.items-height-50 [class^="item"] {
	height:auto;
	min-height:var(--height-medium);
	}

.height-40,
.items-height-40 [class^="item"] {
	height:auto;
	min-height:var(--height-40);
	}


.height-third,
.height-30,
.items-height-third [class^="item"],
.items-height-30 [class^="item"] {
	height:auto;
	min-height:var(--height-third);
	}

.height-20,
.items-height-20 [class^="item"] {
	height:auto;
	min-height:var(--height-20);
	}


.height-25,
.items-height-25 [class^="item"] {
	height:auto;
	min-height:var(--height-25);
	}


.height-10,
.items-height-10 [class^="item"] {
	height:auto;
	min-height:var(--height-10);
	}


/*--------------------------------------------------- 
--- PADDING    //////////////////////////////////////
---------------------------------------------------*/
.padding-block-large {
	padding-block: clamp(50px, 6vw, 100px);
	}
.padding-block {
	padding-block: clamp(40px, 5vw, 80px);
	}
.padding-block-medium {
	padding-block: clamp(30px, 4vw, 60px);
	}
.padding-block-small {
	padding-block: clamp(20px, 3vw, 40px);
	}




:root {

	--padding-main:4vw;
	--padding-second:3vw;
	--padding-third:2vw;

	--padding-xlarge:clamp(120px, 7vw, 140px);
	--padding-large:clamp(80px, 5vw, 100px);
	--padding:clamp(40px, 4vw, 60px);
	--padding-medium:clamp(30px, 3vw, 50px);
	--padding-small:clamp(20px, 2vw, 40px);
	--padding-xsmall:clamp(10px, 1vw, 20px);
	
	--padding-1x:2px;
	--padding-2x:4px;
	--padding-3x:6px;
	--padding-4x:8px;
	--padding-5x:10px;
	--padding-6x:12px;
	--padding-7x:14px;
	--padding-8x:16px;
	--padding-9x:19px;
	--padding-10x:20px;

}


.padding-1x {
	padding:var(--padding-1x);
	}
.padding-2x {
	padding:var(--padding-2x);
	}
.padding-3x {
	padding:var(--padding-3x);
	}
.padding-4x {
	padding:var(--padding-4x);
	}
.padding-5x {
	padding:var(--padding-5x);
	}
.padding-6x {
	padding:var(--padding-6x);
	}
.padding-7x {
	padding:var(--padding-7x);
	}
.padding-8x {
	padding:var(--padding-8x);
	}
.padding-9x {
	padding:var(--padding-9x);
	}
.padding-10x {
	padding:var(--padding-10x);
	}



.padding-main {
	padding:var(--padding-main);
	}

.padding-second {
	padding:var(--padding-second);
	}

.padding-third {
	padding:var(--padding-third);
	}






/* Padding
----------------------------------------*/
[class~="--items-padding"] [class^="item"],
[class~="--items-padding-to-none"] [class^="item"], 
.padding,
.padding-to-none {
	padding-block:var(--padding);
	padding-inline:var(--padding);
	}

[class~="--items-padding-block"] [class^="item"],
[class~="--items-padding-block-to-none"] [class^="item"], 
.padding-block,
.padding-block-to-none  {
	padding-block:var(--padding);
	}

[class~="--items-padding-inline"] [class^="item"],
[class~="--items-padding-inline-to-none"] [class^="item"], 
.padding-inline,
.padding-inline-to-none  {
	padding-inline:var(--padding);
	}





/* Padding xlarge
----------------------------------------*/
[class~="--items-padding-xlarge"] [class^="item"],
[class~="--items-padding-xlarge-to-none"] [class^="item"], 
.padding-xlarge,
.padding-xlarge-to-none {
	padding-block:var(--padding-xlarge);
	padding-inline:var(--padding-xlarge);
	}

[class~="--items-padding-block-xlarge"] [class^="item"],
[class~="--items-padding-block-xlarge-to-none"] [class^="item"], 
.padding-block-xlarge,
.padding-block-xlarge-to-none  {
	padding-block:var(--padding-xlarge);
	}

[class~="--items-padding-inline-xlarge"] [class^="item"],
[class~="--items-padding-inline-xlarge-to-none"] [class^="item"], 
.padding-inline-xlarge,
.padding-inline-xlarge-to-none  {
	padding-inline:var(--padding-xlarge);
	}



/* Padding large
----------------------------------------*/
[class~="--items-padding-large"] [class^="item"],
[class~="--items-padding-large-to-none"] [class^="item"], 
.padding-large,
.padding-large-to-none {
	padding-block:var(--padding-large);
	padding-inline:var(--padding-large);
	}

[class~="--items-padding-block-large"] [class^="item"],
[class~="--items-padding-block-large-to-none"] [class^="item"], 
.padding-block-large,
.padding-block-large-to-none  {
	padding-block:var(--padding-large);
	}

[class~="--items-padding-inline-large"] [class^="item"],
[class~="--items-padding-inline-large-to-none"] [class^="item"], 
.padding-inline-large,
.padding-inline-large-to-none  {
	padding-inline:var(--padding-large);
	}



/* Padding medium
----------------------------------------*/
[class~="--items-padding-medium"] [class^="item"],
[class~="--items-padding-medium-to-none"] [class^="item"], 
.padding-medium,
.padding-medium-to-none {
	padding-block:var(--padding-medium);
	padding-inline:var(--padding-medium);
	}

[class~="--items-padding-block-medium"] [class^="item"],
[class~="--items-padding-block-medium-to-none"] [class^="item"], 
.padding-block-medium,
.padding-block-medium-to-none  {
	padding-block:var(--padding-medium);
	}

[class~="--items-padding-inline-medium"] [class^="item"],
[class~="--items-padding-inline-medium-to-none"] [class^="item"], 
.padding-inline-medium,
.padding-inline-medium-to-none  {
	padding-inline:var(--padding-medium);
	}


/* Padding small
----------------------------------------*/
[class~="--items-padding-small"] [class^="item"],
[class~="--items-padding-small-to-none"] [class^="item"], 
.padding-small,
.padding-small-to-none {
	padding-block:var(--padding-small);
	padding-inline:var(--padding-small);
	}

[class~="--items-padding-block-small"] [class^="item"],
[class~="--items-padding-block-small-to-none"] [class^="item"], 
.padding-block-small,
.padding-block-small-to-none  {
	padding-block:var(--padding-small);
	}

[class~="--items-padding-inline-small"] [class^="item"],
[class~="--items-padding-inline-small-to-none"] [class^="item"], 
.padding-inline-small,
.padding-inline-small-to-none  {
	padding-inline:var(--padding-small);
	}



/* Padding xsmall
----------------------------------------*/
[class~="--items-padding-xsmall"] [class^="item"],
[class~="--items-padding-xsmall-to-none"] [class^="item"], 
.padding-xsmall,
.padding-xsmall-to-none {
	padding-block:var(--padding-xsmall);
	padding-inline:var(--padding-xsmall);
	}

[class~="--items-padding-block-xsmall"] [class^="item"],
[class~="--items-padding-block-xsmall-to-none"] [class^="item"], 
.padding-block-xsmall,
.padding-block-xsmall-to-none  {
	padding-block:var(--padding-xsmall);
	}

[class~="--items-padding-inline-xsmall"] [class^="item"],
[class~="--items-padding-inline-xsmall-to-none"] [class^="item"], 
.padding-inline-xsmall,
.padding-inline-xsmall-to-none  {
	padding-inline:var(--padding-xsmall);
	}



/* Padding-to-none
----------------------------------------*/
@media only screen and (max-width:620px) {

	/* padding */
	.padding-to-none,
	.padding-xlarge-to-none,
	.padding-large-to-none,
	.padding-medium-to-none,
	.padding-small-to-none,
	.padding-xsmall-to-none,
	:is(
	[class~="--items-padding-to-none"], 
	[class~="--items-padding-xlarge-to-none"],
	[class~="--items-padding-large-to-none"],
	[class~="--items-padding-medium-to-none"],
	[class~="--items-padding-small-to-none"],
	[class~="--items-padding-xsmall-to-none"]) [class*="item"] {
	padding-block:clamp(0px, 0vw, 0px);
	padding-inline:clamp(0px, 0vw, 0px);
	}


	/* padding-block */
	.padding-block-to-none,
	.padding-block-xlarge-to-none,
	.padding-block-large-to-none,
	.padding-block-medium-to-none,
	.padding-block-small-to-none,
	.padding-block-xsmall-to-none,
	:is(
	[class~="--items-padding-block-to-none"], 
	[class~="--items-padding-block-xlarge-to-none"],
	[class~="--items-padding-block-large-to-none"],
	[class~="--items-padding-block-medium-to-none"],
	[class~="--items-padding-block-small-to-none"],
	[class~="--items-padding-block-xsmall-to-none"]) [class*="item"] {
	padding-block:clamp(0px, 0vw, 0px);
	}


	/* padding-inline */
	.padding-inline-to-none,
	.padding-inline-xlarge-to-none,
	.padding-inline-large-to-none,
	.padding-inline-medium-to-none,
	.padding-inline-small-to-none,
	.padding-inline-xsmall-to-none,
	:is(
	[class~="--items-padding-inline-to-none"], 
	[class~="--items-padding-inline-xlarge-to-none"],
	[class~="--items-padding-inline-large-to-none"],
	[class~="--items-padding-inline-medium-to-none"],
	[class~="--items-padding-inline-small-to-none"],
	[class~="--items-padding-inline-xsmall-to-none"]) [class*="item"] {
	padding-inline:clamp(0px, 0vw, 0px);
	}

}






/* padding-xlarge-
----------------------------------------*/
.padding-xlarge-large,
.padding-xlarge-large-to-none {
	padding-block:var(--padding-xlarge)!important;
	padding-inline:var(--padding-large)!important;
	}

.padding-xlarge-default,
.padding-xlarge-default-to-none {
	padding-block:var(--padding-xlarge)!important;
	padding-inline:var(--padding)!important;
	}
.padding-xlarge-medium,
.padding-xlarge-medium-to-none {
	padding-block:var(--padding-xlarge)!important;
	padding-inline:var(--padding-medium)!important;
	}
.padding-xlarge-small,
.padding-xlarge-small-to-none {
	padding-block:var(--padding-xlarge)!important;
	padding-inline:var(--padding-small)!important;
	}
.padding-xlarge-xsmall,
.padding-xlarge-xsmall-to-none {
	padding-block:var(--padding-xlarge)!important;
	padding-inline:var(--padding-xsmall)!important;
	}
.padding-xlarge-none {
	padding-block:var(--padding-xlarge)!important;
	padding-inline:0px!important;
	}


/* padding-large-
----------------------------------------*/
.padding-large-default,
.padding-large-default-to-none {
	padding-block:var(--padding-large)!important;
	padding-inline:var(--padding)!important;
	}
.padding-large-medium,
.padding-large-medium-to-none {
	padding-block:var(--padding-large)!important;
	padding-inline:var(--padding-medium)!important;
	}
.padding-large-small,
.padding-large-small-to-none {
	padding-block:var(--padding-large)!important;
	padding-inline:var(--padding-small)!important;
	}
.padding-large-xsmall,
.padding-large-xsmall-to-none {
	padding-block:var(--padding-large)!important;
	padding-inline:var(--padding-xsmall)!important;
	}
.padding-large-none {
	padding-block:var(--padding-large)!important;
	padding-inline:0px!important;
	}


/* padding-to-none
----------------------------------------*/
@media only screen and (max-width:620px) {

	.padding-xlarge-large-to-none,
	.padding-xlarge-default-to-none,
	.padding-xlarge-medium-to-none,
	.padding-xlarge-small-to-none,
	.padding-xlarge-xsmall-to-none,

	.padding-large-default-to-none,
	.padding-large-medium-to-none,
	.padding-large-small-to-none,
	.padding-large-xsmall-to-none {
	padding-inline:0px!important;
	}

}





/*--------------------------------------------------- 
--- GAP   //////////////////////////////////////////
---------------------------------------------------*/

:root {

	--gap-main:4vw;
	--gap-second:3vw;
	--gap-third:2vw;

	--gap-inside:8px;

	--gap-xlarge:clamp(10px, 2vw, 20px);
	--gap-large:clamp(8px, 2vw, 16px);
	--gap:clamp(6px, 1vw, 12px);
	--gap-medium:clamp(4px, 1vw, 8px);
	--gap-small:clamp(2px, 1vw, 4px);
	--gap-xsmall:clamp(1px, 1vw, 2px);
	
	--gap-1x:2px;
	--gap-2x:4px;
	--gap-3x:6px;
	--gap-4x:8px;
	--gap-5x:10px;
	--gap-6x:12px;
	
}


.gap-1x {
	gap:var(--gap-1x);
	}
.gap-2x {
	gap:var(--gap-2x);
	}
.gap-3x {
	gap:var(--gap-3x);
	}
.gap-4x {
	gap:var(--gap-4x);
	}
.gap-5x {
	gap:var(--gap-5x);
	}

.gap-main,
.gap-main.items-split .item-row{
	gap:var(--gap-main);
	}

.gap-second,
.gap-second.items-split .item-row {
	gap:var(--gap-second);
	}

.gap-third,
.gap-third.items-split .item-row {
	gap:var(--gap-third);
	}


.gap-inside {
	gap:var(--gap-inside);
	}


.gap-xlarge {
	gap:var(--gap-xlarge);
	}

.gap-large {
	gap:var(--gap-large);
	}

.gap {
	gap:var(--gap);
	}

.gap-medium {
	gap:var(--gap-medium);
	}

.gap-small {
	gap:var(--gap-small);
	}

.gap-sxmall {
	gap:var(--gap-xsmall);
	}


/*------------------------------------------------------------------------ 
GLOBAL -  MAS ////////////////////////////////////////////////////////////
------------------------------------------------------------------------*/

/* Box shadow
----------------------------------------*/
:root {

	--box-shadow:0px 0px 6px rgba(0, 0, 0, 0.1);
	--box-shadow-small:0px 0px 2px rgba(0, 0, 0, 0.2);

	}


/* iFrame
----------------------------------------*/
iframe {
	border:0px;
	width:100%!important;
	}



/* Lazy
----------------------------------------*/
.lazyloading {
	opacity: 0;
	}

.loading,
.lazyload,
.lazyloaded{
	opacity: 1;
	transition: opacity 0.4s;
	}



/* Box sizing
----------------------------------------*/
* {
	box-sizing:border-box!important;
	float: none;
	}
	


/* Scroll bar
----------------------------------------*/
.container,
.main,
*[data-element='banner'],
*[data-element='banner-main'],
*[data-element='panel'] {
	scrollbar-gutter: stable;
	}


/* hr
----------------------------------------*/
hr,
hr.wp-block-separator {
	background-color:var(--color-neutro-softer)!important;
	border:0px;
	padding:0px;
	margin:5px 0px;
	height:1px;
	width:100%;
	}


hr.medium {
	height:3px;
	}


hr.big {
	height:5px;
	}


hr.space-2 {background-color:transparent!important; margin:1px 0px!important;}
hr.space-4 {background-color:transparent!important; margin:2px 0px!important;}
hr.space-6 {background-color:transparent!important; margin:3px 0px!important;}
hr.space-8 {background-color:transparent!important; margin:4px 0px!important;}
hr.space-10 {background-color:transparent!important; margin:5px 0px!important;}
hr.space-20 {background-color:transparent!important; margin:10px 0px!important;}
hr.space-30 {background-color:transparent!important; margin:15px 0px!important;}
hr.space-40 {background-color:transparent!important; margin:20px 0px!important;}
hr.space-60 {background-color:transparent!important; margin:30px 0px!important;}
hr.space-80 {background-color:transparent!important; margin:40px 0px!important;}


hr.space-grow {
	background:none;
	display:flex;
	flex-flow:row wrap;
	flex-grow:999;
	width:0%;
	}	


/* Content visibility (SEO)
----------------------------------------*/
.svg-icon,
video,
iframe{
	content-visibility: auto;
	}



/* Esconder
------------------------------*/
.ocultar,
.esconder,
.hide {
	display:none;
	}


/* Transition
----------------------------------------*/
:root {

	--add-transition-very-slow:all 0.5s;
	--add-transition-slow:all 0.4s;
	--add-transition:all 0.3s;
	--add-transition-fast:all 0.2s;
	--add-transition-very-fast:all 0.1s;

		}

/*-------------------------------------------------------------------------- 
//////////////////////////////////////////////////// ---------- / END GLOBAL
--------------------------------------------------------------------------*/

/* =======================================================================
//////////////////////////////////////////////////////////////////////////
STRUCTURE ///////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
======================================================================== */

/*------------------------------------------------ 
--- Z INDEX    //////////////////////////////////
------------------------------------------------*/
:root {

	--zindex-front:99;
	--zindex-back:0;
	
	}

.zindex-front {
	z-index:var(--zindex-front)!important;
	}
.zindex-back {
	z-index:var(--zindex-back)!important;
	}


/* 9
----------------------------------------*/
.panel-movil.show {
	z-index:9;
		}


/* 8
----------------------------------------*/
.block-opacity.show {
	z-index:8;
		}


/* 7
----------------------------------------*/


/* 6 
----------------------------------------*/
[data-element='header-main'],
.nav-second {
	z-index:6;
	}



/* 5 Default
----------------------------------------*/
[data-element='banner-main'],
[data-element='banner'] {
	z-index:5;
	}



[data-element='panel'],
footer {
	z-index:5;
	}


/* 4
----------------------------------------*/


/* 3
----------------------------------------*/


/* 2
----------------------------------------*/
.panel-movil {
	z-index:2;
		}

/* 1
----------------------------------------*/
.block-opacity {
	z-index:1;
	}



/*-------------------------------------------------- 
--- IN  ////////////////////////////////////////////
---------------------------------------------------*/

/* Full
----------------------------------------*/
.in-full,
.in-full-to-in,
.in-full-to-none{
	padding-inline: clamp(40px, 40px, 80px)!important;
	}
.padding.in-full,
.padding.in-full-to-none {
	padding-block: clamp(40px, 40px, 80px)!important;
	}


/* Wide
----------------------------------------*/
.in-wide,
.in-wide-to-in,
.in-wide-to-none{
	padding-inline: clamp(40px, 2vw, 2vw);
	}
.padding.in-wide,
.padding.in-wide-to-none {
	padding-block:clamp(40px, 2vw, 2vw);
	}



/* In
----------------------------------------*/
.in,
.in-to-full,
.in-to-wide,
.in-to-none{
	padding-inline: clamp(40px, 8vw, 160px);
	}
.padding.in,
.padding.in-to-full,
.padding.in-to-wide,
.padding.in-to-none {
	padding-block:clamp(40px, 8vw, 160px);
	}


/* Thin
----------------------------------------*/
.in-thin,
.in-thin-to-full,
.in-thin-to-wide,
.in-thin-to-in,
.in-thin-to-none{
	padding-inline: clamp(40px, 10vw, 200px);
	}
.padding.in-thin,
.padding.in-thin-to-full,
.padding.in-thin-to-wide,
.padding.in-thin-to-in,
.padding.in-to-none {
	padding-block:clamp(40px, 10vw, 200px);
	}


/*                                       
------------------------------------------  620 ---
--------------------------------------------------*/
@media only screen and (max-width:620px) {

	.in-full,
	.in-to-full,
	.in-thin-to-full,
	.in-wide,
	.in-to-wide,
	.in-thin-to-wide{
	padding-inline: clamp(20px, 4vw, 40px);
	}
	.padding.in-full,
	.padding.in-to-full,
	.padding.in-thin-to-full,
	.padding.in-wide,
	.padding.in-to-wide,
	.padding.in-thin-to-wide{
	padding-block:clamp(20px, 5vw, 40px);
	}




	.in,
	.in-full-to-in,
	.in-wide-to-in,
	.in-thin-to-in{
	padding-inline:clamp(40px, 5vw, 60px);
	}
	.padding.in,
	.padding.in-full-to-in,
	.padding.in-wide-to-in,
	.padding.in-thin-to-in{
	padding-block:clamp(40px, 5vw, 60px);
	}



	.in-thin{
	padding-inline: clamp(40px, 5vw, 60px);
	}
	.padding.in-to-thin{
	padding-block:clamp(40px, 5vw, 60px);
	}



	.in-full-to-none,
	.in-wide-to-none,
	.in-to-none,
	.in-thin-to-none{
	padding-inline: clamp(0px, 0vw, 0px);
	}
	.padding.in-full-to-none,
	.padding.in-wide-to-none,
	.padding.in-to-none,
	.padding.in-thin-to-none{
	padding-block:clamp(0px, 0vw, 0px);
	}


}

/*------------------------------------------------------------------------- 
/////////////////////////////////////////////// ---------- / END STRUCTURE
-------------------------------------------------------------------------*/


/*------------------------------------------------------------------------ 
//////////////////////////////////////////////////////////////////////////
HEADER ///////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/


/* Z Index default
----------------------------------------*/
.movil-panel-menu.show {z-index:12;}
div.block-opacity.show {z-index:11;}



/* Z index
----------------------------------------*/
header {z-index:99;}
header .logotipo {z-index:2;}
header nav[class^="nav-main"] {z-index:1;}



/*--------------------------------------------------- 
--- HEADER DEFAULT  ////////////////////////////////
---------------------------------------------------*/
header{
	align-items:center;
	align-content:center;
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	gap:var(--gap-inside);
	margin:0px;
	max-width:100%;
	overflow-x:visible;/* necesary */
	width:100%;
	}


header > *{
   max-height:100%;
   }


header,
div[class*="header"]  {
   padding-block:clamp(2px, 5vh, 12px);
   }

/*--------------------------------------------------- 
--- HEADER-MAIN  ////////////////////////////////////
---------------------------------------------------*/
header[class*="header-main"]{
	display:flex!important;
	} 



/* Altura
----------------------------------------*/
header.header-main {
	height:clamp(100px, 10vh, 160px);
	}
header.header-main-medium {
	height:clamp(60px, 9vh, 140px);
	}
header.header-main-small {
	height:clamp(60px, 8vh, 120px);
	}

	

/*--------------------------------------------------- 
--- LOGOTIPO  /////////////////////////////////////
---------------------------------------------------*/
header.header-main .logotipo{
	align-items:center;
	display:flex;
	flex-flow:row wrap;
	flex-grow:0;
	height:100%;
	justify-content:center;
	max-height:100px;
	width:auto;
	}


header.header-main .logotipo img {
	height:100%; 
	width: auto;
	object-fit:contain;
	display:block;
	}



/*------------------------------------------------------------------------ 
//////////////////////////////////////////////////////////////////////////
NAV /////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/

/*-------------------------------------------------- 
---     NAV DEFAULT    ////////////////////////////
---------------------------------------------------*/
nav{
	align-items:center;
	align-content:center;
	display:flex;
	flex-flow:row wrap;
	flex-grow:99;
	gap:var(--gap);
	justify-content:flex-start;
	height:auto;
   padding-block:clamp(2px, 5vh, 12px)!important;
	position:relative;
	width:auto;
   
	}

nav ul {
   width:auto!important;
   }



nav,
nav > *,
div.nav  *{
   max-height:100%;
   }




/* Alineaciones 
----------------------------------------*/
nav.left {
	justify-content:flex-start!important;
	}
nav.center {
	justify-content:center!important;
	}
nav.right {
	justify-content:flex-end!important;
	}
nav.space-between {
	justify-content:space-between!important;
	}
nav.space-around {
	justify-content:space-around!important;
	}


nav > ul {
	align-items:center;
	align-content:center;
	display:flex;
	flex-flow:row wrap;
	gap:var(--gap-small);
	justify-content:flex-start;
	list-style:none;
	margin:0px;	
	padding:0px;
	width:auto;
	}



/* Alineaciones del menu
----------------------------------------*/
nav > ul.left {
	justify-content:flex-start!important;
	}
nav > ul.center {
	justify-content:center!important;
	}
nav > ul.right {
	justify-content:flex-end!important;
	}
nav > ul.space-between {
	justify-content:space-between!important;
	}
nav > ul.space-around {
	justify-content:space-around!important;
	}


nav > ul > li{
	align-items:center;
	align-content:center;
	display:flex;
	flex-flow:row wrap;
	height:auto;
	justify-content:center;
	list-style:none;
	margin:0px;	
	padding:0px;
	position:relative;
	text-align:center;
	width:auto;
	}



nav > ul > li > a {
	cursor:pointer;
	}



nav > ul > li > a:hover{
	text-decoration:none;
	}


/* Separator */
nav > ul > li[data-element='separator']{
	margin:0px 6px;
	min-width:1px;
	width:1px!important;
	}


/*--------------------------------------------------- 
--- NAV MAIN  /////////////////////////////////////
---------------------------------------------------*/
header.header-main nav[class^="nav-main"]{
	justify-content:flex-end;
	padding-bottom:0px;
	padding-top:0px;
	}



/* Nav UL
----------------------------------------*/
header nav[class^="nav-main"] > ul {
	justify-content:flex-end;
	}



/* Nav Buttons
----------------------------------------*/
header nav[class^="nav-main"] > ul > li > *:where( a, span, label){
	transition:var(--add-transition-very-fast);
	}



/* Nomal
----------------------------------------*/
header nav.nav-main {
	font-size:inherit;
	}

header nav.nav-main > ul > li[data-element='separator']{
	height:22px;
	}


/* large
----------------------------------------*/
header nav.nav-main-large {
	font-size: clamp(1.2rem, 1.2vw, 2rem);
	}
header nav.nav-main.large > ul > li[data-element='separator']{
	height:24px;
	}



/* Medium
----------------------------------------*/
header nav.nav-main-medium {
	font-size: clamp(0.9rem, 1.1vw, 1.6rem);
	}
header nav.nav-main-medium > ul > li[data-element='separator']{
	height:19px;
	}



/* Small
----------------------------------------*/
header nav.nav-main-small {
	font-size: clamp(0.8rem, 1vw, 1.4rem);
	}
header nav.nav-main-small > ul > li[data-element='separator']{
	height:16px;
	}



/* xSmall
----------------------------------------*/
header nav.nav-main-xsmall {
	font-size: clamp(0.8rem, 1vw, 1.2rem);
	}
header nav.nav-main-xsmall > ul > li[data-element='separator']{
	height:10px;
	}


 /* --- / END */


/*-------------------------------------------------------------------------- 
/////////////////////////////////////////////////// ---------- / END HEADER
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- 
///////////////////////////////////////////////////////////////////////////
BANNERS  ///////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/

/* (import: css-base-banners.css) */

/*-------------------------------------------------------------------------- 
////////////////////////////////////////////////// ---------- / END BANNERS
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- 
///////////////////////////////////////////////////////////////////////////
PANELS  ///////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/

/* (import: css-base-panels.css) */

/*-------------------------------------------------------------------------- 
/////////////////////////////////////////////////// ---------- / END PANELS
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- 
///////////////////////////////////////////////////////////////////////////
ELEMENTOS  ////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/

/* (import: css-base-elementos.css) */

/*-------------------------------------------------------------------------- 
///////////////////////////////////////////////// ---------- / END ELEMENTOS
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- 
////////////////////////////////////////////////////////////////////////////
SECCIONES  /////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/

/* (import: css-base-secciones.css) */

/*-------------------------------------------------------------------------- 
//////////////////////////////////////////////// ---------- / END SECCIONES
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- 
////////////////////////////////////////////////////////////////////////////
MENU & INPUTS  ////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/

/* (import: assets/css-inputs.css) */

/*-------------------------------------------------------------------------- 
////////////////////////////////////////////// ---------- / END MENU INPUTS
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- 
////////////////////////////////////////////////////////////////////////////
09 FOOTER /////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/

/* (import: assets/css-base-footer.css) */

/*-------------------------------------------------------------------------- 
/////////////////////////////////////////////////// ---------- / END FOOTER
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- 
//////////////////////////////////////////////////////////////////////////
ANIMATIONS  ///////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/

/* (import: css-base-animations.css) */

/*-------------------------------------------------------------------------- 
/////////////////////////////////////////////// ---------- / END ANIMATIONS
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- 
//////////////////////////////////////////////////////////////////////////
10 EXTRAS  ///////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------- 
/////////////////////////////////////////////////// ---------- / END EXTRAS
--------------------------------------------------------------------------*/
















/*-------------------------------------------------------------------------- 
///////////////////////////////////////////////////////////////////////////
00 AREA ///////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/

/*------------------------------------------------------------------------ 
AREA -  CATEGORIA ////////////////////////////////////////////////////////
------------------------------------------------------------------------*/

/*---------------------------------------------------------------- 
--- DIVISION - DIVISION  /////////////////////////////////////////
----------------------------------------------------------------*/

/*--------------------------------------------------- 
--- DIVISION   /////////////////////////////////////
---------------------------------------------------*/

/*---------------------------------------------------
////////////         PATRON          ////////////
---------------------------------------------------*/


/* --------------------------------------------------
----------------------------------------- BLOQUE ---
---------------------------------------------------*/

/*                                       
------------------------------------------- 720 ---
--------------------------------------------------*/

/* -------------------------------------
+++     VARIACION      ////////////////
-------------------------------------*/

/* ------------------------------------
---     TITLE   ///////////////
-------------------------------------*/

/* item
------------------------------*/

/* item
----------------------------------------*/