﻿/*
INFO: Este documento contiene estilos básicos y genéricos en cuanto a estructura del layout (flex, grid y comportamientos responsive),
así como estilos útiles de uso común que pueden ser aplicados a cualquier proyecto (sombras, bordes redondeados, transiciones, etc...)
Por tanto, este documento debe ser utilizable íntegramente para cualquier proyecto, y cualquier otro elemento específico sobre la
apariencia de este sitio web NO debe ir aquí.
*/

/* ============================================================================================================================= */
/* =============================================================================== RESET STYLES ================================ */
/* ============================================================================================================================= */
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:none; outline:0px;}

button{cursor:pointer; border:none; margin:0; padding:0; background-color:transparent; font-family:'Lato', Tahoma, Geneva, sans-serif; font-size:inherit; text-align:inherit; /*border:0px; margin:0px; padding:0px;*/}
a{cursor:pointer; text-decoration:none; color:inherit;}

icon{display:inline-block; vertical-align:middle; line-height:0;}
icon svg{height:100% !important; width:auto !important; fill:inherit;}


picture{display:inline-block;}

.ck-content .table table td, .ck-content .table table th {
    padding:16px;
}

/* -------------------- */

/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,::before,::after{
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #e5e7eb;
}

::before,::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,:host{
	line-height: 1.4;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	 tab-size: 4;
	font-family:var(--font_body);
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	min-height:100%;

	/*
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: italic;*/
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body{margin:0; padding:0; width:100%; height:auto; min-height:100%; line-height:inherit; position:static !important; background-color:var(--base-1);}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr{height:0; color:inherit; border-top-width:1px;}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]){text-decoration:underline dotted; -webkit-text-decoration:underline dotted;}

/*
Remove the default font size and weight for headings.
*/

h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:inherit;}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a{color:inherit; text-decoration:inherit;}

/*
Add the correct font weight in Edge and Safari.
*/

b,strong{font-weight:bolder;}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

/*code,kbd,samp,pre{*/
code,kbd,samp{
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-size: 1em;
}
/* --- */
pre{
	margin:0;
	white-space: pre-line;
	font-family: inherit;
}
/* --- */

/*
Add the correct font size in all browsers.
*/

small{font-size: 80%;}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,sup{
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub{bottom: -0.25em;}
sup{top: -0.5em;}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table{text-indent:0; border-color:inherit; border-collapse:collapse;}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,input,optgroup,select,textarea{
	font-family: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,select{text-transform:none;}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']){background-image:none; background-color:transparent; /*-webkit-appearance:button;*/}

/*
Use the modern Firefox focus style for all focusable elements.
:-moz-focusring{outline: auto;}
*/

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid{box-shadow:none;}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress{vertical-align:baseline;}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button{height: auto;}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search']{/*-webkit-appearance: textfield;*/ outline-offset:-2px;}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration{-webkit-appearance:none;}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button{-webkit-appearance:button; font:inherit;}

/*
Add the correct display in Chrome and Safari.
*/

summary{display:list-item;}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0;}
fieldset{margin:0; padding:0;}
legend{padding:0;}
ol,ul,menu{list-style:none; margin:0; padding:0;}

/*
Reset default styling for dialogs.
*/

dialog{padding:0;}

/*
Prevent resizing textareas horizontally by default.
*/

textarea{resize:vertical;}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder{opacity:1; color:#9ca3af;}
input::placeholder,
textarea::placeholder{opacity:1; color:#9ca3af;}

/*
Set the default cursor for buttons.
*/

a,button,[role="button"]{cursor:pointer;}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled{cursor:default;}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,svg,video,canvas,audio,iframe,embed,object{/*display:block;*/ vertical-align:middle;}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,video {/*max-width:100%;*/ height:auto;}

/* ============================================================================================================================= */
/* ===================================================================================== FUENTES =============================== */
/* ============================================================================================================================= */
:root{
	--font_title:'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;
	/* --font_body:'Lato', Tahoma, Geneva, sans-serif, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
	--font_body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji";
}
.font_title{font-family:var(--font_title);}
.font_body{font-family:var(--font_body); font-weight:400;}

/* ============================================================================================================================= */
/* ===================================================================================== COLORES =============================== */
/* ============================================================================================================================= */
:root{
	/*https://uicolors.app/create*/

	/* PIEDRA */
	/*
	--base-1: #fafaf9;
	--base-2: #f5f5f4;
	--base-3: #e7e5e4;
	--base-4: #d6d3d1;
	--base-5: #a8a29e;
	--base-6: #78716c;
	--base-7: #57534e;
	--base-8: #44403c;
	--base-9: #292524;
	--base-10: #1c1917;
	--base-11: #0c0a09;*/

	/* BASE */
	--base-0: #f9f9ff;
	--base-1: #f3f3ff;
	--base-2: #e7e9f2;
	--base-3: #d5d7e8;
	--base-4: #b8bdd2;
	--base-5: #959bc5;
	--base-6: #7e81aa;
	--base-7: #6969a7;
	--base-8: #555f81;
	--base-9: #444e7f;
	--base-10: #454365;
	--base-11: #2E3856;
	--base-12: #13182F;
	--base-13: #111827;

	/*VIOLETA*/
	--color1-1: #f6f3ff;
	--color1-2: #efe9fe;
	--color1-3: #e0d6fe;
	--color1-4: #bfb8cb;
	--color1-5: #af8cf9;
	--color1-6: #965df5;
	--color1-7: #893bec;
	--color1-8: #7a29d8;
	--color1-9: #592F9D; /* Oficial */
	--color1-10: #551e94;
	--color1-11: #341164;

	/*VERDE*/
	--color2-1: #f4f9ec;
	--color2-2: #e7f2d5;
	--color2-3: #d0e6b0;
	--color2-4: #b1d581;
	--color2-5: #94c259;
	--color2-6: #709f38; /* Oficial */
	--color2-7: #5b852b;
	--color2-8: #466625;
	--color2-9: #3a5222;
	--color2-10: #334621;
	--color2-11: #18260d;

	/*NARANJA*/
	--color3-2: #e9e0e0;
	--color3-6: #e89f13; /* Oficial */
	--color3-7: #dd9408;
	--color3-8: #c78014;
}

/* ----------------- Extras text -------- */
.txt_blue{color:#81d4fa !important; fill:#81d4fa !important;}
.txt_blue-dark{color:#277abb !important; fill:#277abb !important;}

.txt_muted-light{color:#37474f !important;}
.txt_muted-dark{color:#9aa7b8 !important;}

/* ----------------- Black/White --------------- */
.txt_white{color:white !important;}
.txt_black{color:black !important;}
.bg_white{background-color:white;}
.bg_black{background-color:white;}

/* ----------------- Base --------------- */
.txt_base-1{color:var(--base-1);}
.txt_base-2{color:var(--base-2) !important;}
.txt_base-3{color:var(--base-3);}
.txt_base-4{color:var(--base-4) !important;}
.txt_base-5{color:var(--base-5);}
.txt_base-6{color:var(--base-6);}
.txt_base-7{color:var(--base-7);}
.txt_base-8{color:var(--base-8);}
.txt_base-9{color:var(--base-9);}
.txt_base-10{color:var(--base-10);}
.txt_base-11{color:var(--base-11);}

.bg_base-0{background-color:var(--base-0) !important;}
.bg_base-1{background-color:var(--base-1) !important;}
.bg_base-2{background-color:var(--base-2) !important;}
.bg_base-3{background-color:var(--base-3) !important;}
.bg_base-4{background-color:var(--base-4) !important;}
.bg_base-5{background-color:var(--base-5) !important;}
.bg_base-6{background-color:var(--base-6) !important;}
.bg_base-7{background-color:var(--base-7) !important;}
.bg_base-8{background-color:var(--base-8) !important;}
.bg_base-9{background-color:var(--base-9) !important;}
.bg_base-10{background-color:var(--base-10) !important;}
.bg_base-11{background-color:var(--base-11) !important;}


/* ----------------- Color 1 --------------- */
.txt_color1-1{color:var(--color1-1);}
.txt_color1-2{color:var(--color1-2);}
.txt_color1-3{color:var(--color1-3);}
.txt_color1-4{color:var(--color1-4);}
.txt_color1-5{color:var(--color1-5);}
.txt_color1-6{color:var(--color1-6);}
.txt_color1-7{color:var(--color1-7);}
.txt_color1-8{color:var(--color1-8);}
.txt_color1-9{color:var(--color1-9);}
.txt_color1-10{color:var(--color1-10);}
.txt_color1-11{color:var(--color1-11);}

.bg_color1-1{background-color:var(--color1-1) !important;}
.bg_color1-2{background-color:var(--color1-2) !important;}
.bg_color1-3{background-color:var(--color1-3) !important;}
.bg_color1-4{background-color:var(--color1-4) !important;}
.bg_color1-5{background-color:var(--color1-5) !important;}
.bg_color1-6{background-color:var(--color1-6) !important;}
.bg_color1-7{background-color:var(--color1-7) !important;}
.bg_color1-8{background-color:var(--color1-8) !important;}
.bg_color1-9{background-color:var(--color1-9) !important;}
.bg_color1-10{background-color:var(--color1-10) !important;}
.bg_color1-11{background-color:var(--color1-11) !important;}


/* ----------------- Color 2 --------------- */
.txt_color2-1{color:var(--color2-1);}
.txt_color2-2{color:var(--color2-2);}
.txt_color2-3{color:var(--color2-3);}
.txt_color2-4{color:var(--color2-4);}
.txt_color2-5{color:var(--color2-5);}
.txt_color2-6{color:var(--color2-6);}
.txt_color2-7{color:var(--color2-7);}
.txt_color2-8{color:var(--color2-8);}
.txt_color2-9{color:var(--color2-9);}
.txt_color2-10{color:var(--color2-10);}
.txt_color2-11{color:var(--color2-11);}

.bg_color2-1{background-color:var(--color2-1) !important;}
.bg_color2-2{background-color:var(--color2-2) !important;}
.bg_color2-3{background-color:var(--color2-3) !important;}
.bg_color2-4{background-color:var(--color2-4) !important;}
.bg_color2-5{background-color:var(--color2-5) !important;}
.bg_color2-6{background-color:var(--color2-6) !important;}
.bg_color2-7{background-color:var(--color2-7) !important;}
.bg_color2-8{background-color:var(--color2-8) !important;}
.bg_color2-9{background-color:var(--color2-9) !important;}
.bg_color2-10{background-color:var(--color2-10) !important;}
.bg_color2-11{background-color:var(--color2-11) !important;}

/* ----------------- Color 3 --------------- */
.bg_color3-2{background-color:var(--color3-2) !important;}
.bg_color3-6{background-color:var(--color3-6) !important;}
.bg_color3-7{background-color:var(--color3-7) !important;}
.bg_color3-8{background-color:var(--color3-8) !important;}

/* ============================================================================================================================= */
/* ===================================================================================== ESTRUCTURAS BÁSICAS =================== */
/* ============================================================================================================================= */
.headerLim{/* Máximo ancho de la cabecera de la página */
    max-width:1372px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/*
Máximo ancho del contenido de la página (antes estaba predefinido por defecto, pero ahora lo define el Skin/Theme seleccionado por el usuario)
.pageLim{
	max-width: 1480px;
    margin-left: auto !important;
    margin-right: auto !important;
}
*/

.pagePad{/* Padding del contenido de la página (distancia hasta el marco del navegador) */
    padding-left: calc(2vw + 16px) !important;
    padding-right: calc(2vw + 16px) !important;
}

/*#section_container{padding-top:20px; padding-bottom:25px;}*/
/* Separaciones para elementos principales en una misma columna */
.areaColumn1{
	padding:42px 0 48px 0;
/*
	margin-top: 48px;
	margin-bottom: 48px;
	padding-left: 42px;
	padding-right: 42px;*/
}
.bordersDown{border-top:1px solid rgba(0,0,0,0.15); border-bottom:1px solid white;}
.borderBottom{border-bottom:1px solid rgba(0,0,0,0.15);}

/* Elementos con padding automático (en función del tamaño de la fuente del propio contenedor) */
.pad{padding:1em 1.2em;}.padY{padding:1em 0;}
.padSlim{padding:0.5em 1.2em;}.padSlimY{padding-top:0.5em !important; padding-bottom:0.5em !important;}
.padBox{padding:16px 18px 18px 18px;}

.pad-1{padding:1px;}
.pad-2{padding:2px;}
.pad-4{padding:4px;}
.pad-8{padding:8px;}.pad-8-12{padding:8px 12px;}.pad-8-16{padding:8px 16px;}
.pad-12{padding:12px;}.pad-12-16{padding:12px 16px;}
.pad-16{padding:16px;}.pad-16-24{padding:16px 24px;}.pad-16-32{padding:16px 32px;}
.pad-24{padding:24px;}.pad-24-32{padding:24px 32px;}
.pad-32{padding:32px;}
.pad-64{padding:64px;}

.pad-h-none{padding-left:0 !important; padding-right:0 !important;}

/* -------------------------------------------------------- BLOQUES ------------------------- */
.bar_tools{padding:12px 0;}
.filtersBar{
	padding:12px 0 10px 0;
	/*
	fill:var(--base-11);
	color:var(--base-11);
  	background-color:var(--base-3);*/
  	fill:var(--base-10);
	color:var(--base-10);
  	background-color:var(--base-2);
  	border-bottom:1px solid var(--base-4);
}

/* ============================================================================================================================= */
/* ===================================================================================== GRID & FLEX CONTAINERS ================ */
/* ============================================================================================================================= */
:root {
	/* Alto y ancho de canaletas automáticas (en función del tamaño de la fuente del propio contenedor) */
  --grid-auto-height:0.7em;
  --grid-auto-width:0.7em;
}
/* -------------------------------------------------------------------------- FLEX CONTAINER ----------------------------------- */
.row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin:0 auto;
	padding:0;
    }

/*
.row.gap-auto{margin:0 calc(var(--grid-auto-width)*-1);}
.row.gap-auto:first-child{margin-top:calc(var(--grid-auto-height)*-1)}
.row.gap-auto:last-child{margin-bottom:calc(var(--grid-auto-height)*-1)}
.row.gap-auto>div{padding:var(--grid-auto-height) var(--grid-auto-width)}
.row.gap-auto.pad{padding:var(--grid-auto-height) !important; margin:var(--grid-auto-height) 0px !important;}
.row.gap-auto.collapse{margin-top:calc(var(--grid-auto-height)*2*-1) !important; margin-bottom:calc(var(--grid-auto-height)*2*-1) !important;}

.row.gap-1{margin-right:-1px;}
.row.gap-1:last-child{margin-bottom:-1px }
.row.gap-1>div{padding-bottom:1px; padding-right:1px;}
.row.gap-1.pad{padding-left:1px !important; padding-top:1px !important;}
.row.gap-1.collapse{margin-top:-1px !important; margin-bottom:-1px !important;}

.row.gap-2{margin:0 -1px;}
.row.gap-2:first-child{margin-top:-1px }
.row.gap-2:last-child{margin-bottom:-1px }
.row.gap-2>div{padding:1px}
.row.gap-2.pad{padding:1px !important; margin:1px 0px !important;}
.row.gap-2.collapse{margin-top:-2px !important; margin-bottom:-2px !important;}

.row.gap-4{margin:0 -2px;}
.row.gap-4:first-child{margin-top:-2px }
.row.gap-4:last-child{margin-bottom:-2px }
.row.gap-4>div{padding:2px}
.row.gap-4.pad{padding:2px !important; margin:2px 0px !important;}
.row.gap-4.collapse{margin-top:-4px !important; margin-bottom:-4px !important;}

.row.gap-8{margin:0 -4px;}
.row.gap-8:first-child{margin-top:-4px }
.row.gap-8:last-child{margin-bottom:-4px }
.row.gap-8>div{padding:4px}
.row.gap-8.pad{padding:4px !important; margin:4px 0px !important;}
.row.gap-8.collapse{margin-top:-8px !important; margin-bottom:-8px !important;}

.row.gap-12{margin:0 -6px;}
.row.gap-12:first-child{margin-top:-6px }
.row.gap-12:last-child{margin-bottom:-6px }
.row.gap-12>div{padding:6px}
.row.gap-12.pad{padding:6px !important; margin:6px 0px !important;}
.row.gap-12.collapse{margin-top:-12px !important; margin-bottom:-12px !important;}

.row.gap-16{margin:0 -8px;}
.row.gap-16:first-child{margin-top:-8px }
.row.gap-16:last-child{margin-bottom:-8px }
.row.gap-16>div{padding:8px}
.row.gap-16.pad{padding:8px !important; margin:8px 0px !important;}
.row.gap-16.collapse{margin-top:-16px !important; margin-bottom:-16px !important;}

.row.gap-32{margin:0 -16px;}
.row.gap-32:first-child{margin-top:-16px }
.row.gap-32:last-child{margin-bottom:-16px }
.row.gap-32>div{padding:16px}
.row.gap-32.pad{padding:16px !important; margin:16px 0px !important;}
.row.gap-32.collapse{margin-top:-32px !important; margin-bottom:-32px !important;}

.row.gap-48{margin:0 -24px;}
.row.gap-48:first-child{margin-top:-24px }
.row.gap-48:last-child{margin-bottom:-24px }
.row.gap-48>div{padding:24px}
.row.gap-48.pad{padding:24px !important; margin:24px 0px !important;}
.row.gap-48.collapse{margin-top:-48px !important; margin-bottom:-48px !important;}

.row.gap-64{margin:0 -32px;}
.row.gap-64:first-child{margin-top:-32px }
.row.gap-64:last-child{margin-bottom:-32x }
.row.gap-64>div{padding:32px}
.row.gap-64.pad{padding:32px !important; margin:32px 0px !important;}
.row.gap-64.collapse{margin-top:-64px !important; margin-bottom:-64px !important;}
*/

.w100{width:100%; padding:0 !important;}

/* -------------------------------------------------------------------------- GRID CONTAINER ----------------------------------- */
.gridAuto{
	display: grid;
    gap: 0px;
	grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
	grid-auto-columns:min-content;	
	justify-items:stretch;
    grid-auto-flow:dense;
    margin:var(--grid-auto-height) 0;
    margin: 0;
}
.grid{
    display: grid;
    gap: 0px;
	
	grid-template-columns:repeat(12, 1fr);
	
	/*Con Min y Max se establecen unos límites para el tamaño de las columnas:*/
	/*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr) );*/
	/*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
	
	grid-auto-columns:min-content;
	
	justify-items:stretch;
    grid-auto-flow:dense;
    margin:0;   
}

/*.grid>div{height:100%;}*/
.separator{border-left: 1px solid var(--base-3); border-top: 1px solid var(--base-3);}

.separator-white{border-left:1px solid white; border-top:1px solid white;}

.separator-light{
	border-top: 1px solid rgba(255,255,255,0.5);
	margin-top: 8px;
	padding-bottom: 8px;
}
.separator-dark{
	border-top: 1px solid rgba(0,0,0,0.5);
	margin-top: 8px;
	padding-bottom: 8px;
}

/* ============================================================================================ GRID GAPS =========================== */
.gap-auto{
	column-gap:calc(var(--grid-auto-width) * 2);
	row-gap:calc(var(--grid-auto-height)*2);
	margin:calc(var(--grid-auto-height)*2) 0;
}
.gap-auto.pad{padding:calc(var(--grid-auto-height)*2) calc(var(--grid-auto-width) * 2);}

.gap-1{gap:1px;}.gap-1.mar{margin:1px;}.gap-1.marY{margin:1px 0;}.gap-1.pad{padding:1px;}.gap-1.padY{padding:1px 0;}
.gap-2{gap:2px;}.gap-2.mar{margin:2px;}.gap-2.marY{margin:2px 0;}.gap-2.pad{padding:2px;}.gap-2.padY{padding:2px 0;}
.gap-4{gap:4px;}.gap-4.mar{margin:4px;}.gap-4.marY{margin:4px 0;}.gap-4.pad{padding:4px;}.gap-4.padY{padding:4px 0;}
.gap-8{gap:8px;}.gap-8.mar{margin:8px;}.gap-8.marY{margin:8px 0;}.gap-8.pad{padding:8px;}.gap-8.padY{padding:8px 0;}
.gap-12{gap:12px;}.gap-12.mar{margin:12px;}.gap-12.marY{margin:12px 0;}.gap-12.pad{padding:12px;}.gap-12.padY{padding:12px 0;}
.gap-16{gap:16px;}.gap-16.mar{margin:16px;}.gap-16.marY{margin:16px 0;}.gap-16.pad{padding:16px;}.gap-16.padY{padding:16px 0;}
.gap-24{gap:24px;}.gap-24.mar{margin:24px;}.gap-24.marY{margin:24px 0;}.gap-24.pad{padding:24px;}.gap-24.padY{padding:24px 0;}

.gap-32{gap:5.5vw;}.gap-32.mar{margin:5.5vw;}.gap-32.marY{margin:5.5vw 0;}.gap-32.pad{padding:5.5vw;}.gap-32.padY{padding:5.5vw 0;} /*Su tamaño real está establecido a partir de la resolución sm*/
.gap-48{gap:5.5vw;}.gap-48.mar{margin:5.5vw;}.gap-48.marY{margin:5.5vw 0;}.gap-48.pad{padding:5.5vw;}.gap-48.padY{padding:5.5vw 0;} /*Su tamaño real está establecido a partir de la resolución md*/
.gap-64{gap:5.5vw;}.gap-64.mar{margin:5.5vw;}.gap-64.marY{margin:5.5vw 0;}.gap-64.pad{padding:5.5vw;}.gap-64.padY{padding:5.5vw 0;} /*Su tamaño real está establecido a partir de la resolución md*/


.grid:first-child{margin-top:0;}
.grid:last-child{margin-bottom:0;}
.grid.no-margin{margin:0;}

.grid.collapse{margin-top:0 !important; margin-bottom:0 !important;} /* Impide la separación del grid con respecto a elementos colindantes */


/* ============================================================================================ GRID FLEX =========================== */





/* ============================================================================================================================= */
/* ===================================================================================== FLEX & GRID CELLS ===================== */
/* ============================================================================================================================= */
.col-aurea-min{-webkit-flex:1 0 38.20%; -ms-flex:1; flex:1 0 38.20%;}
.col-aurea-max{-webkit-flex:1 0 61.80%; -ms-flex:2; flex:1 0 61.80%;}
.align-self-center{-ms-flex-item-align:center !important; align-self:center !important;}
.align-self-end{-ms-flex-item-align:end !important; align-self:end !important;}

/* ------------------------ Mini (xs) ----------------- */
.grid>.row-1{grid-row:span 1;}.grid>.col-1{grid-column:span 1;}
.grid>.row-2{grid-row:span 2;}.grid>.col-2{grid-column:span 2;}
.grid>.row-3{grid-row:span 3;}.grid>.col-3{grid-column:span 3;}
.grid>.row-4{grid-row:span 4;}.grid>.col-4{grid-column:span 4;}
.grid>.row-5{grid-row:span 5;}.grid>.col-5{grid-column:span 5;}
.grid>.row-6{grid-row:span 6;}.grid>.col-6{grid-column:span 6;}
.grid>.row-7{grid-row:span 7;}.grid>.col-7{grid-column:span 7;}
.grid>.row-8{grid-row:span 8;}.grid>.col-8{grid-column:span 8;}
.grid>.row-9{grid-row:span 9;}.grid>.col-9{grid-column:span 9;}
.grid>.row-10{grid-row:span 10;}.grid>.col-10{grid-column:span 10;}
.grid>.row-11{grid-row:span 11;}.grid>.col-11{grid-column:span 11;}
.grid>.row-12{grid-row:span 12;}.grid>.col-12{grid-column:span 12;}

.colCount-1{column-count:1;}
.colCount-2{column-count:2;}
.colCount-3{column-count:3;}
.colCount-4{column-count:4;}
.colCount-5{column-count:5;}
.colCount-6{column-count:6;}
.colCount-7{column-count:7;}
.colCount-8{column-count:8;}
.colCount-9{column-count:9;}
.colCount-10{column-count:10;}
.colCount-11{column-count:11;}
.colCount-12{column-count:12;}

.row>.col{-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%;}
.row>.col-auto{-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none;}
.row>.col-1{-webkit-flex:1 0 0; -ms-flex: 1; flex:1 0 0;}
.row>.col-2{-webkit-flex:2 0 0; -ms-flex: 2; flex:2 0 0;}
.row>.col-3{-webkit-flex:3 0 0; -ms-flex: 3; flex:3 0 0;}
.row>.col-4{-webkit-flex:4 0 0; -ms-flex: 4; flex:4 0 0;}
.row>.col-5{-webkit-flex:5 0 0; -ms-flex: 5; flex:5 0 0;}
.row>.col-6{-webkit-flex:0 0 50%; -ms-flex: 6; flex:0 0 50%;}
.row>.col-7{-webkit-flex:7 0 0; -ms-flex: 7; flex:7 0 0;}
.row>.col-8{-webkit-flex:8 0 0; -ms-flex: 8; flex:8 0 0;}
.row>.col-9{-webkit-flex:9 0 0; -ms-flex: 9; flex:9 0 0;}
.row>.col-10{-webkit-flex:10 0 0; -ms-flex: 10; flex:10 0 0;}
.row>.col-11{-webkit-flex:11 0 0; -ms-flex: 11; flex:11 0 0;}
.row>.col-12{-ms-flex:0 0 100%; flex: 0 0 100%; max-width:100%;}

.order-first{-ms-flex-order:-1; order:-1;}
.order-last{-ms-flex-order:13; order:13;}
.order-0{-ms-flex-order:0; order:0;}
.order-1{-ms-flex-order:1; order:1;}
.order-2{-ms-flex-order:2; order:2;}
.order-3{-ms-flex-order:3; order:3;}
.order-4{-ms-flex-order:4; order:4;}
.order-5{-ms-flex-order:5; order:5;}
.order-6{-ms-flex-order:6; order:6;}
.order-7{-ms-flex-order:7; order:7;}
.order-8{-ms-flex-order:8; order:8;}
.order-9{-ms-flex-order:9; order:9;}
.order-10{-ms-flex-order:10; order:10;}
.order-11{-ms-flex-order:11; order:11;}
.order-12{-ms-flex-order:12; order:12;}
	
.d-none{display:none !important;}
.d-inline{display:inline !important;}
.d-inline-block{display:inline-block !important;}
.d-block{display:block !important;}
.d-table{display:table !important;}
.d-table-row{display:table-row !important;}
.d-table-cell{display:table-cell !important;}
.d-grid{display:grid !important;}
.d-flex{display:-ms-flexbox !important; display:flex !important;}
.d-inline-flex{display: -ms-inline-flexbox !important; display:inline-flex !important;}

.h-auto{height:auto !important;}
.bor-none{border:none !important;}

.text-left{text-align:left;}.text-center{text-align:center;}.text-right{text-align:right;}
.m-0{margin:0 !important;}
	
/* ------------------------ Small (sm) --------------- */
@media all and (min-width:576px){
	.pagePad-sm{/* Padding del contenido de la página (distancia hasta el marco del navegador) */
    	padding-left: calc(2vw + 16px) !important;
    	padding-right: calc(2vw + 16px) !important;
	}
	.gap-32{gap:32px;}.gap-32.mar{margin:32px;}.gap-32.marY{margin:32px 0;}.gap-32.pad{padding:32px;}.gap-32.padY{padding:32px 0;}
	.gap-64{gap:7vw;}.gap-64.mar{margin:7vw;}.gap-64.marY{margin:7vw 0;}.gap-64.pad{padding:7vw;}.gap-64.padY{padding:7vw 0;}

	.grid>.row-sm-1{grid-row:span 1;}.grid>.col-sm-1{grid-column:span 1;}
	.grid>.row-sm-2{grid-row:span 2;}.grid>.col-sm-2{grid-column:span 2;}
	.grid>.row-sm-3{grid-row:span 3;}.grid>.col-sm-3{grid-column:span 3;}
	.grid>.row-sm-4{grid-row:span 4;}.grid>.col-sm-4{grid-column:span 4;}
	.grid>.row-sm-5{grid-row:span 5;}.grid>.col-sm-5{grid-column:span 5;}
	.grid>.row-sm-6{grid-row:span 6;}.grid>.col-sm-6{grid-column:span 6;}
	.grid>.row-sm-7{grid-row:span 7;}.grid>.col-sm-7{grid-column:span 7;}
	.grid>.row-sm-8{grid-row:span 8;}.grid>.col-sm-8{grid-column:span 8;}
	.grid>.row-sm-9{grid-row:span 9;}.grid>.col-sm-9{grid-column:span 9;}
	.grid>.row-sm-10{grid-row:span 10;}.grid>.col-sm-10{grid-column:span 10;}
	.grid>.row-sm-11{grid-row:span 11;}.grid>.col-sm-11{grid-column:span 11;}
	.grid>.row-sm-12{grid-row:span 12;}.grid>.col-sm-12{grid-column:span 12;}
	
	.colCount-sm-1{column-count:1;}
	.colCount-sm-2{column-count:2;}
	.colCount-sm-3{column-count:3;}
	.colCount-sm-4{column-count:4;}
	.colCount-sm-5{column-count:5;}
	.colCount-sm-6{column-count:6;}
	.colCount-sm-7{column-count:7;}
	.colCount-sm-8{column-count:8;}
	.colCount-sm-9{column-count:9;}
	.colCount-sm-10{column-count:10;}
	.colCount-sm-11{column-count:11;}
	.colCount-sm-12{column-count:12;}

	.row>.col-sm{-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%;}
	.row>.col-sm-auto{-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none;}
	.row>.col-sm-1{-webkit-flex:1 0 0; -ms-flex: 1; flex:1 0 0;}
	.row>.col-sm-2{-webkit-flex:2 0 0; -ms-flex: 2; flex:2 0 0;}
	.row>.col-sm-3{-webkit-flex:3 0 0; -ms-flex: 3; flex:3 0 0;}
	.row>.col-sm-4{-webkit-flex:4 0 0; -ms-flex: 4; flex:4 0 0;}
	.row>.col-sm-5{-webkit-flex:5 0 0; -ms-flex: 5; flex:5 0 0;}
	.row>.col-sm-6{-webkit-flex:0 0 50%; -ms-flex: 6; flex:0 0 50%;}
	.row>.col-sm-7{-webkit-flex:7 0 0; -ms-flex: 7; flex:7 0 0;}
	.row>.col-sm-8{-webkit-flex:8 0 0; -ms-flex: 8; flex:8 0 0;}
	.row>.col-sm-9{-webkit-flex:9 0 0; -ms-flex: 9; flex:9 0 0;}
	.row>.col-sm-10{-webkit-flex:10 0 0; -ms-flex: 10; flex:10 0 0;}
	.row>.col-sm-11{-webkit-flex:11 0 0; -ms-flex: 11; flex:11 0 0;}
	.row>.col-sm-12{-ms-flex:0 0 100%; flex: 0 0 100%; max-width:100%;}
	
	.order-sm-first{-ms-flex-order:-1; order:-1;}
	.order-sm-last{-ms-flex-order:13; order:13;}
	.order-sm-0{-ms-flex-order:0; order:0;}
	.order-sm-1{-ms-flex-order:1; order:1;}
	.order-sm-2{-ms-flex-order:2; order:2;}
	.order-sm-3{-ms-flex-order:3; order:3;}
	.order-sm-4{-ms-flex-order:4; order:4;}
	.order-sm-5{-ms-flex-order:5; order:5;}
	.order-sm-6{-ms-flex-order:6; order:6;}
	.order-sm-7{-ms-flex-order:7; order:7;}
	.order-sm-8{-ms-flex-order:8; order:8;}
	.order-sm-9{-ms-flex-order:9; order:9;}
	.order-sm-10{-ms-flex-order:10; order:10;}
	.order-sm-11{-ms-flex-order:11; order:11;}
	.order-sm-12{-ms-flex-order:12; order:12;}
	
	.d-sm-none{display:none !important;}
	.d-sm-inline{display:inline !important;}
	.d-sm-inline-block{display:inline-block !important;}
	.d-sm-block{display:block !important;}
	.d-sm-table{display:table !important;}
	.d-sm-table-row{display:table-row !important;}
	.d-sm-table-cell{display:table-cell !important;}
	.d-sm-grid{display:grid !important;}
	.d-sm-flex{display:-ms-flexbox !important; display:flex !important;}
	.d-sm-inline-flex{display: -ms-inline-flexbox !important; display:inline-flex !important;}

	.h-sm-auto{height:auto !important;}
	.bor-sm-none{border:none !important;}
	
	.pad-sm-32{padding:32px !important;}
	.pad-sm-h-none{padding-left:0 !important; padding-right:0 !important;}

	.text-sm-left{text-align:left;}.text-sm-center{text-align:center;}.text-sm-right{text-align:right;}
	.m-sm-0{margin:0 !important;}
}	
/* ------------------------ Medium (md) --------------- */
@media all and (min-width:768px) {
	.gap-48{gap:48px;}.gap-48.mar{margin:48px;}.gap-48.marY{margin:48px 0;}.gap-48.pad{padding:48px;}.gap-48.padY{padding:48px 0;}
	.gap-64{gap:64px;}.gap-64.mar{margin:64px;}.gap-64.marY{margin:64px 0;}.gap-64.pad{padding:64px;}.gap-64.pad{padding:64px 0;}

	.grid>.row-md-1{grid-row:span 1;}.grid>.col-md-1{grid-column:span 1;}
	.grid>.row-md-2{grid-row:span 2;}.grid>.col-md-2{grid-column:span 2;}
	.grid>.row-md-3{grid-row:span 3;}.grid>.col-md-3{grid-column:span 3;}
	.grid>.row-md-4{grid-row:span 4;}.grid>.col-md-4{grid-column:span 4;}
	.grid>.row-md-5{grid-row:span 5;}.grid>.col-md-5{grid-column:span 5;}
	.grid>.row-md-6{grid-row:span 6;}.grid>.col-md-6{grid-column:span 6;}
	.grid>.row-md-7{grid-row:span 7;}.grid>.col-md-7{grid-column:span 7;}
	.grid>.row-md-8{grid-row:span 8;}.grid>.col-md-8{grid-column:span 8;}
	.grid>.row-md-9{grid-row:span 9;}.grid>.col-md-9{grid-column:span 9;}
	.grid>.row-md-10{grid-row:span 10;}.grid>.col-md-10{grid-column:span 10;}
	.grid>.row-md-11{grid-row:span 11;}.grid>.col-md-11{grid-column:span 11;}
	.grid>.row-md-12{grid-row:span 12;}.grid>.col-md-12{grid-column:span 12;}
	
	.colCount-md-1{column-count:1;}
	.colCount-md-2{column-count:2;}
	.colCount-md-3{column-count:3;}
	.colCount-md-4{column-count:4;}
	.colCount-md-5{column-count:5;}
	.colCount-md-6{column-count:6;}
	.colCount-md-7{column-count:7;}
	.colCount-md-8{column-count:8;}
	.colCount-md-9{column-count:9;}
	.colCount-md-10{column-count:10;}
	.colCount-md-11{column-count:11;}
	.colCount-md-12{column-count:12;}

	.row>.col-md{-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%;}
	.row>.col-md-auto{-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none;}
	.row>.col-md-1{-webkit-flex:1 0 0; -ms-flex: 1; flex:1 0 0;}
	.row>.col-md-2{-webkit-flex:2 0 0; -ms-flex: 2; flex:2 0 0;}
	.row>.col-md-3{-webkit-flex:3 0 0; -ms-flex: 3; flex:3 0 0;}
	.row>.col-md-4{-webkit-flex:4 0 0; -ms-flex: 4; flex:4 0 0;}
	.row>.col-md-5{-webkit-flex:5 0 0; -ms-flex: 5; flex:5 0 0;}
	.row>.col-md-6{-webkit-flex:0 0 50%; -ms-flex: 6; flex:0 0 50%;}
	.row>.col-md-7{-webkit-flex:7 0 0; -ms-flex: 7; flex:7 0 0;}
	.row>.col-md-8{-webkit-flex:8 0 0; -ms-flex: 8; flex:8 0 0;}
	.row>.col-md-9{-webkit-flex:9 0 0; -ms-flex: 9; flex:9 0 0;}
	.row>.col-md-10{-webkit-flex:10 0 0; -ms-flex: 10; flex:10 0 0;}
	.row>.col-md-11{-webkit-flex:11 0 0; -ms-flex: 11; flex:11 0 0;}
	.row>.col-md-12{-ms-flex:0 0 100%; flex: 0 0 100%; max-width:100%;}
	
	.order-md-first{-ms-flex-order:-1; order:-1;}
	.order-md-last{-ms-flex-order:13; order:13;}
	.order-md-0{-ms-flex-order:0; order:0;}
	.order-md-1{-ms-flex-order:1; order:1;}
	.order-md-2{-ms-flex-order:2; order:2;}
	.order-md-3{-ms-flex-order:3; order:3;}
	.order-md-4{-ms-flex-order:4; order:4;}
	.order-md-5{-ms-flex-order:5; order:5;}
	.order-md-6{-ms-flex-order:6; order:6;}
	.order-md-7{-ms-flex-order:7; order:7;}
	.order-md-8{-ms-flex-order:8; order:8;}
	.order-md-9{-ms-flex-order:9; order:9;}
	.order-md-10{-ms-flex-order:10; order:10;}
	.order-md-11{-ms-flex-order:11; order:11;}
	.order-md-12{-ms-flex-order:12; order:12;}
	
	.d-md-none{display:none !important;}
	.d-md-inline{display:inline !important;}
	.d-md-inline-block{display:inline-block !important;}
	.d-md-block{display:block !important;}
	.d-md-table{display:table !important;}
	.d-md-table-row{display:table-row !important;}
	.d-md-table-cell{display:table-cell !important;}
	.d-md-grid{display:grid !important;}
	.d-md-flex{display:-ms-flexbox !important; display:flex !important;}
	.d-md-inline-flex{display: -ms-inline-flexbox !important; display:inline-flex !important;}

	.h-md-auto{height:auto !important;}
	.bor-md-none{border:none !important;}
	
	.pad-md-32{padding:32px !important;}
	.pad-md-h-none{padding-left:0 !important; padding-right:0 !important;}

	.text-md-left{text-align:left;}.text-md-center{text-align:center;}.text-md-right{text-align:right;}
	.m-md-0{margin:0 !important;}
}
/* ------------------------ Large (lg) --------------- */	
@media all and (min-width:992px) {
	.grid>.row-lg-1{grid-row:span 1;}.grid>.col-lg-1{grid-column:span 1;}
	.grid>.row-lg-2{grid-row:span 2;}.grid>.col-lg-2{grid-column:span 2;}
	.grid>.row-lg-3{grid-row:span 3;}.grid>.col-lg-3{grid-column:span 3;}
	.grid>.row-lg-4{grid-row:span 4;}.grid>.col-lg-4{grid-column:span 4;}
	.grid>.row-lg-5{grid-row:span 5;}.grid>.col-lg-5{grid-column:span 5;}
	.grid>.row-lg-6{grid-row:span 6;}.grid>.col-lg-6{grid-column:span 6;}
	.grid>.row-lg-7{grid-row:span 7;}.grid>.col-lg-7{grid-column:span 7;}
	.grid>.row-lg-8{grid-row:span 8;}.grid>.col-lg-8{grid-column:span 8;}
	.grid>.row-lg-9{grid-row:span 9;}.grid>.col-lg-9{grid-column:span 9;}
	.grid>.row-lg-10{grid-row:span 10;}.grid>.col-lg-10{grid-column:span 10;}
	.grid>.row-lg-11{grid-row:span 11;}.grid>.col-lg-11{grid-column:span 11;}
	.grid>.row-lg-12{grid-row:span 12;}.grid>.col-lg-12{grid-column:span 12;}
	
	.colCount-lg-1{column-count:1;}
	.colCount-lg-2{column-count:2;}
	.colCount-lg-3{column-count:3;}
	.colCount-lg-4{column-count:4;}
	.colCount-lg-5{column-count:5;}
	.colCount-lg-6{column-count:6;}
	.colCount-lg-7{column-count:7;}
	.colCount-lg-8{column-count:8;}
	.colCount-lg-9{column-count:9;}
	.colCount-lg-10{column-count:10;}
	.colCount-lg-11{column-count:11;}
	.colCount-lg-12{column-count:12;}

	.row>.col-lg{-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%;}
	.row>.col-lg-auto{-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none;}
	.row>.col-lg-1{-webkit-flex:1 0 0; -ms-flex: 1; flex:1 0 0;}
	.row>.col-lg-2{-webkit-flex:2 0 0; -ms-flex: 2; flex:2 0 0;}
	.row>.col-lg-3{-webkit-flex:3 0 0; -ms-flex: 3; flex:3 0 0;}
	.row>.col-lg-4{-webkit-flex:4 0 0; -ms-flex: 4; flex:4 0 0;}
	.row>.col-lg-5{-webkit-flex:5 0 0; -ms-flex: 5; flex:5 0 0;}
	.row>.col-lg-6{-webkit-flex:0 0 50%; -ms-flex: 6; flex:0 0 50%;}
	.row>.col-lg-7{-webkit-flex:7 0 0; -ms-flex: 7; flex:7 0 0;}
	.row>.col-lg-8{-webkit-flex:8 0 0; -ms-flex: 8; flex:8 0 0;}
	.row>.col-lg-9{-webkit-flex:9 0 0; -ms-flex: 9; flex:9 0 0;}
	.row>.col-lg-10{-webkit-flex:10 0 0; -ms-flex: 10; flex:10 0 0;}
	.row>.col-lg-11{-webkit-flex:11 0 0; -ms-flex: 11; flex:11 0 0;}
	.row>.col-lg-12{-ms-flex:0 0 100%; flex: 0 0 100%; max-width:100%;}
	
	.order-lg-first{-ms-flex-order:-1; order:-1;}
	.order-lg-last{-ms-flex-order:13; order:13;}
	.order-lg-0{-ms-flex-order:0; order:0;}
	.order-lg-1{-ms-flex-order:1; order:1;}
	.order-lg-2{-ms-flex-order:2; order:2;}
	.order-lg-3{-ms-flex-order:3; order:3;}
	.order-lg-4{-ms-flex-order:4; order:4;}
	.order-lg-5{-ms-flex-order:5; order:5;}
	.order-lg-6{-ms-flex-order:6; order:6;}
	.order-lg-7{-ms-flex-order:7; order:7;}
	.order-lg-8{-ms-flex-order:8; order:8;}
	.order-lg-9{-ms-flex-order:9; order:9;}
	.order-lg-10{-ms-flex-order:10; order:10;}
	.order-lg-11{-ms-flex-order:11; order:11;}
	.order-lg-12{-ms-flex-order:12; order:12;}
	
	.d-lg-none{display:none !important;}
	.d-lg-inline{display:inline !important;}
	.d-lg-inline-block{display:inline-block !important;}
	.d-lg-block{display:block !important;}
	.d-lg-table{display:table !important;}
	.d-lg-table-row{display:table-row !important;}
	.d-lg-table-cell{display:table-cell !important;}
	.d-lg-grid{display:grid !important;}
	.d-lg-flex{display:-ms-flexbox !important; display:flex !important;}
	.d-lg-inline-flex{display: -ms-inline-flexbox !important; display:inline-flex !important;}

	.h-lg-auto{height:auto !important;}
	.bor-lg-none{border:none !important;}
	
	.pad-lg-32{padding:32px !important;}
	.pad-lg-h-none{padding-left:0 !important; padding-right:0 !important;}

	.text-lg-left{text-align:left;}.text-lg-center{text-align:center;}.text-lg-right{text-align:right;}
	.m-lg-0{margin:0 !important;}

	.colorColumn3{background-color:#c8c5d1;}
}
/* ------------------------ Extra Large (xl) --------------- */
@media all and (min-width:1200px) {
	.grid>.row-xl-1{grid-row:span 1;}.grid>.col-xl-1{grid-column:span 1;}
	.grid>.row-xl-2{grid-row:span 2;}.grid>.col-xl-2{grid-column:span 2;}
	.grid>.row-xl-3{grid-row:span 3;}.grid>.col-xl-3{grid-column:span 3;}
	.grid>.row-xl-4{grid-row:span 4;}.grid>.col-xl-4{grid-column:span 4;}
	.grid>.row-xl-5{grid-row:span 5;}.grid>.col-xl-5{grid-column:span 5;}
	.grid>.row-xl-6{grid-row:span 6;}.grid>.col-xl-6{grid-column:span 6;}
	.grid>.row-xl-7{grid-row:span 7;}.grid>.col-xl-7{grid-column:span 7;}
	.grid>.row-xl-8{grid-row:span 8;}.grid>.col-xl-8{grid-column:span 8;}
	.grid>.row-xl-9{grid-row:span 9;}.grid>.col-xl-9{grid-column:span 9;}
	.grid>.row-xl-10{grid-row:span 10;}.grid>.col-xl-10{grid-column:span 10;}
	.grid>.row-xl-11{grid-row:span 11;}.grid>.col-xl-11{grid-column:span 11;}
	.grid>.row-xl-12{grid-row:span 12;}.grid>.col-xl-12{grid-column:span 12;}
	
	.colCount-xl-1{column-count:1;}
	.colCount-xl-2{column-count:2;}
	.colCount-xl-3{column-count:3;}
	.colCount-xl-4{column-count:4;}
	.colCount-xl-5{column-count:5;}
	.colCount-xl-6{column-count:6;}
	.colCount-xl-7{column-count:7;}
	.colCount-xl-8{column-count:8;}
	.colCount-xl-9{column-count:9;}
	.colCount-xl-10{column-count:10;}
	.colCount-xl-11{column-count:11;}
	.colCount-xl-12{column-count:12;}

	.row>.col-xl{-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%;}
	.row>.col-xl-auto{-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none;}
	.row>.col-xl-1{-webkit-flex:1 0 0; -ms-flex: 1; flex:1 0 0;}
	.row>.col-xl-2{-webkit-flex:2 0 0; -ms-flex: 2; flex:2 0 0;}
	.row>.col-xl-3{-webkit-flex:3 0 0; -ms-flex: 3; flex:3 0 0;}
	.row>.col-xl-4{-webkit-flex:4 0 0; -ms-flex: 4; flex:4 0 0;}
	.row>.col-xl-5{-webkit-flex:5 0 0; -ms-flex: 5; flex:5 0 0;}
	.row>.col-xl-6{-webkit-flex:0 0 50%; -ms-flex: 6; flex:0 0 50%;}
	.row>.col-xl-7{-webkit-flex:7 0 0; -ms-flex: 7; flex:7 0 0;}
	.row>.col-xl-8{-webkit-flex:8 0 0; -ms-flex: 8; flex:8 0 0;}
	.row>.col-xl-9{-webkit-flex:9 0 0; -ms-flex: 9; flex:9 0 0;}
	.row>.col-xl-10{-webkit-flex:10 0 0; -ms-flex: 10; flex:10 0 0;}
	.row>.col-xl-11{-webkit-flex:11 0 0; -ms-flex: 11; flex:11 0 0;}
	.row>.col-xl-12{-ms-flex:0 0 100%; flex: 0 0 100%; max-width:100%;}
	
	.order-xl-first{-ms-flex-order:-1; order:-1;}
	.order-xl-last{-ms-flex-order:13; order:13;}
	.order-xl-0{-ms-flex-order:0; order:0;}
	.order-xl-1{-ms-flex-order:1; order:1;}
	.order-xl-2{-ms-flex-order:2; order:2;}
	.order-xl-3{-ms-flex-order:3; order:3;}
	.order-xl-4{-ms-flex-order:4; order:4;}
	.order-xl-5{-ms-flex-order:5; order:5;}
	.order-xl-6{-ms-flex-order:6; order:6;}
	.order-xl-7{-ms-flex-order:7; order:7;}
	.order-xl-8{-ms-flex-order:8; order:8;}
	.order-xl-9{-ms-flex-order:9; order:9;}
	.order-xl-10{-ms-flex-order:10; order:10;}
	.order-xl-11{-ms-flex-order:11; order:11;}
	.order-xl-12{-ms-flex-order:12; order:12;}
	
	.d-xl-none{display:none !important;}
	.d-xl-inline{display:inline !important;}
	.d-xl-inline-block{display:inline-block !important;}
	.d-xl-block{display:block !important;}
	.d-xl-table{display:table !important;}
	.d-xl-table-row{display:table-row !important;}
	.d-xl-table-cell{display:table-cell !important;}
	.d-xl-grid{display:grid !important;}
	.d-xl-flex{display:-ms-flexbox !important; display:flex !important;}
	.d-xl-inline-flex{display: -ms-inline-flexbox !important; display:inline-flex !important;}

	.h-xl-auto{height:auto !important;}
	.bor-xl-none{border:none !important;}
	
	.pad-xl-32{padding:32px !important;}
	.pad-xl-h-none{padding-left:0 !important; padding-right:0 !important;}

	.text-xl-left{text-align:left;}.text-xl-center{text-align:center;}.text-xl-right{text-align:right;}
	.m-xl-0{margin:0 !important;}
}

/* ============================================================================================================================= */
/* ===================================================================================== FORMAS ================================ */
/* ============================================================================================================================= */
.rad0{-webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important;}
.rad3{-webkit-border-radius:3px !important; -moz-border-radius:3px !important; border-radius:3px !important; overflow:hidden;}
.rad5{-webkit-border-radius:5px !important; -moz-border-radius:5px !important; border-radius:5px !important; overflow:hidden;}
.rad7{-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; overflow:hidden;}
.rad10{-webkit-border-radius:10px !important; -moz-border-radius:10px !important; border-radius:10px !important; overflow:hidden;}
.rad15{-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; overflow:hidden;}
.rad50{-webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; overflow:hidden;}

.rad5_top{overflow:hidden; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.rad5_left{-webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
.rad5_right{-webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.rad3_bottom{overflow:hidden; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.rad5_bottom{overflow:hidden; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.rad7_bottom{overflow:hidden; -webkit-border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px;}

.rad5_sqleft{-webkit-border-radius:5px 5px 0 5px; -moz-border-radius:5px 5px 0 5px; border-radius:5px 5px 0 5px;}

.rad10_top{overflow:hidden; -webkit-border-radius:10px 10px 0 0 !important; -moz-border-radius:10px 10px 0 0 !important; border-radius:10px 10px 0 0 !important;}
.rad10_bottom{overflow:hidden; -webkit-border-radius:0 0 10px 10px !important; -moz-border-radius:0 0 10px 10px !important; border-radius:0 0 10px 10px !important;}
.rad15_bottom{overflow:hidden; -webkit-border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px;}
.rounded{-webkit-border-radius:100px !important; -moz-border-radius:100px !important; border-radius:100px !important;}
.rounded_left{-webkit-border-radius:100px 0 0 100px !important; -moz-border-radius:100px 0 0 100px !important; border-radius:100px 0 0 100px !important;}
.rounded_right{-webkit-border-radius:0 100px 100px 0 !important; -moz-border-radius:0 100px 100px 0 !important; border-radius:0 100px 100px 0 !important;}

/* ============================================================================================================================= */
/* ===================================================================================== ANIMACIONES/TRANSICIONES ============== */
/* ============================================================================================================================= */
.transition-1{
	-webkit-transition: top 200ms linear, left 200ms linear, bottom 200ms linear, right 200ms linear, height 200ms linear, width 200ms linear, margin 200ms linear;
	-ms-transition: top 200ms linear, left 200ms linear, bottom 200ms linear, right 200ms linear, height 200ms linear, width 200ms linear, margin 200ms linear;
	transition: top 200ms linear, left 200ms linear, bottom 200ms linear, right 200ms linear, height 200ms linear, width 200ms linear, margin 200ms linear;
}
.transition-2{
	-webkit-transition: top 400ms linear, left 400ms linear, right 400ms linear, height 400ms linear, max-height 400ms linear, width 400ms linear;
	-ms-transition: top 400ms linear, left 400ms linear, right 400ms linear, height 400ms linear, max-height 400ms linear, width 400ms linear;
	transition: top 400ms linear, left 400ms linear, right 400ms linear, height 400ms linear, max-height 400ms linear, width 400ms linear;
}
.transition-3{
	-webkit-transition: top 700ms linear, left 700ms linear, right 700ms linear, height 700ms linear, width 700ms linear, background-color 700ms linear;
	-ms-transition: top 700ms linear, left 700ms linear, right 700ms linear, height 700ms linear, width 700ms linear, background-color 700ms linear;
	transition: top 700ms linear, left 700ms linear, right 700ms linear, height 700ms linear, width 700ms linear, background-color 700ms linear;
}
.transition-4{
	-webkit-transition: top 1300ms ease-in-out, left 1300ms ease-in-out, right 1300ms ease-in-out, height 1300ms ease-in-out, width 1300ms ease-in-out, background-color 1300ms ease-in-out;
	-ms-transition: top 1300ms ease-in-out, left 1300ms ease-in-out, right 1300ms ease-in-out, height 1300ms ease-in-out, width 1300ms ease-in-out, background-color 1300ms ease-in-out;
	transition: top 1300ms ease-in-out, left 1300ms ease-in-out, right 1300ms ease-in-out, height 1300ms ease-in-out, width 1300ms ease-in-out, background-color 1300ms ease-in-out;
}
.transition-6{
	-webkit-transition: top 2500ms ease-in-out, left 2500ms ease-in-out, right 2500ms ease-in-out, height 2500ms ease-in-out, width 2500ms ease-in-out, background-color 2500ms ease-in-out;
	-ms-transition: top 2500ms ease-in-out, left 2500ms ease-in-out, right 2500ms ease-in-out, height 2500ms ease-in-out, width 2500ms ease-in-out, background-color 2500ms ease-in-out;
	transition: top 2500ms ease-in-out, left 2500ms ease-in-out, right 2500ms ease-in-out, height 2500ms ease-in-out, width 2500ms ease-in-out, background-color 2500ms ease-in-out;
}

/* ============================================================================================================================= */
/* ===================================================================================== SOMBRAS =============================== */
/* ============================================================================================================================= */
.shadow-1 {
  -webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.14), 0px 1px 2px 0 rgba(0, 0, 0, 0.5), 0px 1px 2px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.14), 0px 1px 2px 0 rgba(0, 0, 0, 0.5), 0px 1px 2px 0 rgba(0, 0, 0, 0.14);
}
.shadow-2 {
	/*
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);*/
    -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.45);
        box-shadow:0px 2px 5px rgba(0,0,0,0.45);        
}
.shadow-2b{
	-webkit-box-shadow: 2px 2px 11px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 2px 2px 11px rgba(0, 0, 0, 0.35);
	box-shadow: 2px 2px 11px rgba(0, 0, 0, 0.35);
}
.shadow-3 {
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.shadow-4 {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
          box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}
.shadow-5 {
  -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
          box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}
.shadow-top{background-image:url('img/shadow-top.png'); background-repeat:repeat-x; background-position:center 5px; min-height:35px; background-size:contain;}
.shadow-bottom{background-image:url('img/shadow-bottom.png'); background-repeat:repeat-x; background-position:center 0px; min-height:35px; background-size:contain;}
.shadow-best{background-image:url('img/shadow-best.png'); min-height:34px; background-repeat:no-repeat; background-position:center top; /*pointer-events:none;*/}
/* --------------- Text Shadow ------------- */
.shadow-text-1{text-shadow: 2px 2px 5px black;}
.shadow-text-2{text-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
.textBlurWhite{text-shadow: 0px 0px 5px white;}
