@charset "UTF-8"; 





:root {
 --app-height: 100%;
 --app-open: calc(100% - 60px);
 --app-top: 60px;
 --app-top-header: 72px;
 --app-inner-height: 800px;
 --app-inner-width: 100%;
 --app-footer-height: 72px;
 --app-footer-gap: 36px;
 --map-height: 100%;
 --map-nav-height: 100%;
 --hero-height: 180px;
 --app-height-per: 60;
 --app-header-top: 72px;
 --app-header-section: 10px;
 --app-footer-section: 10px;
 --app-videoplayer: 10px;
 --app-doc-height: 900px;
 --ggg-height: 800px;
 --ggg-width: 390px;
 --ggg-height-res: 664px;
 --ggg-width-res: 390px;
 --scroll: 0;
 --ggg-font-size: calc(1.2rem + 0.15vw);
 --ggg-font-weight: 300;
 --ggg-line-height: 1.8;
 --ggg-letter-spacing: normal;
}

 :root {animation-play-state: paused;animation-delay: calc(var(--scroll) * -1s);animation-iteration-count: 1;
 animation-fill-mode: both;
}



:root {
 --purple-two: #F10086;
 --purple-two-rgb: 241, 0, 134;
 --g-link-2: #cbcbcb;
 --bg-light-gray: #a8a8a8;
 --bg-light-gray-rgb: 242, 242, 242;
 --bg-dark-gray: #161616;
 --bg-dark-gray-rgb: 22, 22, 22;
 --background-color: #191919;
 --background-color-rgb: rgb(25, 25, 25);
 --background-color-rgb-dark: rgba(25, 25, 25, 0.7);
 --fa-primary-color: #F10086;
 --g-purple-1: #ac52ed;
 --g-link-1: #489ddd;
 --amarillo-1: #dba25d;
 --amarillo-1-rgb: 219, 162, 93;
 --white-links-rgb: 190, 190, 190;
 --bg-color-purple-one: #6f22b9;
 --prsn-color: #bebebe;
 --prsn-color-rgb: 190, 190, 190;
 --g-dark-color: 19, 19, 19;
 --just-black: #0d0d0d;
 --just-black-rgb: 13, 13, 13;
 --blob-dyn: #0947db;
 --blob-dyn-b: #07d89d;
 --bs-body-color-print: #161616;--color-white-filter: invert(1) grayscale(100%) brightness(200%);--otro-1: #ff0166;
 --otro-2: #979dff;
 --otro-3: #81cdec;
 --otro-4: #ca94ee;
 --otro-5: #e4bc65;
 --change-color-1: #53358c;
 --change-color-1-rgb: rgb(7, 7, 7);
 --dd-dd-d: #171732;
 --bs-bg-color-bg: #221c2e;
 --morado-dark: #211d2f;
 --morado-dark-rgb: 33, 29, 47;}



[data-bs-theme=light] {
 --bs-body-color: #161616;
 --bs-body-color-rgb: 22, 22, 22;
 --bs-body-bg: #fff;
 --bs-body-bg-rgb: 255, 255, 255;
 --bs-body-bg-hover: #eaeaea;
 --bs-body-bg-hover-rgb: 235, 235, 235;
 --bs-body-bg-inverse: #1b1b1f;
 --bs-body-bg-inverse-rgb: 25, 25, 25;
 --bs-link-color: #53358c;
 --bs-link-color-rgb: 83, 53, 140;
 --bs-link-hover-color: var(--purple-two);
 --bs-link-hover-color-rgb: var(--purple-two-rgb);
 --bs-border-color: #dee2e6;
 --bs-border-color-rgb: 222, 226, 230;
 --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
 --bs-light-bg-subtle: #fcfcfd;
 --bs-primary: #0d6efd;
 --bs-primary-rgb: 13, 110, 253;
 --bs-secondary-bg: #e9ecef;
 --bs-secondary-bg-rgb: 233, 236, 239;
 --bs-secondary-bg-subtle: #e2e3e5;
 --bs-success: #198754;
 --bs-success-rgb: 25, 135, 84;
 --bs-success-text: #146c43;
 --bs-success-bg-subtle: #d1e7dd;
 --bs-success-bg-subtle-rgb: 209, 231, 221;
 --bs-highlight-bg: #fff3cd;
 --bs-dark-bg-subtle: #ced4da;
 --bs-dark-bg-subtle-rgb: 26, 29, 32;
 --white-links: rgba(190, 190, 190, 0.9);
 --bs-nav-menu-color: #d2d2d2b3;
 --bs-nav-menu-color-rgb: 210, 210, 210;
 --bs-nav-link-color: rgba(34, 34, 34, 0.95);
 --bs-form-control-bg: var(--bs-body-color);
 --bs-breadcrumb-active: rgba(33, 37, 41, 0.75);
 --bs-form-placeholder-color: rgba(48, 54, 59, 0.65);
 --bs-form-text-color: rgba(80, 80, 80, 0.702);
 --bs-form-text-color-rgb: 80, 80, 80;
 --bs-form-bg-color: #0d0d0d;
 --bs-form-bg-color-rgb: 19, 19, 19;
 --bs-warning-text: #997404;
 --io-morado-over-color: rgba(255, 255, 255, 0.8);
 --io-morado-over-bg: #24202e;
 --io-morado-over-bg: rgba(53, 47, 67, 0.5);
 --io-morado-over-bg-rgb: 53, 47, 67;--nav-app-font-color: rgba(245, 245, 245, 0.8);
 --nav-menu-link-color: #bebebe;
 --nav-menu-link-color-rgb: 173, 181, 189;
 --nav-studio-menu-color: rgba(37, 42, 46, 0.15);
 --gis-map-bg-rgb: rgba(190, 190, 190, 0.2);
}

[data-bs-theme=dark] {
 color-scheme: dark;
 --bs-body-color: #bebebe;
 --bs-body-color-rgb: 190, 190, 190;
 --bs-body-bg: #1b1b1f;
 --bs-body-bg-rgb: 25, 25, 25;
 --bs-body-bg-hover: #343a40;
 --bs-body-bg-hover-rgb: 54, 59, 64;
 --bs-body-bg-inverse: #fff;
 --bs-body-bg-inverse-rgb: 255, 255, 255;
 --bs-link-color: #8c63d8;
 --bs-link-color-rgb: 140, 99, 216;
 --bs-link-hover-color: var(--purple-two);
 --bs-link-hover-color-rgb: var(--purple-two-rgb);
 --bs-border-color: #495057;
 --bs-border-color-rgb: 73, 80, 87;
 --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
 --bs-light-bg-subtle: #343a40;
 --bs-secondary-bg: #343a40;
 --bs-secondary-bg-rgb: 52, 58, 64;
 --bs-dark-bg-subtle: #1a1d20;
 --bs-dark-bg-subtle-rgb: 26, 29, 32;
 --bs-success: #19875469;
 --bs-success-rgb: 25, 135, 84;
 --bs-success-bg-subtle: #051b11;
 --bs-success-bg-subtle-rgb: 5, 27, 17;
 --white-links: rgba(190, 190, 190, 0.9);
 --bs-nav-menu-color: #1b1b1f;
 --bs-nav-menu-color-rgb: 27, 27, 31;
 --bs-nav-link-color: rgba(208, 208, 208, 0.9);
 --bs-breadcrumb-active: rgba(173, 181, 189, 0.75);
 --bs-form-placeholder-color: rgba(48, 54, 60, 0.75);
 --bs-form-text-color: rgba(210, 210, 210, 0.8);
 --bs-form-text-color-rgb: 210, 210, 210;
 --bs-form-bg-color: rgb(33, 33, 33);
 --bs-form-bg-color-rgb: 33, 33, 33;
 --bs-warning-text: #ffda6a;
 --io-morado-over-color: rgba(255, 255, 255, 0.4);
 --io-morado-over-bg: #24202e;
 --io-morado-over-bg: rgba(46, 42, 56, 0.6);
 --io-morado-over-bg-rgb: 46, 42, 56;--nav-menu-link-color: #adb5bd;
 --nav-menu-link-color-rgb: 173, 181, 189;
 --nav-studio-menu-color: #252a2e;
 --gis-map-bg-rgb: rgba(26, 26, 26, 0.5);
}

[data-bs-theme=light] {
 --bbva-blue-color: #072146;
 --bbva-blue-light-color: #1463a5;
 --bbva-aqua-color: #2accce;
 --opy-blue-color: #004481;
 --opy-aqua-color: #14C8BE;
 --opy-blue-aqua-color: #004481;
}

[data-bs-theme=dark] {
 --bbva-blue-color: #072146;
 --bbva-blue-light-color: #1463a5;
 --bbva-aqua-color: #2accce;
 --opy-blue-color: #004481;
 --opy-aqua-color: #14C8BE;
 --opy-blue-aqua-color: #14C8BE;
}



:root {
 --vt-c-white: #ffffff;
 --vt-c-white-rgb: 255, 255, 255;
 --vt-c-white-soft: #f9f9f9;
 --vt-c-white-mute: #f1f1f1;
 --vt-c-black: #1a1a1a;
 --vt-c-black-rgb: 26, 26, 26;
 --vt-c-black-pure: #000000;
 --vt-c-black-soft: #242424;
 --vt-c-black-mute: #2f2f2f;
 --vt-c-indigo: #213547;
 --vt-c-indigo-soft: #476582;
 --vt-c-indigo-light: #aac8e4;
 --vt-c-gray: #8e8e8e;
 --vt-c-gray-light-1: #aeaeae;
 --vt-c-gray-light-2: #c7c7c7;
 --vt-c-gray-light-3: #d1d1d1;
 --vt-c-gray-light-4: #e5e5e5;
 --vt-c-gray-light-5: #f2f2f2;
 --vt-c-gray-dark-1: #636363;
 --vt-c-gray-dark-2: #484848;
 --vt-c-gray-dark-3: #3a3a3a;
 --vt-c-gray-dark-4: #282828;
 --vt-c-gray-dark-5: #202020;
 --vt-c-divider-light-1: rgba(60, 60, 60, .29);
 --vt-c-divider-light-2: rgba(60, 60, 60, .12);
 --vt-c-divider-dark-1: rgba(84, 84, 84, .65);
 --vt-c-divider-dark-2: rgba(84, 84, 84, .48);
 --vt-c-text-light-1: var(--vt-c-indigo);
 --vt-c-text-light-2: rgba(60, 60, 60, .7);
 --vt-c-text-light-3: rgba(60, 60, 60, .33);
 --vt-c-text-light-4: rgba(60, 60, 60, .18);
 --vt-c-text-light-code: var(--vt-c-indigo-soft);
 --vt-c-text-dark-1: rgba(255, 255, 255, .87);
 --vt-c-text-dark-2: rgba(235, 235, 235, .6);
 --vt-c-text-dark-3: rgba(235, 235, 235, .38);
 --vt-c-text-dark-4: rgba(235, 235, 235, .18);
 --vt-c-text-dark-code: var(--vt-c-indigo-light);
 --para-checar: rgb(15, 255, 159);
 --para-checar: #3ecf8e;
 --para-checar: rgba(62, 207, 142, 0.5);
 --para-checar: rgba(15, 255, 159, 1);
 --vt-c-green: #42b883;
 --vt-c-green-light: #42d392;
 --vt-c-green-lighter: #35eb9a;
 --vt-c-green-dark: #33a06f;
 --vt-c-green-darker: #155f3e;
 --para-checar: rgba(66, 184, 131, 0.855);
 --vt-c-blue: #3b8eed;
 --vt-c-blue-light: #549ced;
 --vt-c-blue-lighter: #50a2ff;
 --vt-c-blue-dark: #3468a3;
 --vt-c-blue-darker: #255489;
 --vt-c-yellow: #ffc517;
 --vt-c-yellow-light: #ffe417;
 --vt-c-yellow-lighter: #ffff17;
 --vt-c-yellow-dark: #e0ad15;
 --vt-c-yellow-darker: #bc9112;
 --vt-c-red: #ed3c50;
 --vt-c-red-light: #f43771;
 --vt-c-red-lighter: #fd1d7c;
 --vt-c-red-dark: #cd2d3f;
 --vt-c-red-darker: #ab2131;
 --vt-c-purple: #de41e0;
 --vt-c-purple-light: #e936eb;
 --vt-c-purple-lighter: #f616f8;
 --vt-c-purple-dark: #823c83;
 --vt-c-purple-darker: #602960
}

:root {
 --vt-shadow-1: 0 1px 1px rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .06);
 --vt-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);
 --vt-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);
 --vt-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);
 --vt-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)
}



[data-bs-theme=light] {
 --bs-body-color: var(--vt-c-black);
 --bs-body-color-rgb: var(--vt-c-black-rgb);
 --bs-body-color: #52525b;
 --bs-body-color-rgb: 82, 82, 91;
 --bs-body-bg: #fff;
 --bs-body-bg-rgb: 255, 255, 255;
 --bs-body-bg-hover: hsl(0, 0%, 92%);
 --bs-body-bg-hover-rgb: 235, 235, 235;
 --bs-link-color: var(--vt-c-green-dark);
 --bs-link-color: var(--vt-c-green);
 --bs-link-color: var(--green-track);
 --bs-link-hover-color: var(--vt-c-green-light);
 --bs-link-hover-color-rgb: var(--vt-c-green-light-rgb);
}

[data-bs-theme=dark] {
 --bs-body-color: var(--vt-c-white);
 --bs-body-color-rgb: var(--vt-c-white-rgb);
 --bs-body-color: #a1a1aa;
 --bs-body-color-rgb: 161, 161, 170;
 --bs-body-bg: #1b1b1f;
 --bs-body-bg-rgb: 27, 27, 31;
 --bs-body-bg: var(--color-background);
 --bs-body-bg-rgb: var(--color-background--rgb);
 --bs-body-bg-hover: #343a40;
 --bs-body-bg-hover-rgb: 54, 59, 64;
 --bs-link-color: var(--vt-c-green);
 --bs-link-color-rgb: 140, 99, 216;
 --bs-link-color: #2e8b57;
 --bs-link-color-rgb: 46, 139, 87;
 --bs-link-color: var(--vt-c-green-lighter);
 --bs-link-color: var(--green-track);
 --bs-link-color-rgb: var(--green-track-rgb);
 --bs-link-hover-color: var(--green-hover);
 --bs-link-hover-color-rgb: var(--green-hover-rgb);
}

 :root {
 --vp-c-bg: #ffffff;
 --vp-c-bg-alt: #f6f6f7;
 --vp-c-bg-elv: #ffffff;
 --vp-c-bg-soft: #f6f6f7;
}

.dark {
 --vp-c-bg: #1b1b1f;
 --vp-c-bg-alt: #161618;
 --vp-c-bg-elv: #202127;
 --vp-c-bg-soft: #202127;
}

 :root {
 --hue: 220;
 --hue-1: 286;
 --hue-2: 183;
 --hue-3: 191;
 --alpha-1: 0.2710713367756439;
 --alpha-2: 0.9518445288519037;
 --alpha-3: 0.3517331987451342;
 --duration: 40s;
 --delay: 1;
}



.dinamico {
	background-color: rgba(25, 135, 84, 0.7);
}



:root,
.light,
.light-theme,
[data-bs-theme=light] {
 --gray-9: #7c9089;
 --gray-11: #adb5b2;
 --gray-12: #10241e;
 --gray-contrast: #FFFFFF;
 --gray-surface: #ffffffcc;
 --gray-indicator: #7c9089;
 --gray-track: #7c9089;
 --green-contrast: #0f271a;
 --green-surface: #f0faf3cc;
 --green-indicator: #2fce84;
 --green-track: #2fce84;
 --green-track-rgb: 47, 206, 132;
 --green-track: rgb(16, 192, 119);
 --green-track: #25997b;
 --green-track: rgb(37, 153, 123);
 --green-track-rgb: 37, 153, 123;
 --green-hover: #1b4930;
 --green-hover-rgb: 27, 73, 48;
 --green-hover: rgb(189, 238, 99);
 --green-hover: #bdee63;
 --green-hover-rgb: 189, 238, 99;
 --color-body: #10241e;
 --color-body: #161616;
 --color-body-rgb: 22, 22, 22;
 --ggg-primary-color: #008245;
 --ggg-primary-color-rgb: rgb(0, 130, 69);
 --ggg-primary-color-rgb: 0, 130, 69;
 --ggg-primary-color-hover: #b1e349;
 --ggg-primary-color-hover-rgb: rgb(177, 227, 73);
 --ggg-primary-color-hover-rgb: 177, 227, 73;
 --ggg-secondary-color: #2fce84;
 --ggg-tertiary-color: #2fce84;
}

@supports (color: color(display-p3 1 1 1)) {
 @media (color-gamut: p3) {
   :root, .light, .light-theme, [data-bs-theme=light] {
   --gray-contrast: #FFFFFF;
   --gray-surface: color(display-p3 1 1 1 / 80%);
   --gray-indicator: oklch(63.6% 0.0247 172.1);
   --gray-track: oklch(63.6% 0.0247 172.1);
   --green-contrast: #0f271a;
   --green-surface: color(display-p3 0.9451 0.9765 0.9529 / 0.8);
   --green-indicator: oklch(75.5% 0.1665 157.2);
   --green-track: oklch(75.5% 0.1665 157.2);
  }
 }
}

:root,
.light,
.light-theme,
.radix-themes,
[data-bs-theme=light] {
 --color-background: #fcffff;
 --color-background: 252, 255, 255;
}

.dark,
.dark-theme,
[data-bs-theme=dark] {
 --gray-9: #62706b;
 --gray-11: #adb5b2;
 --gray-12: #eceeed;
 --gray-contrast: #FFFFFF;
 --gray-surface: rgba(0, 0, 0, 0.05);
 --gray-indicator: #62706b;
 --gray-track: #62706b;
 --green-contrast: #0f271a;
 --green-surface: #13221880;
 --green-indicator: #2fce84;
 --green-track: #2fce84;
 --green-track: #41d392;
 --green-track: rgb(65, 211, 146);
 --green-track-rgb: 65, 211, 146;
 --green-hover: rgb(189, 238, 99);
 --green-hover: #bdee63;
 --green-hover-rgb: 189, 238, 99;
 --color-body: rgb(179, 189, 185);
 --color-body: #b3bdb9;
 --color-body-rgb: 179, 189, 185;
 --ggg-primary-color: #2fce84;
 --ggg-primary-color-rgb: rgb(46, 207, 132);
 --ggg-primary-color-rgb: 46, 207, 132;
 --ggg-primary-color-hover: #bdee63;
 --ggg-primary-color-hover-rgb: #bdee63;
 --ggg-secondary-color: #2fce84;
 --ggg-tertiary-color: #2fce84;
}

@supports (color: color(display-p3 1 1 1)) {
 @media (color-gamut: p3) {
  .dark, .dark-theme, [data-bs-theme=dark] {
   --gray-contrast: #FFFFFF;
   --gray-surface: color(display-p3 0 0 0 / 5%);
   --gray-indicator: oklch(53.3% 0.0185 172.1);
   --gray-track: oklch(53.3% 0.0185 172.1);
   --green-contrast: #0f271a;
   --green-surface: color(display-p3 0.0863 0.1333 0.0941 / 0.5);
   --green-indicator: oklch(75.5% 0.1665 157.2);
   --green-track: oklch(75.5% 0.1665 157.2);
  }
 }
}

.dark,
.dark-theme,
 :is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)),
[data-bs-theme=dark] {
 --color-background: #141414;
 --color-background-rgb: 20, 20, 20;
}



:root,
.light,
.light-theme,
[data-bs-theme=light] {
 --bs-body-color: var(--color-body);
 --bs-body-color-rgb: var(--color-body-rgb);
 --bs-body-bg: #fff;
 --bs-body-bg-rgb: 255, 255, 255;
 --bs-body-bg-hover: #eaeaea;
 --bs-body-bg-hover-rgb: 235, 235, 235;
 --bs-body-bg-inverse: #1b1b1f;
 --bs-body-bg-inverse-rgb: 25, 25, 25;
 --bs-body-bg: var(--color-background);
 --bs-body-bg-rgb: var(--color-background-rgb);
 --bs-body-bg: #fff;
 --bs-body-bg-rgb: 255, 255, 255;
 --bs-link-color: var(--ggg-primary-color);
 --bs-link-hover-color: var(--ggg-primary-color-hover);
 --bs-link-hover-color-rgb: var(--green-hover-rgb);
 --bs-nav-link-color: rgba(34, 34, 34, 0.95);
 --bs-nav-menu-color: var(--ggg-primary-color);
 --bs-nav-menu-color-rgb: var(--ggg-primary-color-rgb);
}

.dark,
.dark-theme,
[data-bs-theme=dark] {
 --bs-body-color: var(--color-body);
 --bs-body-color-rgb: var(--color-body-rgb);
 --bs-body-bg: #1b1b1f;
 --bs-body-bg-rgb: 25, 25, 25;
 --bs-body-bg-hover: #343a40;
 --bs-body-bg-hover-rgb: 54, 59, 64;
 --bs-body-bg-inverse: #fff;
 --bs-body-bg-inverse-rgb: 255, 255, 255;
 --bs-body-bg: var(--color-background);
 --bs-body-bg-rgb: var(--color-background-rgb);
 --bs-link-color: var(--ggg-primary-color);
 --bs-link-hover-color: var(--green-hover);
 --bs-link-hover-color-rgb: var(--green-hover-rgb);
 --bs-nav-link-color: rgba(208, 208, 208, 0.9);
 --bs-nav-menu-color: var(--ggg-primary-color);
 --bs-nav-menu-color-rgb: var(--ggg-primary-color-rgb);
}



:root {
 --white-links: var(--gray-9);
}

:root,
.light,
.light-theme,
[data-bs-theme=light] {
 --ggg-bg-dark-purple: rgba(236, 236, 236, 1);
 --ggg-bg-footer-color: #0c0e12;
 --ggg-bg-footer-color: hsl(220, 20%, 6%);
 --ggg-bg-footer-color-rgb: 12, 14, 18;
 --ggg-bg-footer-white-color: rgb(190, 196, 198);
 --ggg-bg-footer-white-color: hsl(193, 7%, 76%);
 --ggg-bg-footer-white-color-rgb: rgb(190, 197, 199);
 --ggg-bg-footer-white-color-rgb: rgba(190, 197, 199, 0.8);
 --ggg-bg-soft: #bebebe;
 --ggg-bg-soft-rgb: 190, 190, 190;
 --ggg-map-bg-rgb: 19, 19, 19;
 --ggg-map-bg-rgb: 190, 190, 190;
 --ggg-form-text-color: rgba(80, 80, 80, 0.702);
 --ggg-form-text-color-rgb: 80, 80, 80;
 --ggg-form-placeholder-color: rgba(48, 54, 59, 0.65);
 --ggg-label-font-color: #69747f;
 --ggg-placholder-font-color: rgba(108, 117, 125, 0.65);
 --ggg-print-white-color-rgb: 255, 255, 255;
 --ggg-outline-color: hsla(0, 0%, 0%, 0.175);
}

.dark,
.dark-theme,
[data-bs-theme=dark] {
 --ggg-font-weight: 300;
 --ggg-line-height: 1.8;
 --ggg-bg-dark-purple: rgba(70, 70, 83, 0.4);
 --ggg-bg-footer-color: #0c0e12;
 --ggg-bg-footer-color: hsl(220, 20%, 6%);
 --ggg-bg-footer-color-rgb: 12, 14, 18;
 --ggg-bg-footer-white-color: rgb(190, 196, 198);
 --ggg-bg-footer-white-color-rgb: rgba(190, 197, 199, 0.8);
 --ggg-bg-soft: #1a1d20;
 --ggg-bg-soft-rgb: 26, 29, 32;
 --ggg-form-placeholder-color: rgba(66, 75, 83, 0.75);
 --ggg-form-text-color: rgba(210, 210, 210, 0.8);
 --ggg-form-text-color-rgb: 210, 210, 210;
 --ggg-label-font-color: #505963;
 --ggg-map-bg-rgb: 19, 19, 19;
 --ggg-placholder-font-color: rgba(14, 26, 36, 0.45);
 --ggg-placholder-font-color: rgba(108, 117, 125, 0.45);
 --ggg-print-white-color-rgb: 255, 255, 255;
 --ggg-outline-color: hsla(0, 0%, 100%, 0.275);
}



.bg-color-dark-light {
 color: var(--bs-body-color);
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}

.bg-color-dark {
 color: var(--bs-body-color);
 background-color: rgba(var(--just-black-rgb), 1);
}

.bg-color-purple-one {
 color: var(--bs-body-color);
 background-color: var(--bg-color-purple-one);
}

.ejemplo:not(.dark) .accent[data-v-fdd1a574],
.dark .tagline[data-v-fdd1a574] {
 background: -webkit-linear-gradient(315deg, #42d392 25%, #647eff);
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

.just-for-colors {
 color: #42b883;
 color: #42d392;
 color: #35eb9a;
 color: #33a06f;
 color: #155f3e;
 color: #0d0d0d;
 color: #42b883;
 color: #3ca877;
 color: #0d0d0d;
 color: #191919;
 background-color: #2e8b57;
 background-color: #07d89d;
 background-color: #198754;
 background: #1E1E1E;
 background-image: radial-gradient(#2a2a2a, #0d0d0d);
}

.bg-bglight {
 --tw-bg-opacity: 1;
 background-color: rgb(252 252 252/var(--tw-bg-opacity));
}

.bg-bglight {
 --tw-bg-opacity: 1;
 background-color: rgb(252 252 252/var(--tw-bg-opacity));
}

.dark\:bg-bgdark:is(.dark *) {
 --tw-bg-opacity: 1;
 background-color: rgb(22 22 22/var(--tw-bg-opacity));
}

.bg-lights-sun {
 background: fixed no-repeat top;
 background-image: url(../../images/templates/svgs/gradient2.svg);
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.antialiased {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.box-gen:is(.dark *) {
 border-color: hsla(0, 0%, 100%, .1);
 background-color: rgba(24, 24, 27, .2);
 outline-color: #1a1a1a;
}

.leading-5 {
 line-height: 1.25rem;
}

.body-primary:is(.dark *) {
 --tw-text-opacity: 1;
 color: rgb(237 237 237/var(--tw-text-opacity));
}

.rounded-2xl {
 border-radius: 1rem;
}

.body-secondary:is(.dark *) {
 --tw-text-opacity: 1;
 color: rgb(160 160 160/var(--tw-text-opacity));
}

.dark\:ring-\[\#1a1a1a\]:is(.dark *) {
 --tw-ring-opacity: 1;
 --tw-ring-color: rgb(26 26 26/var(--tw-ring-opacity));
}

.bg-lights {
 margin: auto;
 background: no-repeat top;
 background-image: url(../../images/templates/svgs/gradient-color-4-2.svg);
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.bg-color-uno {
 background: linear-gradient(hsl(0 0% 50% / 0.05), hsl(0 0% 50% / 0));
}

.body-nn {
 color: var(--text-color);
 font-size: 16px;
 height: 100%;
 min-height: 100%;
 position: relative;
 --hsl-accent-1: 262, 100%, 57%;
 --hsl-accent-2: 286, 100%, 50%;
 --hsl-accent-3: 297, 100%, 52%;
 --dark-background-gradient_dark-0: #1a1e25;
 --dark-background-gradient_dark-100: #0f1115;
 --dark-background-radial-gradient-sizepos: 64% 130% at 50% 100%;
 --dark-background-radial-gradient-dark: radial-gradient(var(--dark-background-radial-gradient-sizepos), var(--dark-background-gradient_dark-0) 0%, var(--dark-background-gradient_dark-100) 100%);
 background-image: var(--dark-background-radial-gradient-dark);
}

.footer-nn {
 --dark-foreground: #fff;
 --dark-foreground-link: #a1a5b0;
 --dark-background-gradient_dark-0: #1a1e25;
 --dark-background-gradient_dark-100: #0f1115;
 --dark-background-radial-gradient-sizepos: 64% 130% at 50% 100%;
 --dark-background-radial-gradient-dark: radial-gradient(var(--dark-background-radial-gradient-sizepos), var(--dark-background-gradient_dark-0) 0%, var(--dark-background-gradient_dark-100) 100%);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 background-image: var(--dark-background-radial-gradient-dark);
 -webkit-box-shadow: 0 -1px 0 0 var(--border-solid);
 box-shadow: 0 -1px 0 0 var(--border-solid);
 -ms-flex-direction: column;
 flex-direction: column;
 width: 100%;
}



@font-face {
 font-family:'avenir-next-bold';
 src: url('../../css/fonts/avenir-next-bold/avenir-next-bold.eot');
 src: url('../../css/fonts/avenir-next-bold/avenir-next-bold.woff') format('woff'), url('../../css/fonts/avenir-next-bold/avenir-next-bold.ttf') format('truetype'), url('../../css/fonts/avenir-next-bold/avenir-next-bold.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'avenir-next-light';
 src: url('../../css/fonts/avenir-next-light/avenir-next-light.eot');
 src: url('../../css/fonts/avenir-next-light/avenir-next-light.woff') format('woff'), url('../../css/fonts/avenir-next-light/avenir-next-light.ttf') format('truetype'), url('../../css/fonts/avenir-next-light/avenir-next-light.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'avenir-next-regular';
 src: url('../../css/fonts/avenir-next-regular/avenir-next-regular.eot');
 src: url('../../css/fonts/avenir-next-regular/avenir-next-regular.woff') format('woff'), url('../../css/fonts/avenir-next-regular/avenir-next-regular.ttf') format('truetype'), url('../../css/fonts/avenir-next-regular/avenir-next-regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'avenir-next-medium';
 src: url('../../css/fonts/avenir-next-medium/avenir-next-medium.eot');
 src: url('../../css/fonts/avenir-next-medium/avenir-next-medium.woff') format('woff'), url('../../css/fonts/avenir-next-medium/avenir-next-medium.ttf') format('truetype'), url('../../css/fonts/avenir-next-medium/avenir-next-medium.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'Conv_deftone_stylus';
 src: url('../../css/fonts/deftone_stylus/fonts/deftone_stylus.eot');
 src: url('../../css/fonts/deftone_stylus/fonts/deftone_stylus.woff') format('woff'), url('../../css/fonts/deftone_stylus/fonts/deftone_stylus.ttf') format('truetype'), url('../../css/fonts/deftone_stylus/fonts/deftone_stylus.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'Conv_Raleway-ExtraBold';
 src: url('../../css/fonts/Raleway-ExtraBold/Raleway-ExtraBold.eot');
 src: url('../../css/fonts/Raleway-ExtraBold/Raleway-ExtraBold.woff') format('woff'), url('../../css/fonts/Raleway-ExtraBold/Raleway-ExtraBold.ttf') format('truetype'), url('../../css/fonts/Raleway-ExtraBold/Raleway-ExtraBold.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'Hellix';
 src: url('../../css/fonts/hellix-semibold/Hellix-SemiBold.woff2') format('woff2'), url('../../css/fonts/hellix-semibold/Hellix-SemiBold.woff') format('woff'), url('../../css/fonts/hellix-semibold/Hellix-SemiBold.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'Neue-Haas-Grotesk';
 src: url('../../css/fonts/neuehaasdisplay-bold/NeueHaasDisplay-Bold.woff2') format('woff2'), url('../../css/fonts/neuehaasdisplay-bold/NeueHaasDisplay-Bold.woff') format('woff'), url('../../css/fonts/neuehaasdisplay-bold/NeueHaasDisplay-Bold.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'Neue-Haas-Grotesk-Light';
 src: url('../../css/fonts/neuehaasdisplay-light/NeueHaasDisplay-Light.woff2') format('woff2'), url('../../css/fonts/neuehaasdisplay-light/NeueHaasDisplay-Light.woff') format('woff'), url('../../css/fonts/neuehaasdisplay-light/NeueHaasDisplay-Light.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'Avenir Next LT Pro';
 src: url('../../css/fonts/Avenir/AvenirNextLTPro-Regular.eot');
 src: url('../../css/fonts/Avenir/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../../css/fonts/Avenir/AvenirNextLTPro-Regular.woff') format('woff'), url('../../css/fonts/Avenir/AvenirNextLTPro-Regular.ttf') format('truetype'), url('../../css/fonts/Avenir/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'Type-Knight';
 src: url('../../css/fonts/type-knight/TypeKnight.eot');
 src: url('../../css/fonts/type-knight/TypeKnight.eot?#iefix') format('embedded-opentype'), url('../../css/fonts/type-knight/TypeKnight.woff2') format('woff2'), url('../../css/fonts/type-knight/TypeKnight.woff') format('woff'), url('../../css/fonts/type-knight/TypeKnight.ttf') format('truetype'), url('../../css/fonts/type-knight/TypeKnight.svg#TypeKnight') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'SavoyeLetPlain';
 src: url('../../css/fonts/savoye-let-subset/subset-SavoyeLetPlain.eot');
 src: url('../../css/fonts/savoye-let-subset/subset-SavoyeLetPlain.eot?#iefix') format('embedded-opentype'), url('../../css/fonts/savoye-let-subset/subset-SavoyeLetPlain.woff2') format('woff2'), url('../../css/fonts/savoye-let-subset/subset-SavoyeLetPlain.woff') format('woff'), url('../../css/fonts/savoye-let-subset/subset-SavoyeLetPlain.ttf') format('truetype'), url('../../css/fonts/savoye-let-subset/subset-SavoyeLetPlain.svg#SavoyeLetPlain') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'futura-bold';
 src: url('../../css/fonts/futura/futura-bold.eot');
 src: url('../../css/fonts/futura/futura-bold.woff') format('woff'), url('../../css/fonts/futura/futura-bold.ttf') format('truetype'), url('../../css/fonts/futura/futura-bold.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'futura-medium';
 src: url('../../css/fonts/futura/medium/futura-medium.eot');
 src: url('../../css/fonts/futura/medium/futura-medium.woff') format('woff'), url('../../css/fonts/futura/medium/futura-medium.ttf') format('truetype'), url('../../css/fonts/futura/medium/futura-medium.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'amatic-sc';
 src: url('../../css/fonts/amatic-sc/AmaticSC-Regular.eot');
 src: url('../../css/fonts/amatic-sc/AmaticSC-Regular.eot?#iefix') format('embedded-opentype'), url('../../css/fonts/amatic-sc/AmaticSC-Regular.woff') format('woff'), url('../../css/fonts/amatic-sc/AmaticSC-Regular.ttf') format('truetype'), url('../../css/fonts/amatic-sc/AmaticSC-Regular.svg#AvenirNextLTPro-Regular') format('svg');
 font-weight: normal;
 font-style: normal;
}

.font1 {
 font-family:'avenir-next-bold';
}

.font2 {
 font-family:'avenir-next-light';
}

.font3 {
 font-family:'avenir-next-regular';
}

.font4 {
 font-family:'avenir-next-medium';
}

.font5 {
 font-family:'Conv_deftone_stylus';
}

.font6 {
 font-family:'Conv_Raleway-ExtraBold';
}

.font7 {
 font-family:'Hellix';
 white-space: pre-wrap;
 font-size: 2rem;
 font-weight: 100;
 letter-spacing: -0.04em;
}

.font77 {
 font-family:'Hellix';
}

.font8 {
 font-family:'Neue-Haas-Grotesk';
}

.font9 {
 font-family:'Neue-Haas-Grotesk-Light';
}

.font10 {
 font-family:'Neue-Haas-Grotesk-Light';
}

.font11 {
 font-family:'Type-Knight';
}

.font12 {
 font-family:'SavoyeLetPlain';
}

.font13 {
 font-family:'futura-medium';
}

.font1313 {
 font-family:'futura-bold';
}

.font14 {
 font-family:'markerfelt-thin';
}

.font15 {
 font-family:'markerfelt-thin';
}

.fs-testing {
 font-size: 10rem;
}



html {
 font-size: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -ms-touch-action: manipulation;
 touch-action: manipulation;
 height: -webkit-fill-available;
}

* {
 margin: 0;
 padding: 0;
}

*,
*::after,
*::before {
 box-sizing: inherit;
}

html,
body {
 padding: 0 !important;
 margin: 0 !important;
 border: none;}

body {
 -webkit-tap-highlight-color: var(--background-color);
 -webkit-transition: background-color 300ms;
 transition: background-color 300ms;
 -webkit-overflow-scrolling: touch;
 will-change: background-color;
}

body {
 font-family: -apple-system, BlinkMacSystemFont,'Segoe UI', Roboto,'Helvetica Neue', Arial, sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
 font-size: var(--ggg-font-size);
 font-weight: var(--ggg-font-weight);
 line-height: var(--ggg-line-height);
 letter-spacing: var(--ggg-letter-spacing);
}@supports (-webkit-touch-callout: none) {
 body {height: -webkit-fill-available;
 }
}

@media(prefers-reduced-motion: no-preference) {
 body {
  scroll-behavior: initial;
 }
}

h1,
h2,
h4,
h4,
h5,
h6 {
 text-wrap: balance;
}img {
 max-width: 100%;
 height: auto;
 vertical-align: middle;
 font-style: italic;
 background-repeat: no-repeat;
 background-size: cover;
 shape-margin: 0.75rem;
}

#bodyId.scroll-body {
 overflow: hidden;
 overflow-x: hidden;
 overflow-y: scroll;
 scroll-behavior: smooth;
 scroll-margin-top: 4rem;
}

#bodyId.no-scroll-body {
 overflow: hidden;
 height: 100vh;
}

#bodyId.body-imprime {
 color: var(--bs-body-color-print);
 background-color: #ffffff;
}

#bodyId.bg-dark-purple {
 background-color: var(--ggg-bg-dark-purple);
}.wrapper {
 margin: auto;
 padding: 0;
 z-index: 6;
 transition: visibility 520ms;
 will-change: visibility;
}

.wrapper-side {
 display: flex;
}

.wrapper.scroll-body {
 overflow: hidden;
 overflow-x: hidden;
 overflow-y: scroll;
 scroll-behavior: smooth;
}

.wrapper.no-scroll-body {
 overflow: hidden;
}

#content {
 margin: auto;
 padding: 0;
 display: block;
 right: 0;
 transition: margin-left 300ms ease-in-out;
 will-change: margin-left;
 z-index: 8;
}

#content.active {
 width: 100%;
 margin-left: 240px;
}

#content.scroll-body {
 overflow: hidden;
 overflow-x: hidden;
 overflow-y: scroll;
 scroll-behavior: smooth;
}

#content.no-scroll-body {
 height: 100vh;
 overflow: hidden;
}

.scroll-auto {
 scroll-behavior: smooth;
}

.scroll-smooth {
 scroll-behavior: smooth;
}



.header-dev {
 margin: 0 auto;
 padding-top: 4rem;
 padding-bottom: calc(5vh * 0.5);
 padding-left: auto;
 padding-right: auto;
 font-size: 1.2rem;
 color: rgb(var(--bs-body-color-rgb));
 background-color: var(--bs-body-bg-hover);
}

.header-dev.mp-0 {
 margin: 0 auto;
 padding: 0;
}

.header-dev.mp-0 .header-dev-top {
 margin: 0 auto;
 padding-top: 4rem;
 padding-top: 4rem;
}

.header-alerts {
 display: grid;
 place-items: center;
 background-color: #ffc107;
}

.header-alerts p {
 margin: 0;
 padding: 0.5rem 0;
 text-align: center;
 font-weight: bolder;
 color: #212529;
}

#top-message-alert {
 position: fixed;
 display: block;
 padding: 0;
 margin: 0;
 width: 100%;
 top: 0px;
 left: 0;
 text-align: center;
 z-index: 9999;
}

#top-message-alert .alert {
 margin: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
}

#msg-notify {
 font-size: 1.2rem;
}

#mantenimiento {
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 margin: 0 auto;
 width: 100%;
 min-height: 5rem;
 display: table;
 background: rgba(223, 100, 66, 0.2);
 box-shadow: 0 0.188rem 0.125rem -0.188rem black;
 z-index: 1000;
 pointer-events: none;
}

#mantenimiento-modal {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 width: 100%;
 min-height: 5rem;
 display: table;
 background: rgba(223, 100, 66, 0.2);
 box-shadow: 0 0.188rem 0.125rem -0.188rem black;
}

.mantenimiento .holder {
 width: 100%;
 margin: auto;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}

.mantenimiento .holder p {
 margin-top: 0.625rem;
 margin-left: auto;
 margin-right: auto;
 padding-right: var( 3rem, 0.75rem);
 padding-left: var( 3rem, 0.75rem);
 font-size: calc(1rem + 0.3vw);
 color: rgba(252, 249, 202, 0.4);
 font-weight: 700;
 text-transform: uppercase;
}

[data-bs-theme=dark] .mantenimiento .holder p {
 text-shadow: 0rem 0.1rem rgba(0, 0, 0, 0.10);
}

.mantenimiento .holder p span {
 padding-left: 0.4rem;
 padding-right: 0.4rem;
 color: rgba(245, 245, 245, 0.5);
}

@media (min-width: 576px) {
 .mantenimiento .holder p {
  font-size: calc(1.5rem + 0.3vw) !important;
 }
 .mantenimiento .holder p span {
  padding-left: 1rem;
  padding-right: 1rem;
 }
}

@media (min-width: 768px) {
 .mantenimiento .holder p span {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
 }
}



.header-top {
 margin: 0 auto;
 padding: 0;
 background-color: transparent;
 z-index: 5;
}.header-top.top-header {
 height: 0;
 background: var(--bs-body-bg);
 background-color: transparent;
}

@media (min-width: 36rem) {
 .header-top.top-header {
  padding: 0.5rem 0;
  height: calc(2.5rem + 0.50rem);
 }
}

.header-top.coming-top {
 margin: 0 auto;
 height: 0;
 width: 100%;
 background: var(--bs-body-bg);
 background-color: transparent;
}

.header-top.studio-top {
 margin: 0 auto;
 display: none;
 background: var(--bs-body-bg);
 background-color: transparent;
}

@media (min-width: 576px) {
 .header-top.studio-top {
  padding: 0.5rem 0;
  height: 4rem;
  width: 100%;
 }
}

@media (min-width: 576px) {
 .header-top.studio-top {
  display: block;
  margin-top: 4rem;
  padding: 0.5rem 0;
  height: 4rem;
  width: 100%;
 }
}

.header-top.tools-top {
 margin: 0 auto;
 height: calc(0.5rem + 0.5rem);
 background-color: transparent;
}

@media (min-width: 576px) {
 .header-top.tools-top {
  height: calc(2.5rem + 0.5rem);
  width: 100%;
  padding: calc(2rem + 0.25rem) 0;
 }
}

.header-top.header-sig-top {
 height: 0;
 width: 100%;
 background: var(--bs-body-bg);
 background-color: transparent;
}

@media (min-width: 576px) {
 .header-top.header-sig-top {
  height: 4rem;
  width: 100%;
 }
}

.header-top.header-mapa {
 height: 0;
 width: 100%;
 background-color: rgba(38, 31, 16, 1);
 background-color: #1c2119;
 background-color: rgba(var(--bs-body-bg-rgb), 1);
 background-color: transparent;
}

@media (min-width: 576px) {
 .header-top.header-mapa {
  height: 5rem;
  width: 100%;
 }
}

.header-top.res-top {
 height: 0;
 padding: calc(2rem + 0.25rem) 0;
 margin: 0 auto;
 padding: 0;
 background-color: red;
 background-color: transparent;
}



.hero-container-h {
 padding-top: 4.5rem;
 padding-left: calc(1.5rem * 0.5);
 padding-right: calc(1.5rem * 0.5);
 width: 100%;
 z-index: 11;
 background-color: red;
}

.hero-container {
 position: relative;
 width: 100%;
 min-height: 10vh;
 display: grid;
 place-content: center;
 z-index: 11;
 transition: height 300ms, transform 300ms, top 300ms linear;
 -webkit-transition: height 300ms, transform 300ms, top 300ms;
}

.hero-container-absolute {
 position: absolute;
 width: 100%;
 height: auto;
 display: grid;
 place-content: center;transition: height 300ms, transform 300ms, top 300ms linear;
 -webkit-transition: height 300ms, transform 300ms, top 300ms;
}.btlck-colors {
 fill: #155f3e;
 fill: #33a06f;
 fill: #35eb9a;
 fill: #42d392;
 fill: #42b883;
}

.btlck-1 {
 opacity: 0.86;
 isolation: isolate;
}

.btlck-1-1 {
 fill: #42b883;
 height: 2px;
}

.btlck-1-2 {
 fill: #33a06f;
}

.btlck-1-3 {
 fill: #155f3e;
}

.btlck-1-4 {
 fill: #1b1b1f;
}

.bottom-black {
 display: block;
 width: 100%;
 height: 1.875rem;
 background: repeat-x url('../../css/svgs/class-lines-bottom.svg');
 filter: opacity(0.7);
 z-index: 22;
}

.bottom-black svg {
 display: block;
 transform-box: fill-box;
 height: 1.875rem;
}

.bottom-lines {
 display: block;
 width: 100%;
 height: 3.75rem;
 background: repeat-x url('../../css/svgs/lines-bottom-light.svg');
 z-index: 22;
}

[data-bs-theme=dark] .bottom-lines {
 background: repeat-x url('../../css/svgs/lines-bottom-dark.svg');
}

.hero-container .title,
.hero-container-absolute .title {
 color: var(--bs-body-color);
 color: rgba(var(--bs-body-color-rgb), 0.6);
 color: #1b1b1f;
 font-size: calc(2rem + 2.5vw);
 font-family:'Neue-Haas-Grotesk';
 white-space: pre-wrap;
 font-weight: 400;
 font-weight: bolder;
 overflow-wrap: break-word;
 word-break: normal;
 letter-spacing: normal;
 line-height: 1;
 letter-spacing: -0.01em;
 text-align: left;
 mix-blend-mode: difference;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(222, 222, 222, 0.9);
}

@media (min-width: 768px) {
 .hero-container .title {
  font-size: clamp(2.6rem, 5vw, 5rem);
 }
}

[data-bs-theme=dark] .hero-container .title,
[data-bs-theme=dark] .hero-container-absolute .title {
 color: #bebebe;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.hero-container .title::after,
.hero-container-absolute .title::after {
 color: rgb(45, 66, 66);
 mix-blend-mode: difference;
}

.hero-container .title.white,
.hero-container-absolute .title.white {
 color: #bebebe;
 mix-blend-mode: difference;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

[data-bs-theme=dark] .hero-container .title.white,
[data-bs-theme=dark] .hero-container-absolute .title.white {
 text-shadow: 0.091rem 0.092rem 0.063rem rgba(0, 0, 0, 0.80);
}

.hero-container .title.white::after,
.hero-container-absolute .title.white::after {
 color: rgb(45, 66, 66);
 mix-blend-mode: difference;
}

.hero-container .title small,
.hero-container-absolute .title small {
 font-size: clamp(2.4rem, 5vw, 4rem);
 color: #525252;
}

.hero-container .scroll-down-btn,
.hero-container-absolute .scroll-down-btn {
 position: absolute;
 display: block;
 width: 100%;
 margin: 0 auto;
 margin-left: -0.5rem;
 left: 50%;
 bottom: 12%;
 height: 2rem;
 width: 2rem;
 text-align: center;
 z-index: 25;
}

@media (min-width: 768px) {
 .hero-container .scroll-down-btn,
 .hero-container-absolute .scroll-down-btn {
  bottom: 3%;
 }
}

.hero-container .scroll-btn,
.hero-container-absolute .scroll-btn {
 margin-top: 0;
 color: rgba(var(--bs-body-color-rgb), 1);
 pointer-events: auto;
 font-size: 2rem;
 mix-blend-mode: difference;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
 text-shadow: 0.11rem 0.12rem 0.063rem rgba(0, 0, 0, 0.80);
}

.hero-container .box-overlay,
.hero-container-absolute .box-overlay {
 background: rgba(22, 22, 22, 0.3);
 color: var(--white-links);
 height: 100%;
 width: 100%
}

.hero-container .box,
.hero-container-absolute .box {
 display: block;
 margin-top: 0;
 padding: 1rem 0;
 min-width: auto;
 height: auto;
 background: rgba(100, 100, 100, 0.25);
 border-radius: 0;
 box-shadow: 0 0.2rem 0.1rem rgba(0, 0, 0, 0.2);
 backdrop-filter: blur(6px);
 -webkit-backdrop-filter: blur(6px);
}

.bg-color-html {
 position: absolute;
 margin: auto;
 width: 100%;
 height: 100%;
 background-color: rgba(34, 28, 46, 0.1);
 background-position: bottom 0px center;
 background-size: cover;
 background-repeat: no-repeat;
 background-blend-mode: difference;
 z-index: 11;
}

.bg-color-html::before {
 content:'';
 height: 100%;
 width: 100%;
 position: absolute;
 background-color: rgba(19, 19, 19, 0.1);opacity: 0.6;
 color: var(--white-links);
 mix-blend-mode: multiply;z-index: 12;
}

[data-bs-theme=dark] .bg-color-html::before {
 content:'';
 height: 100%;
 width: 100%;
 color: var(--white-links);
 position: absolute;
 mix-blend-mode: multiply;
 background-color: rgba(19, 19, 19, 0.1);opacity: 1;
 -webkit-filter: contrast(9%) brightness(25%);
 filter: contrast(9%) brightness(25%);
 z-index: 12;
}

.hero-container-absolute::before {
 content:'';
 height: 100%;
 width: 100%;
 background: rgba(19, 19, 19, 0.1);
 color: var(--white-links);
 position: absolute;
 mix-blend-mode: multiply;opacity: 1;
 z-index: 1;
 -webkit-filter: contrast(9);
 -o-filter: contrast(9);
 filter: contrast(9);
 z-index: 22;
}

.no-color {
 position: absolute;
 margin: auto;
 width: 100%;
 height: 100%;
 background: none;
 z-index: 11;
}

.no-color-html {
 position: absolute;
 margin: auto;
 width: 100%;
 height: 100%;
 background: none;
 z-index: 11;
}

.no-color-html::before {
 content:'';
 height: 100%;
 width: 100%;
 color: var(--white-links);
 position: absolute;opacity: 0.55;
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 z-index: 11;
}

[data-bs-theme=light] .no-color-html::before {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23191919' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

[data-bs-theme=dark] .no-color-html::before {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23bebebe' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

.hero-container .bg-image-html {
 position: absolute;
}

.bg-hero-dark {
 margin: auto;
 width: 100%;
}

[data-bs-theme=light] .bg-hero-dark::before {
 content:'';
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 height: 100%;
 width: 100%;
 position: absolute;
 background-color: rgba(250, 250, 250, 0.25);
 -webkit-filter: contrast(50%);
 -o-filter: contrast(50%);
 filter: contrast(50%);
 opacity: 1;
 z-index: 2;
 pointer-events: none;
}

[data-bs-theme=dark] .bg-hero-dark::before {
 content:'';
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 height: 100%;
 width: 100%;
 position: absolute;
 background-color: rgba(7, 7, 7, 0.2);
 opacity: 0.9;
 mix-blend-mode: overlay;
 z-index: 2;
 pointer-events: none;
}

.bg-hero-carbon {
 margin: auto;
 width: 100%;
 background-color: transparent;
 background-position: top center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 z-index: 11;
}

[data-bs-theme=light] .bg-hero-carbon::before {
 content:'';
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 height: 100%;
 width: 100%;
 position: absolute;
 background-color: rgba(0, 0, 0, 0.1);
 opacity: 0.9;
 mix-blend-mode: multiply;
 z-index: -1;
 pointer-events: none;
}

[data-bs-theme=light] .bg-hero-carbon::before {
 content:'';
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 height: 100%;
 width: 100%;
 position: absolute;background-attachment: fixed;
 background-blend-mode: exclusion;
 mix-blend-mode: overlay;
 opacity: 1;
 -webkit-filter: contrast(10%);
 -o-filter: contrast(10%);
 filter: contrast(10%);
 z-index: -1;
 pointer-events: none;
}

[data-bs-theme=light] .bg-hero-carbon::before {
 content:'';
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 width: 100%;
 min-height: 100%;
 position: absolute;
 background-color: rgba(225, 225, 225, 0.6);
 opacity: 0.8;
 mix-blend-mode: color-burn;
 pointer-events: none;
 z-index: 2;
 pointer-events: none;
}

[data-bs-theme=dark] .bg-hero-carbon::before {
 content:'';
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 height: 100%;
 width: 100%;
 position: absolute;background-attachment: fixed;
 background-blend-mode: multiply;
 mix-blend-mode: hard-light;
 -webkit-filter: contrast(100%);
 -o-filter: contrast(100%);
 filter: contrast(100%);
 opacity: .9;
 z-index: 2;
 pointer-events: none;
}

[data-bs-theme=dark] .bg-hero-carbon::before {
 content:'';
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 height: 100%;
 width: 100%;
 position: absolute;
 background-color: rgba(7, 7, 7, 0.2);
 opacity: 0.8;
 mix-blend-mode: overlay;
 z-index: 2;
 pointer-events: none;
}

.framer-bg {
 background: linear-gradient(180deg, rgba(9, 9, 11, .5) 0%, rgb(9, 9, 11) 100%);
 flex: none;
 inset: 0;
 overflow: hidden;
 position: absolute;
 z-index: 1;
}

.bg-color-grad {
 z-index: 1;
 background-image: radial-gradient(circle closest-corner at 50% 0, hsla(0, 0%, 95%, .15), transparent);
 overflow: hidden;
}

.bg-3d-gg {
 background: url('../../images/templates/portadas/sig-3d-ggg.jpg') no-repeat center center scroll;
 -webkit-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}

.bg-villanori {background-color: transparent;
 -webkit-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}

.servicios-ggg-1 {
 background: url('../../images/templates/portadas/gerardo-gonzalez-g-servicios.jpg') no-repeat center center scroll;
 -webkit-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}

@media ( min-width: 768px) {
 .servicios-ggg-1 {
  -webkit-background-attachment: fixed;
  -o-background-attachment: fixed;
  background-attachment: fixed;
 }
}

.bg-diseno-hidro {
 background: url('../../images/templates/portadas/gerardo-gonzalez-g-servicios.jpg') no-repeat center center scroll;
 -webkit-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}



.hero-box {
 padding: 0;
 margin: 0 auto;
 width: 100%;
 min-height: 20vh;
 position: relative;place-content: center;
 background: transparent;
 z-index: 15;
}

.hero-content {
 --hc-gutter-x: 0rem;
 --hc-gutter-y: 0;
 position: relative;
 width: 100%;
 padding-right: calc(var(--hc-gutter-x) * 0.5);
 padding-left: calc(var(--hc-gutter-x) * 0.5);
 margin-right: auto;
 margin-left: auto;
 justify-content: center;
 z-index: 14;
}

.hero-center-grid {
 margin: auto;
 width: 100%;
 display: grid;
 place-items: center;
 text-align: center;
}

.hero-box .title {
 padding: 0;
 margin: 0;
 font-size: calc(2.25rem + 1.8vw);
 font-family:'Neue-Haas-Grotesk';
 letter-spacing: 0.045em;
 color: var(--prsn-color);
 text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.80);
 opacity: 1;
 transition: opacity 1000ms;
}

[data-bs-theme=dark] .hero-box .title {
 text-shadow: 0.126rem 0.126rem 0.126rem rgba(0, 0, 0, 0.80);
}

.hero-box .subtitle {
 margin: 0;
 padding: 0;
 font-size: calc(1.2rem + 0.15vw);
 color: rgba(var(--prsn-color-rgb), 0.5);
 font-weight: 200;
 text-shadow: 0.06rem 0.0rem 0.0rem rgba(0, 0, 0, 0.80);
 transition: opacity 1000ms;
}

[data-bs-theme=dark] .hero-box .subtitle {
 text-shadow: 0.126rem 0.126rem 0.126rem rgba(0, 0, 0, 0.80);
}

.hero-box span {
 display: block;
}

.hero-box .midroll {
 position: relative;
 margin: 0;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 width: auto;
 z-index: 15;
}

.middle-scroll i {
 font-size: 2rem;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

@media (min-width: 768px) {
 .hero-box {
  place-content: center;
  padding-left: 0;
 }
 .hero-box .title {
  font-size: clamp(calc(2.2rem + 2.5vw), calc(2.4rem + 2vw), 2.6rem);
 }
 .hero-box .subtitle {
  font-size: calc(1.2rem + 0.25vw);
 }
}

.container-box {
 --cb-max-width: none;
 --bs-gutter-x: 1.5rem;
 --bs-gutter-y: 0;
 width: 100%;
 max-width: var(--cb-max-width);
 padding-right: calc(var(--bs-gutter-x) * 0.5);
 padding-left: calc(var(--bs-gutter-x) * 0.5);
 margin-right: auto;
 margin-left: auto;
}

@media (min-width: 576px) {
 .container-box {
  --cb-max-width: 540px;
 }
}

@media (min-width: 768px) {
 .container-box {
  --cb-max-width: 720px;
 }
}

@media (min-width: 992px) {
 .container-box {
  --cb-max-width: 960px;
 }
}

.hero-fixed {
 position: fixed;
 margin: auto;
 width: 100%;
 top: calc(var(--hero-height) * 0.50);
}

.hero-bg {
 position: absolute;
 margin: 0 auto;
 top: 0;
 z-index: 11;
}.hero-content--center-grid {
 margin: auto;
 width: 100%;
 display: grid;
 place-items: center;
 text-align: center;
 background-color: red;
}

.hero-content--centered {
 margin: 0 auto;
 text-align: center;
}

.hero-content--fixed {
 --hc-factor-top: 0.25;
 position: fixed;
 margin: 0 auto;
 padding: 0;
 width: 100%;
 height: 100%;
 min-height: 100vh;
 top: calc(var(--hero-height) * var(--hc-factor-top));
 z-index: 24;
 transition: height 300ms, transform 300ms, top 300ms linear;
 -webkit-transition: height 300ms, transform 300ms, top 300ms;
}

@media (min-height: 780px) {
 .hero-content--fixed {
  --hc-factor-top: 0.30;
 }
}

@media (min-height: 920px) {
 .hero-content--fixed {
  --hc-factor-top: 0.35;
 }
}

@media (min-height: 1020px) {
 .hero-content--fixed {
  --hc-factor-top: 0.40;
 }
}

.hero-content--fixed .hero-content {
 width: 100%;
 padding-right: calc(1.5rem * 0.5);
 padding-left: calc(1.5rem * 0.5);
 margin-right: auto;
 margin-left: auto;
 max-width: calc(var(--app-inner-width) * 0.75);
 max-width: calc(var(--app-inner-width) * calc( (var(--hero-height) / var(--app-inner-height)) * 100));
}

@media (min-width: 768px) {
 .hero-content--fixed .hero-content {
  margin-right: 25%;
  margin-left: 15%;
  max-width: calc(var(--app-inner-width) * 0.55);
 }
}

@media (min-width: 992px) {
 .hero-content--fixed .hero-content {
  max-width: calc(var(--app-inner-width) * 0.45);
 }
}

.page-header-fix {
 position: fixed;
 margin: 0 auto;
 padding: 0;
 width: 100%;
 height: auto;
 top: calc(var(--hero-height) * 0.50);
 z-index: 24;
 transition: height 300ms, transform 300ms, top 300ms linear;
 -webkit-transition: height 300ms, transform 300ms, top 300ms;
}



.hero-logo {
 margin: 0 auto;
 min-height: 30vh;
 display: flex;
 justify-content: center;
 flex: 0 0 auto;
}

.hero-logo-box {
 margin: 0 auto;
 padding: 0;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.hero-logo .logo-gerardo-gg-res {
 --lg-width: 4rem;
 --lg-height: 4rem;
 --lg-x: 0.15rem;
 --lg-y: 0.5rem;
 --lg-y-x: 0.15rem 0.25rem;
 margin: 0;
 padding: 0.15rem 0.15rem;
 vertical-align: middle;
 object-fit: cover;
 flex-grow: 1;
}

.hero-logo .logo-titles {
 margin: 0;
 padding: 0;
 padding-left: calc(0.25rem + 1vw);
 line-height: 0.7;
 align-self: center;
}

.hero-logo .logo-titles h1 {
 --lg-h1: calc(2rem + 2.8vw);
 margin: 0;
 padding: 0;
 color: var(--prsn-color);
 font-size: var(--lg-h1);
 font-weight: 600;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.hero-logo .logo-titles h1 span {
 --lg-h1: calc(1.8rem + 2.6vw);
 color: var(--prsn-color);
 font-size: var(--lg-h1);
 font-weight: 600;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.hero-logo .logo-titles>span {
 --lg-span: calc(1rem + 0.5vw);
 margin: 0;
 padding: 0;
 color: rgba(var(--prsn-color-rgb), 0.5);
 font-size: var(--lg-span);
 font-weight: 400;
 line-height: 1;
 text-shadow: 0.063rem 0.063rem 0.0rem rgba(0, 0, 0, 0.80);
}

@media (min-width: 576px) {
 .hero-logo .logo-titles {
  padding-left: calc(1rem + 1vw);
  line-height: 1;
 }
 .hero-logo .logo-gerardo-gg-res {
  --lg-width: 5rem;
  --lg-height: 5rem;
  --lg-x: 0.15rem;
  --lg-y: 0.5rem;
  --lg-y-x: 0.15rem 0.25rem;
 }
 .hero-logo .logo-titles h1 {
  --lg-h1: clamp(calc(2rem + 3vw), calc(2.25rem + 1vw), 3rem);
 }
 .hero-logo .logo-titles h1 span {
  --lg-h1: clamp(calc(2rem + 2.8vw), calc(2.25rem + 0.5vw), 2.5rem);
  padding-bottom: 0.25rem;
  display: block;
 }
 .hero-logo .logo-titles>span {
  --lg-span: clamp(calc(1.5rem + 1vw), calc(1.2rem + 5vw), 1.8rem);
 }
}

@media (min-width: 768px) {
 .hero-logo .logo-gerardo-gg-res {
  --lg-width: 6rem;
  --lg-height: 6rem;
  --lg-x: 0.15rem;
  --lg-y: 0.5rem;
  --lg-y-x: 0.15rem 0.25rem;
 }
}

@media (min-width: 992px) {
 .hero-logo .logo-gerardo-gg-res {
  --lg-width: 8rem;
  --lg-height: 8rem;
  --lg-x: 0.15rem;
  --lg-y: 0.5rem;
  --lg-y-x: 0.15rem 0.25rem;
 }
}



.hero-10 {
 min-height: calc(var(--app-inner-height) * 0.10);
}

.hero-15 {
 min-height: calc(var(--app-inner-height) * 0.15);
}

.hero-20 {
 min-height: calc(var(--app-inner-height) * 0.20);
}

.hero-25 {
 min-height: calc(var(--app-inner-height) * 0.25);
}

.hero-30 {
 height: calc(var(--app-inner-height, 800px) * 0.30);
 min-height: calc(var(--app-inner-height, 800px) * 0.30);
}

.hero-40 {
 min-height: calc(var(--app-inner-height) * 0.40);
}

.hero-50 {
 min-height: calc(var(--app-inner-height) * 0.50);
}

.hero-60 {
 min-height: calc(var(--app-inner-height) * 0.60);
}

.hero-70 {
 min-height: calc(var(--app-inner-height) * 0.70);
}

@media (min-width: 768px) {
 .hero-md-10 {
  min-height: calc(var(--app-inner-height) * 0.10);
 }
 .hero-md-15 {
  min-height: calc(var(--app-inner-height) * 0.15);
 }
 .hero-md-20 {
  min-height: calc(var(--app-inner-height) * 0.20);
 }
}

.hero-auto {
 --he-auto: calc(var(--app-height-per) / 100);
 min-height: calc(var(--app-inner-height) * 0.10);
 height: calc(var(--app-inner-height) * var(--he-auto));
}



.bg-image-html {
 --bg-image-attachment: unset;
 --bg-image-color: transparent;
 --bg-image-position: center center;
 --bg-image-size: cover;
 margin: auto;
 padding: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 background-color: var(--bg-image-color);
 background-position: var(--bg-image-position);
 background-origin: border-box;
 background-repeat: no-repeat;
 background-size: var(--bg-image-size);
 background-attachment: var(--bg-image-attachment);
 z-index: 11;
}

.bg-image-html::before {
 content:'';
 display: block;
 height: 100%;
 width: 100%;
 background: rgba(19, 19, 19, 0.1);
 color: var(--white-links);
 position: absolute;
 mix-blend-mode: multiply;
 background: transparent repeat url('../../images/templates/patterns/outlets.png');
 background-attachment: fixed;
 opacity: 1;
 -webkit-filter: contrast(9);
 -o-filter: contrast(9);
 filter: contrast(9);
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 z-index: -1;
 scrollbar-gutter: stable;
}

[data-bs-theme=dark] .bg-image-html::before {
 content:'';
 display: block;
 height: 100%;
 width: 100%;
 background: rgba(22, 22, 22, 0.3);
 color: var(--white-links);
 position: absolute;
 mix-blend-mode: multiply;
 background: transparent repeat url('../../images/templates/patterns/outlets.png');
 background-attachment: fixed;
 opacity: 1;
 -webkit-filter: contrast(9);
 -o-filter: contrast(9);
 filter: contrast(9);
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 z-index: -1;
 scrollbar-gutter: stable;
}

@media ( min-width: 768px) {
 .bg-image-html {
  --bg-image-attachment: fixed;
  --bg-image-position: bottom;
 }
}



.bg-image-html--center {
 --bg-image-position: center center;
}

.bg-image-html--center-top {
 --bg-image-position: center top;
}

.bg-image-html--bottom {
 --bg-image-position: bottom 0px center;
}

.bg-image-html-center {
 --bg-image-position: center center;
}

.bg-image-html--left-center {
 --bg-image-position: top 0 center;
}

.bg-image-html-left-center {
 background-position: top 0 center;
}

@media ( min-width: 768px) {
 .bg-image-html-left-center {
  background-position: left center;
 }
}

.bg-image-html-bottom {
 background-position: bottom 0px center;
}

.bg-image-html-top {
 background-position: top;
}

.bg-image-html-center-top {
 --bg-image-position: center 0 top;
 background-position: center 0 top;
}



#main-page {
 padding: 0;
 margin: 0;
 z-index: 10;
}

#main-page.in>section {
 opacity: 1;
 -webkit-animation: transitionIn 620ms ease-out;
 animation: transitionIn 620ms ease-out;
 animation-delay: 280ms;
}

#main-page.main-bg {
 background: var(--bs-body-bg);
}

.main-section {
 min-height: 50vh;
 z-index: 11;
}

.main-section.scroll-body {
 overflow: hidden;
 overflow-x: hidden;
 overflow-y: scroll;
 scroll-behavior: smooth;
}

.sections {
 margin: 0 auto;
 padding: 0 0 1rem 0;
 height: auto;
 min-height: 50vh;
 z-index: 11;
}

@media (min-width: 768px) {
 .sections {
  padding: 2rem 0;
 }
}

.section-margin {
 display: block;
 margin: auto 0;
 padding: 3rem 0;
 height: auto;
 z-index: 11;
}

.section-margin-bottom {
 display: block;
 margin: auto 0;
 padding: 0 0 3rem 0;
 height: auto;
 z-index: 11;
}

.section-margin-2 {
 padding: 2rem 0;
}

@media (min-width: 768px) {
 .section-margin {
  padding: 5rem 0;
 }
 .section-margin-bottom {
  padding: 0 0 5rem 0;
 }
}

.section-less {
 margin: 0 auto;
 padding: 0;
 height: auto;
 min-height: 50vh;
 z-index: 11;
}

.section-center {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 min-height: 10vh;
 display: grid;
 place-items: center;
 z-index: 11;
}

.section-center>* {
 width: 100%;
}

.section-center .holder {
 display: block;
 margin-top: 0;
 padding: 1rem 0.5rem;
 width: 100%;
 height: auto;
 z-index: 11;
 inset: 0;
}

.section-center-100 {
 position: relative;
 margin: 0 auto;
 padding: 0;
 width: 100%;
 height: 100vh;
 display: grid;
 place-items: center;
 z-index: 11;
}

.section-center-100>* {
 width: 100%;
}

.section-start-100 {
 position: relative;
 margin: 0 auto;
 padding: 0;
 width: 100%;
 height: 100vh;
 display: grid;
 place-items: center;
 justify-content: start;
 z-index: 11;
}

.section-relative {
 position: relative;
}

.section-auto {
 display: block;
 margin: auto 0;
 padding: 3rem 0;
 height: auto;
 z-index: 10;
}

.section-in {
 position: relative;
 margin: auto;
 padding: 0 0 2rem 0;
 min-height: 10vh;
 display: grid;
 place-items: center;
 z-index: 21;
}

.section-hold {
 position: relative;
 margin: auto;
 padding: 0;
 width: 100%;
 min-height: 10vh;
 z-index: 11;
}

.section-hold--bg-glass {
 position: relative;
 border: none;
 background: rgba(var(--bg-light-gray-rgb), 0.6);
 background: rgba(12, 14, 18, 0.159);
 backdrop-filter: blur(0.125rem);
 -webkit-backdrop-filter: blur(0.125rem);
 z-index: 21;
}

[data-bs-theme=dark] .section-hold--bg-glass {
 background: rgba(var(--bs-body-bg-rgb), 0.75);
 border: 0.063rem solid rgba(0, 0, 0, 0.36);
 border: none;}

.section-hold--bg-carbon {
 margin: auto;
 width: 100%;
 background: none;
 z-index: 1;
}

[data-bs-theme=light] .section-hold--bg-carbon::before {
 content:'';
 width: 100%;
 min-height: 100%;
 position: absolute;
 background-color: rgba(0, 0, 0, 0.1);
 opacity: 0.9;
 mix-blend-mode: multiply;
 z-index: -1;
 pointer-events: none;
}

[data-bs-theme=light] .section-hold--bg-carbon::before {
 content:'';
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 width: 100%;
 min-height: 100%;
 position: absolute;
 background: rgba(0, 0, 0, 0.1) repeat url('../../images/templates/patterns/subtle-carbon.png');
 background-attachment: fixed;
 background-blend-mode: exclusion;
 mix-blend-mode: overlay;
 opacity: 1;
 -webkit-filter: contrast(10%);
 -o-filter: contrast(10%);
 filter: contrast(10%);
 z-index: -1;
 pointer-events: none;
}

[data-bs-theme=light] .section-hold--bg-carbon::before {
 content:'';
 width: 100%;
 min-height: 100%;
 position: absolute;
 background-color: rgba(225, 225, 225, 0.6);
 opacity: 0.8;
 mix-blend-mode: color-burn;
 pointer-events: none;
 z-index: 2;
 pointer-events: none;
}

[data-bs-theme=dark] .section-hold--bg-carbon::before {
 content:'';
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 width: 100%;
 min-height: 100%;
 position: absolute;
 background: rgba(0, 0, 0, 0.1) repeat url('../../images/templates/patterns/subtle-carbon.png');
 background-attachment: fixed;
 background-blend-mode: multiply;
 mix-blend-mode: hard-light;
 -webkit-filter: contrast(100%);
 -o-filter: contrast(100%);
 filter: contrast(100%);
 opacity: .9;
 z-index: 2;
 pointer-events: none;
}

[data-bs-theme=dark] .section-hold--bg-carbon::before {
 content:'';
 width: 100%;
 min-height: 100%;
 position: absolute;
 background-color: rgba(7, 7, 7, 0.2);
 opacity: 0.8;
 mix-blend-mode: overlay;
 z-index: 2;
 pointer-events: none;
}

.section-hold--margin {
 padding: 0 0;
}

@media (min-width: 768px) {
 .section-hold--margin {
  padding: 2rem 0;
 }
}

.section-hold--margin-bottom {
 padding: 0 0 1rem 0;
}

.section-res-auto {
 display: block;
 margin: auto;
 padding: 0;
 width: 100%;
 height: calc(100dvh - (var( --app-header-top) + var( --app-footer-section)));
 z-index: 11;
 background-color: rgba(154, 205, 50, 0.25);
}

.section-cienres {
 margin: auto;
 padding: 0;
 width: 100%;
 height: calc(100vh - (var( --app-header-top) + var( --app-footer-section)));
 display: grid;
 place-items: center;
 z-index: 11;
}

.section-cienres>* {
 width: 100%;
}

.section-min-res {
 margin: 0 auto;
 padding: 0;
 min-height: calc(100dvh - (var( --app-header-top) + var( --app-footer-section)));
 z-index: 11;
}

.section-auto-res {
 margin: 0 auto;
 padding: 0;
 min-height: calc(100vh - (var( --app-footer-height) - var(--app-footer-gap)));
}

@media (min-width: 576px) {
 .section-auto-res {
  margin: 0 auto;
  padding: 0;
  min-height: calc(100vh - (var( --app-footer-height)));
 }
}

.section-auto-center {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 display: grid;
 place-items: center;
 z-index: 11;
 min-height: var(--ggg-height-f-res);
 min-height: calc(100dvh - (var( --app-footer-section)));}

.section-auto-center>* {
 width: 100%;
}

.section-fixed {
 position: fixed;
 margin: 0 auto;
 padding: 0;
 min-height: 100vh;
 pointer-events: none;
 z-index: 25;
 mix-blend-mode: difference;
}

.section-center-fixed-fx {
 position: fixed;
 margin: 0 auto;
 padding: 0;
 min-height: var(--ggg-height-f-res);pointer-events: none;
 display: grid;
 place-items: center;
 z-index: 25;
 mix-blend-mode: difference;
}

.section-center-fixed-fx-back {
 position: fixed;
 margin: 0 auto;
 padding: 0;
 min-height: var(--ggg-height-f-res);
 pointer-events: none;
 display: grid;
 place-items: center;
 z-index: 24;
 mix-blend-mode: difference;
}



.section-dos {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 z-index: 11;
}

.aside-uno-dos {
 margin: 0;
 padding: 2rem 0.25rem 0 0.5rem;
 width: 100%;
 font-size: 1.2rem;
 text-align: center;
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.159);
 z-index: 11;
}

.aside-uno-dos ul {
 padding: 1rem 1rem 0.5rem 0;
 text-align: start;
}

.aside-uno-dos ul li {
 padding: 0 1rem 0.5rem 0.5rem;
 text-align: start;
}

.section-dos-dos {
 padding: 0 0.75rem;
 width: 100%;
}

.section-dos-dos .dos-in {
 width: 100%;
}

@media (min-width: 992px) {
 .section-dos {
  width: 100%;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 5fr;
  gap: 0;
 }
 .aside-uno-dos {
  grid-area: 1;
  scroll-margin-top: 4rem;
 }
 .section-dos-dos {
  scroll-margin-top: 4rem;
  display: grid;
  place-items: center;
 }
 .section-dos-dos .dos-in {
  max-width: calc(992px - 160px);
 }
}

@media (min-width: 1200px) {
 .section-dos-dos .dos-in {
  max-width: 990px;
 }
}

@media (min-width: 1400px) {
 .section-dos-dos .dos-in {
  max-width: 1200px;
 }
}

.section-tres {
 display: block;
}

.aside-uno-tres {
 padding: 1rem 0.25rem 0 0.5rem;
 font-size: 1.2rem;
}

.aside-tres-tres {
 background-color: red;
}

@media (min-width: 992px) {
 .section-tres {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr 1fr;
  gap: 1rem;
 }
 .aside-uno-tres {
  grid-area: 1;
  scroll-margin-top: 4rem;
 }
 .aside-tres-tres {
  grid-area: 1 / 3;
  scroll-margin-top: 4rem;
 }
}

.section-brief-off {
 position: relative;
 margin: 0 auto;
 padding: 0;
 padding-top: 0.5rem;
 padding-bottom: 3.5rem;
 height: calc(44vh - 4rem);
 border: none;
 background: rgba(12, 14, 18, 0.159);
 backdrop-filter: blur(0.125rem);
 -webkit-backdrop-filter: blur(0.125rem);
 z-index: 20;
}

.section-brief {
 position: relative;
 margin: auto;
 padding: 0;
 padding-top: 0.5rem;
 padding-bottom: 3.5rem;
 height: calc(30vh - 4rem);
 display: grid;
 align-items: center;
 text-align: center;
 border: none;
 background: rgba(12, 14, 18, 0.159);
 z-index: 20;
}

[data-bs-theme=dark] .section-brief-off {
 background: rgba(var(--bs-body-bg-rgb), 0.75);
 border: none;
}

.section-brief p {
 font-size: 0.9rem;
}

@media (min-width: 576px) {
 .section-brief {
  padding-top: 2rem;
  padding-bottom: 2rem;
 }
 .section-brief p {
  font-size: 1rem;
 }
}

@media (min-width: 768px) {
 .section-brief-off {
  height: calc(30vh - 4rem);
 }
 .section-brief p {
  font-size: 1.4rem;
 }
}

.section-divider {
 width: 100%;
 height: 3rem;
 background-color: rgba(0, 0, 0, .1);
 border: solid rgba(0, 0, 0, .15);
 border-width: 1px 0;
 box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}



.center-grid {
 margin: auto;
 padding: 0;
 display: grid;
 place-items: center;
}

.center-grid--p {
 padding: 3rem 0;
}

.center-end-grid {
 margin: auto;
 padding: 0;
 display: grid;
 place-items: center;
 justify-items: end;
 justify-content: end;
}

.center-start-grid {
 margin: auto;
 padding: 0;
 display: grid;
 place-items: center;
 justify-items: start;
}

.box-content {
 --cc-gutter-x: 0rem;
 --cc-gutter-y: 0;
 --cc-padding-y: 0rem;
 margin: 0;
 padding: 0;
 padding-top: calc(var(--cc-padding-y) * 0.5);
 padding-bottom: calc(var(--cc-padding-y) * 0.5);
 margin-left: auto;
 margin-right: auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
}

.box-content>* {
 flex-shrink: 0;
 width: 100%;
 max-width: 100%;
 margin: auto;
 padding: 0;
}

.itm {
 flex: 1 0 0%;
 align-self: center;
}

.box-auto {
 margin: auto;
 padding: 1rem 0;
 min-height: calc(100dvh - (var( --app-footer-height)));
}

@media (min-width: 576px) {
 .box-content {
  --cc-gutter-x: 1.5rem;
  --cc-gutter-y: 0;
  --cc-padding-y: 0rem;
  margin-right: calc(-0.5 * var(--cc-gutter-x));
  margin-left: calc(-0.5 * var(--cc-gutter-x));
 }
 .box-content>* {
  padding-right: calc(var(--cc-gutter-x) * 0.5);
  padding-left: calc(var(--cc-gutter-x) * 0.5);
 }
}

@media (min-width: 768px) {
 .box-auto {
  min-height: calc(100vh - (var( --app-footer-height)));
 }
}

.section-content-res {
 display: block;
 margin: auto;
 padding: 3rem 0;
 min-height: calc(100vh - (var( --app-footer-height)));
 z-index: 11;
}

.section-full-res {
 margin: auto;
 min-height: calc(100vh - (var(--app-header-top) + var(--app-header-section)));
 z-index: 11;
}



.h-screen {
 height: 100vh;
}

.section-r-5,
.section-r-10,
.section-r-15,
.section-r-20,
.section-r-25,
.section-r-30,
.section-r-35,
.section-r-40,
.section-r-45,
.section-r-50,
.section-r-55,
.section-r-60,
.section-r-65,
.section-r-70,
.section-r-75,
.section-r-80,
.section-r-85,
.section-r-90,
.section-r-100 {
 height: auto;
}

@media ( min-width: 576px) {
 .section-r-5 {
  min-height: 5vh;
 }
 .section-r-10 {
  min-height: 10vh;
 }
 .section-r-15 {
  min-height: 15vh;
 }
 .section-r-20 {
  min-height: 20vh;
 }
 .section-r-25 {
  min-height: 25vh;
 }
 .section-r-30 {
  min-height: 30vh;
 }
 .section-r-40 {
  min-height: 40vh;
 }
 .section-r-45 {
  min-height: 45vh;
 }
 .section-r-50 {
  min-height: 50vh;
 }
 .section-r-55 {
  min-height: 55vh;
 }
 .section-r-60 {
  min-height: 60vh;
 }
 .section-r-65 {
  min-height: 65vh;
 }
 .section-r-75 {
  min-height: 75vh;
 }
 .section-r-80 {
  min-height: 80vh;
 }
 .section-r-85 {
  min-height: 85vh;
 }
 .section-r-90 {
  min-height: 90vh;
 }
 .section-r-95 {
  min-height: 95vh;
 }
 .section-r-100 {
  min-height: 100vh;
 }
}

@media (min-width: 768px) {
 .section-r-70 {
  min-height: 70vh;
 }
}

.section-5 {
 height: 5vh;
}

.section-10 {
 height: 10vh;
}

.section-15 {
 height: 15vh;
}

.section-20 {
 height: 20vh;
}

.section-25 {
 height: 25vh;
}

.section-30 {
 height: 30vh;
}

.section-40-30 {
 height: 40vh;
}

@media only screen and (min-width:768px) {
 .section-40-30 {
  height: 30vh;
 }
}

.section-40 {
 height: 40vh;
}

.section-45 {
 height: 45vh;
}

.section-50 {
 height: 50vh;
}

.section-55 {
 height: 55vh;
}

.section-60 {
 height: 60vh;
}

.section-65 {
 height: 65vh;
}

.section-70 {
 height: 70vh;
}

.section-75 {
 height: 75vh;
}

.section-80 {
 height: 80vh;
}

.section-90 {
 height: 90vh;
}

.section-95 {
 height: 95vh;
}

.section-100 {
 height: 100vh;
}

.section-100-res {
 height: calc(100vh - 6.25rem);
}

@media (min-width: 576px) {
 .section-100-res {
  height: calc(100vh - 4.55rem);
 }
}

.section-min-5 {
 min-height: 5vh;
}

.section-min-10 {
 min-height: 10vh;
}

.section-min-15 {
 min-height: 15vh;
}

.section-min-20 {
 min-height: 20vh;
}

.section-min-25 {
 min-height: 25vh;
}

.section-min-30 {
 min-height: 30vh;
}

.section-min-40 {
 min-height: 40vh;
}

.section-min-50 {
 min-height: 50vh;
}

.section-min-60 {
 min-height: 60vh;
}

.section-min-70 {
 min-height: 70vh;
}

.section-min-75 {
 min-height: 75vh;
}

.section-min-80 {
 min-height: 80vh;
}

.section-min-85 {
 min-height: 85vh;
}

.section-min-90 {
 min-height: 90vh;
}

.section-min-100 {
 min-height: 100vh;
}

.section-min-100-res {
 min-height: calc(100vh - 3.750rem);
}

@media (min-width: 576px) {
 .section-min-100-res {
  min-height: calc(100vh - 4.55rem);
 }
}

.section-min-100-center {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 min-height: 100vh;
 display: grid;
 place-items: center;
 z-index: 11;
}

.section-min-100-center>* {
 width: 100%;
}

@media (min-width: 768px) {
 .section-md-5 {
  height: 5vh;
 }
 .section-md-10 {
  height: 10vh;
 }
 .section-md-15 {
  height: 15vh;
 }
 .section-md-20 {
  height: 20vh;
 }
 .section-md-25 {
  height: 25vh;
 }
 .section-md-30 {
  height: 30vh;
 }
 .section-md-35 {
  height: 35vh;
 }
 .section-md-40 {
  height: 40vh;
 }
 .section-md-45 {
  height: 45vh;
 }
 .section-md-50 {
  height: 50vh;
 }
 .section-md-55 {
  height: 55vh;
 }
 .section-md-60 {
  height: 60vh;
 }
 .section-md-65 {
  height: 65vh;
 }
 .section-md-70 {
  height: 70vh;
 }
 .section-md-75 {
  height: 75vh;
 }
 .section-md-80 {
  height: 80vh;
 }
 .section-md-90 {
  height: 90vh;
 }
}.w-1 {
 width: 1% !important;
}

.w-2 {
 width: 2% !important;
}

.w-3 {
 width: 3% !important;
}

.w-4 {
 width: 4% !important;
}

.w-5 {
 width: 5% !important;
}

.w-6 {
 width: 6% !important;
}

.w-7 {
 width: 7% !important;
}

.w-8 {
 width: 8% !important;
}

.w-9 {
 width: 9% !important;
}

.w-10 {
 width: 10% !important;
}

.w-15 {
 width: 15% !important;
}

.w-20 {
 width: 20% !important;
}

.w-25 {
 width: 25% !important;
}

.w-30 {
 width: 30% !important;
}

.w-35 {
 width: 35% !important;
}

.w-40 {
 width: 40% !important;
}

.w-45 {
 width: 45% !important;
}

.w-55 {
 width: 55% !important;
}

.w-60 {
 width: 60% !important;
}

.w-65 {
 width: 65% !important;
}

.w-70 {
 width: 70% !important;
}

.w-75 {
 width: 75% !important;
}

.w-80 {
 width: 80% !important;
}

.w-95 {
 width: 95% !important;
}

.w-90 {
 width: 90% !important;
}

@media (min-width: 768px) {
 .w-md-40 {
  width: 40% !important;
 }
 .w-md-50 {
  width: 50% !important;
 }
 .w-md-60 {
  width: 60% !important;
 }
 .w-md-80 {
  width: 80% !important;
 }
}

.start-5 {
 left: 5% !important;
}

.start-10 {
 left: 10% !important;
}

.start-25 {
 left: 25% !important;
}

@media (min-width: 992px) {
 .w-lg-40 {
  width: 40% !important;
 }
 .w-lg-80 {
  width: 80% !important;
 }
}

.end-5 {
 right: 5% !important;
}

.end-10 {
 right: 10% !important;
}

.end-25 {
 right: 25% !important;
}

.top-8 {
 margin-top: 8rem;
}

.padding--top-2 {
 padding-top: 2rem;
}



.section-content {
 --sb-gutter-x: 0rem;
 --sb-gutter-y: 0;
 width: 100%;
 padding-right: calc(var(--sb-gutter-x) * 0.5);
 padding-left: calc(var(--sb-gutter-x) * 0.5);
 margin-right: auto;
 margin-left: auto;
 justify-content: center;
}

.section-content--container {
 --sb-gutter-x: 0rem;
 --sb-gutter-y: 0;
}

.section-brief .section-content--container {
 --sb-gutter-x: 1rem;
 --sb-gutter-y: 0;
}

.section-content--row,
.section-content.section-content--row {
 --sb-gutter-x: 0rem;
 --sb-gutter-y: 0;
 display: flex;
 flex-wrap: wrap;
 margin-top: calc(-1 * var(--sb-gutter-y));
 margin-right: calc(-0.5 * var(--sb-gutter-x));
 margin-left: calc(-0.5 * var(--sb-gutter-x));
}

.section-row {
 --sb-gutter-x: 0rem;
 --sb-gutter-y: 0;
 display: flex;
 flex-wrap: wrap;
 margin-top: calc(-1 * var(--sb-gutter-y));
 margin-right: calc(-0.5 * var(--sb-gutter-x));
 margin-left: calc(-0.5 * var(--sb-gutter-x));
}

.section-row>*,
.section-content--row>* {
 flex-shrink: 0;
 width: 100%;
 max-width: 100%;
 padding-right: calc(var(--sb-gutter-x) * 0.5);
 padding-left: calc(var(--sb-gutter-x) * 0.5);
 margin-top: var(--sb-gutter-y);
}

.section-content--centered {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 display: grid;
}

.section-content--full {
 margin: auto;
 padding: 0;
 width: 100%;
 min-height: calc(100vh - (var(--app-header-section)));
}

.section-content--full-centered {
 margin: auto;
 padding: 3rem 0;
 width: 100%;
 min-height: calc(100vh - (var(--app-header-top) + var(--app-header-section)));
 place-items: center;
}

.section-content--res {
 margin: auto;
 padding: 3rem 0;
 width: 100%;
 min-height: calc(100vh);
 display: flex;
 place-items: center;
}

.section-content .item,
.section-content--row .item,
.section-row .item {
 flex: 1 0 0%;
}

.box--item {
 flex: 1 0 0%;
}

.box--centered {
 margin: auto;
 padding: 0;
 display: grid;
 place-items: center;
}

.box--centered-res {
 margin: auto;
 padding: 0;
 display: grid;
 place-items: center;
 min-height: calc(100vh - (var(--app-header-section)));
}

.box--centered-res:first-child {
 min-height: calc(100vh - 270px);
}

.portfolio-works .box--centered-res {
 min-height: calc(80vh - (var(--app-header-section)));
}

.portfolio-works .box--centered-res:first-child {
 min-height: calc(90vh - 270px);
}

.box--res-centered {
 margin: auto;
 padding: 0;
 display: grid;
 place-items: center;
 min-height: calc(100vh - (var(--app-header-section)));
}

.box--section {
 margin: auto;
 flex: 0 0 auto;
 width: 91.66666667%;
}

.box--md {
 flex: 0 0 auto;
 width: 75%;
}

.box--lg {
 flex: 0 0 auto;
 width: 75%;
}

.box--xl {
 flex: 0 0 auto;
 width: 83.33333333%;
}

.box--xxl {
 flex: 0 0 auto;
 width: 91.66666667%;
}

.box--res {
 flex: 0 0 auto;
 width: 91.66666667%;
}

.box--wide {
 flex: 0 0 auto;
 width: 100%
}

.box--margin {
 padding: 3rem 0;
}

.box--margin-bottom {
 padding: 0;
 padding-bottom: 5rem;
}

.grid--margin {
 width: 100%;
 padding: 3rem 0;
}

@media (min-width: 576px) {.section-content.box-container {
  max-width: 540px;
 }
 .section-content--container {
  max-width: 540px;
 }
 .box--section {
  width: 66.66666667%;
 }
 .box--md {
  width: 66.66666667%;
 }
 .box--res {
  width: 83.33333333%;
 }
}

@media (min-width: 768px) {
 .section-content.box-container {
  max-width: 720px;
 }
 .section-content--container {
  max-width: 720px;
 }
 .box--section {
  width: 58.33333333%;
 }
 .box--md {
  width: 50%;
 }
 .box--md {
  width: 58.33333333%;
 }
 .box--lg {
  width: 66.66666667%;
 }
 .box--res {
  width: 75%;
 }
}

@media (min-width: 992px) {
 .section-content.box-container {
  max-width: 960px;
 }
 .section-content--container {
  max-width: 960px;
 }
 .box--section {
  width: 50%;
 }
 .box--md {
  width: 41.66666667%;
 }
 .box--md {
  width: 50%;
 }
 .box--lg {
  width: 58.33333333%;
 }
 .box--res {
  width: 66.66666667%;
 }
}

@media (min-width: 1200px) {
 .section-content.box-container {
  max-width: 1140px;
 }
 .section-content--container {
  max-width: 1140px;
 }
 .box--section {
  width: 41.66666667%;
 }
 .box--md {
  width: 41.66666667%;
 }
 .box--lg {
  width: 50%;
 }
 .box--res {
  width: 58.33333333%;
 }
}

@media (min-width: 1400px) {
 .section-content.box-container {
  max-width: 1320px;
 }
 .section-content--container {
  max-width: 1320px;
 }
 .box--section {
  width: 33.33333333%;
 }
 .box--md {
  width: 33.33333333%;
 }
 .box--res {
  width: 50%;
 }
}

.section-content--row.box-4>* {
 flex: 0 0 auto;
 width: 25%;
 justify-content: center;
}

.section-content--centered>div,
.section-content--centered>section,
.section-content--full-centered>div,
.section-content--full-centered>section {
 display: block;
 margin: 0 auto;
 width: 100%;
 height: auto;
}



.canister-post {
 --cp-padding-y: 0.5rem;
 --cp-padding-x: 0.75rem;
 --cp-purple-rgb: 39, 9, 98;
 margin: 0;
 padding: 0;
 background-color: rgba(var(--bg-light-gray-rgb), 0.8);
}

.canister-post {
 width: 100%;
 height: auto;
 min-height: 3rem;
 margin-bottom: 2vh;
 box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.34), 0 0.188rem 0.063rem -0.125rem rgba(0, 0, 0, 0.32), 0 0.063rem 0.313rem 0 rgba(0, 0, 0, 0.32);
 overflow: hidden;}

[data-bs-theme=dark] .canister-post {
 background-color: rgba(var(--bg-light-gray-rgb), 0.2);
}

.canister-post .body-bg {
 position: relative;
 width: 100%;
 height: auto;
 background-color: transparent;
 overflow: hidden;
 z-index: 21;
}

.canister-post .body-bg::before {
 content:'';
 position: absolute;
 width: 100%;
 height: 100%;
 margin: auto;
 opacity: 0.3;
 overflow: hidden;
 z-index: 21;
 pointer-events: none;
}

[data-bs-theme=light] .canister-post .body-bg::before {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23191919' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

[data-bs-theme=dark] .canister-post .body-bg::before {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23bebebe' fill-opacity='0.3' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

.canister-post-off:before {
 content:"";
 background-color: transparent;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
 background-repeat: repeat;
 background-size: 182px;
 opacity: 0.12;
 top: 0;
 left: 0;
 position: absolute;
 width: 100%;
 height: 100%;
}

[data-bs-theme=dark] .canister-post-off {
 background-color: rgba(var(--bs-body-bg-rgb), 0.8);
 background-color: rgba(10, 8, 2, 0.3);
}

.canister-post .cover-img-holder {
 --cp-height: calc(25vh);
 margin: 0;
 padding: 0;
 width: 100%;
 height: var(--cp-height);
 overflow: hidden;
 position: relative;
 background-color: rgba(var(--bs-body-bg-rgb), 1);
 z-index: 22;
}

.cover-img-holder .img-top {
 width: 100%;
 height: 100%;
 background-color: rgba(34, 28, 46, 0.1);
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 vertical-align: middle;
 object-fit: cover;
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
 filter: grayscale(1) opacity(.9) contrast(140%) brightness(1.2);
 -webkit-transition: transform 500ms, filter 500ms, opacity 500ms;
 transition: transform 500ms, filter 500ms, opacity 500ms;
 pointer-events: none;
}

[data-bs-theme=dark] .cover-img-holder .img-top {
 background-color: rgba(34, 28, 46, 0.1);
 -webkit-filter: grayscale(1) opacity(.9) contrast(120%) brightness(0.6);
 -o-filter: grayscale(1) opacity(.9) contrast(120%) brightness(0.6);
 filter: grayscale(1) opacity(.9) contrast(120%) brightness(0.6);
}

.canister-post .cover-img-holder .cover-over img {
 position: absolute;
 margin: auto;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 pointer-events: none;
}

.cover-img-holder:hover .img-top,
.cover-img-holder:focus .img-top {
 filter: grayscale(0) opacity(0.9);
 transform: scale(1);
 opacity: 1;
}

.canister-post .cover-holder {
 --cp-height: calc(45vh);
 position: relative;
 width: 100%;
 max-height: var(--cp-height);
 display: grid;
 align-items: end;
 text-align: left;
 overflow: hidden;
 background-color: rgba(24, 24, 27, .2);
}

.canister-post .cover-holder.wide {
 --cp-height: calc(20vh);
}

[data-bs-theme=dark] .canister-post .cover-holder {
 background-color: rgba(85, 85, 85, 0.5);
 background-color: rgba(24, 24, 27, .2);
}

.canister-post .cover-holder.light {
 background-color: rgba(210, 210, 210, 0.8);
}

[data-bs-theme=dark] .canister-post .cover-holder.light {
 background-color: rgba(24, 24, 27, 0.6);
}

.canister-post .header {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 color: var(--bs-body-color);
 color: rgb(210, 210, 210);
 font-family:'Neue-Haas-Grotesk';
 text-shadow: 0.053rem 0.053rem 0rem #0a0802;
 z-index: 22;
}

[data-bs-theme=dark] .canister-post .header {
 text-shadow: 0.063rem 0.063rem 0.0 #c4c4c4;
 text-shadow: 0.125rem 0.125rem 0rem #0a0802;
}

.canister-post .cover-holder .header {
 position: absolute;
 margin: 0 auto;
 padding: 0;
 width: 100%;
}

.canister-post .header .title {
 display: flex;
 place-items: center;
 min-height: 6.125rem;
 background-color: rgba(var(--bg-dark-gray-rgb), 0.4);
}

[data-bs-theme=dark] .canister-post .header .title {
 background-color: rgba(var(--bg-dark-gray-rgb), 0.8);
}

.canister-post .cover-holder .header .title {
 background-color: rgba(var(--cp-purple-rgb), 0.3);
}

.canister-post .cover-holder .header .title:hover {
 background-color: rgba(var(--cp-purple-rgb), 0.6);
}

.canister-post .header span {
 display: block;
 padding: 0.5rem 0.75rem;
 color: rgb(210, 210, 210);
 letter-spacing: 0.075em;
 text-underline-offset: 0.1em;
}

.canister-post .header h2,
.canister-post .header .h2 {
 margin: 0;
 padding: 0.5rem 0.75rem;
 color: rgb(234, 234, 234);
 font-size: calc(1.325rem + 0.9vw);
 font-weight: 200;
 white-space: pre-wrap;
 line-height: 1.2;
 letter-spacing: 0.065em;
 text-underline-offset: 0.375rem;
 text-decoration-thickness: 0.063rem;
 filter: inherit inherit;
 z-index: 23;
}

[data-bs-theme=dark] .canister-post .header h2 {
 color: rgb(210, 210, 210);
 text-shadow: 0.063rem 0.063rem 0.063rem #0a0802;
}

.canister-post .header .link,
.canister-post .link {
 margin: 0;
 padding: 0;
 width: 100%;
 display: inline-block;
}

.canister-post .link {
 padding: 0;
}

.canister-post .link[href^="#"] {
 text-decoration: none;
}

.canister-post .header .link {
 padding: 0.75rem 0 0.15rem 0;
}

@media (min-width: 576px) {
 .canister-post .cover-holder .header h2,
 .canister-post .link h2 {
  font-size: calc(1.325rem + 0.6vw);
 }
}

.canister-post .cover-holder .header .link {
 display: inline-block;
}

.canister-post .link:hover .header .img-top {
 filter: grayscale(0) opacity(0.9);
 transform: scale(1);
 opacity: 1;
}.canister-post .cover-holder .cover {
 margin: 0;
 padding: 0;
 width: 100%;
 min-height: calc(100vh * 0.25);
 background-color: rgba(34, 28, 46, 0.1);
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 vertical-align: middle;
 object-fit: cover;-webkit-transition: transform 500ms, filter 500ms, opacity 500ms;
 transition: transform 500ms, filter 500ms, opacity 500ms;
}

[data-bs-theme=dark] .canister-post .cover-holder .cover {
 filter: grayscale(1) opacity(.9);
}

.canister-post .cover-holder .cover-wide {
 background-size: 200%;
}

@media (min-width: 576px) {
 .canister-post .cover-holder .cover {
  min-height: calc(100vh * 0.30);
 }
 .canister-post .cover-holder .cover-wide {
  min-height: calc(100vh * 0.25);
 }
}

@media (min-width: 768px) {
 .canister-post .cover-holder .cover {
  min-height: calc(100vh * 0.35);
 }
 .canister-post .cover-holder .cover-wide {
  min-height: calc(100vh * 0.25);
 }
}

.canister-post .cover-holder:hover .cover,
.canister-post .cover-holder:focus .cover {
 filter: grayscale(0) opacity(0.9);
 transform: scale(1);
 opacity: 1;
}

.canister-post .cover-holder:hover .title {
 background-color: rgba(var(--cp-purple-rgb), 0.6);
}

.canister-post .cover-holder .cover.dhidro {
 width: calc(110% + (100vw * 0.05));
 height: calc(100vh * 0.15);
 background-position: center 0 top;
}

.canister-post .cover-holder .cover.webapp {
 width: calc(720px + (100vw * 0.10));
 height: calc(100vh * 0.15);
 background-position: center;
}

.canister-post .cover-holder .cover.center-top {
 background-position: center 0 top;
}

.canister-post .body {
 --cp-padding-y: 0.25rem;
 --cp-padding-x: 1rem;
 padding: var(--cp-padding-y) var(--cp-padding-x);
 min-height: calc(2.5vh - 2rem);
 font-size: calc(1rem + 0.20vw);
 font-weight: 300;
 letter-spacing: normal;
}

[data-bs-theme=dark] .canister-post .body {
 font-weight: 100;
}

.canister-post .body p {
 margin: 0;
}

.canister-post .info {
 --cp-padding-y: 0.25rem;
 --cp-padding-x: 1.5rem;
 padding: 0.5rem 1.5rem 0 1.5rem;
 font-size: calc(1rem + 0.09vw);
 font-weight: 300;
}

.canister-post .item-pill {
 display: inline-block;
 margin: 0.35em 0.35em;
 padding: 0.35em 0.65em;
 color: var(--bs-body-color);
 font-size: calc(0.75rem + 0.15vw);
 font-weight: 500;
 text-align: center;
 white-space: nowrap;
 vertical-align: baseline;
 border: thin solid;
 border-color: hsla(0, 0%, 100%, .1);
 border-radius: 0.375rem;
}

.canister-post i {
 color: var(--bs-link-color);
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.canister-post .footer {
 --cp-padding-y: 0.5rem;
 --cp-padding-x: 0.75rem;
 padding: 0 var(--cp-padding-x) var(--cp-padding-y) var(--cp-padding-x);
 min-height: calc(3vh - 2rem);
}

.canister-post .footer.footer--edit {
 --cp-padding-y: 1rem;
 --cp-padding-x: 1rem;
 display: flex;
}

.canister-post .footer.footer--edit a {
 flex: 1 1 auto;
 display: block;
}

.portfolio-works .canister-post {
 margin: 0 auto;
 padding: 0;
 margin-top: 2vh;
 margin-bottom: 2vh;
}

.bottoms-nav.blog-post .canister-post {
 margin-bottom: 5vh;
}

.canister-post.post-off .header h2,
.canister-post.post-off .cover-holder .header h2,
.canister-post.post-off .link {
 color: rgb(78, 78, 78);
 color: var(--ggg-label-font-color);
}



.footer-wrapper {
 position: relative;
 display: block;
 padding: 0;
 margin: 0;
 width: 100%;
 height: auto;
 font-size: 1rem;
 background-color: rgba(22, 22, 22, 0.6);
 background-color: #0c0e12;
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.159);
 box-shadow: 0 50vh 0 50vh rgba(var(--ggg-bg-footer-color-rgb), 0.159);
 backdrop-filter: blur(0.125rem);
 -webkit-backdrop-filter: blur(0.125rem);
 z-index: 40;
 transition: background 250ms ease-in-out;
}

[data-bs-theme=dark] .footer-wrapper {
 background-color: rgba(22, 22, 22, 1);
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.559);
 box-shadow: 0 50vh 0 50vh rgba(var(--ggg-bg-footer-color-rgb), 0.559);
}

.footer-wrapper a,
.footer-wrapper button {
 text-decoration: none;
}

.footer-wrapper .since {
 color: rgba(var(--bs-body-color-rgb), 0.8);
}

[data-bs-theme=dark] .since {
 color: rgba(var(--bs-body-color-rgb), 0.6);
}

.footer-wrapper .btn.disabled {
 border: none;
 opacity: 0.5;
}

.footer-base-top {
 margin: auto;
 padding: 0;
 display: block;
 width: 100%;
 height: auto;
}

.footer-top {
 margin: 0 auto;
 padding: 0;
 display: block;
 text-align: center;
 width: 100%;
 height: auto;
 border: none;
 outline: 0.063rem solid hsla(0, 0%, 100%, .3);
}

[data-bs-theme=dark] .footer-top {
 outline: 0.063rem solid hsla(0, 0%, 100%, .1);
 outline: 0.063rem solid hsla(0, 0%, 100%, 0.15);
 color: hsla(0, 0%, 100%, 0.15);
}

.footer-top a.scrolltop-center {
 margin: auto;
 padding: 0;
 display: grid;
 place-items: center;
 width: 100%;
 height: 4rem;
 color: rgba(var(--bs-body-color-rgb), 0.4);
 color: rgba(90, 90, 90, 0.6);
 text-decoration: none;
 background-color: transparent;
}

[data-bs-theme=dark] .footer-top a.scrolltop-center {
 color: rgba(var(--white-links-rgb), 0.8);
 color: rgba(190, 190, 190, 0.6);
}

.footer-top a.scrolltop-center:hover {
 color: var(--bs-link-hover-color);
 text-decoration: none;
 background-color: rgba(var(--bs-body-bg-hover-rgb), 0.6);
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.2);
}

[data-bs-theme=dark] .footer-top a.scrolltop-center:hover {
 color: var(--bs-link-hover-color);
 text-decoration: none;
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.9);
}

.footer-middle {
 margin: 0 auto;
 padding: 3rem 0 1rem 0;
 min-height: 25vh;
 transition: background 250ms ease-in-out;
}

.footer-medium .footer-middle {
 margin: 0 auto;
 padding: 3rem 0 1rem 0;
 min-height: 5vh;
 transition: background 250ms ease-in-out;
}

.footer-bottom {
 margin: 0 auto;
 padding: 4rem 0 1rem 0;
 height: auto;
 transition: background 250ms ease-in-out;
}

.footer-wrapper .btn-link {
 color: rgba(var(--bs-body-color-rgb), 0.8);
}

[data-bs-theme=dark] .footer-wrapper .btn-link {
 color: whitesmoke;
 color: rgba(var(--bs-body-color-rgb), 0.8);
}

.footer-wrapper .btn-switch-mode {
 padding-top: 0.5rem;
 font-size: var(--bs-btn-font-size);
 line-height: 1.5;
}

.under-bottom {
 font-family:'avenir-next-regular';
 font-size: 1.3rem;
 color: rgba(var(--bs-body-color-rgb), 0.8);
}

.under-bottom span {
 font-size: 1.3rem;
 color: rgba( var(--bs-body-color-rgb), 0.5);
}

[data-bs-theme=dark] .under-bottom {
 color: rgba(255, 255, 255, 0.84);
}

[data-bs-theme=dark] .under-bottom span {
 color: rgba(255, 255, 255, 0.24);
}

@media (min-width: 768px) {
 .under-bottom {
  font-size: 1.5rem;
 }
}

.underlegend-bottom a {
 color: var(--bs-body-color);
}

.scrolltop {
 display: none;
 position: fixed;
 padding: 0.938rem 0.625rem;
 left: auto;
 bottom: 6rem;
 right: 2.125rem;
 top: auto;
 width: 3.750rem;
 height: 3.750rem;
 border: none;
 color: rgba( var(--white-links-rgb), 1);
 color: var(--bs-link-color);
 text-align: center;
 background-color: rgba(25, 25, 25, 0.7);
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.3);
 overflow: hidden;
 z-index: 300;
 -webkit-transition: opacity 500ms, background-color;
 transition: opacity 500ms, background-color;
}

[data-bs-theme=dark] .scrolltop {
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.7);
}

@media (min-width: 576px) {
 .scrolltop {
  right: 1.125rem;
 }
}

.scrolltop i {
 font-size: 2rem;
}

.scrolltop-s {
 bottom: 8.975rem;
 right: 2.125rem;
 background-color: rgba(215, 34, 34, 0.7);
}

.footer-dev {
 position: relative;
 display: block;
 margin: auto;
 padding: 1rem 0.5rem;
 width: 100%;
 height: auto;
 z-index: 45;
 mix-blend-mode: difference;
}



.footer-wrapper.f-six {
 display: block;
 padding: 0;
 margin: 0;
}

.footer-content-six {
 display: block;
 padding: 0.85rem 0;
 width: 100%;
 height: 4rem;
}

.footer-content-six .under-bottom {
 color: #15111c;
 color: rgba(var(--bs-body-color-rgb), 0.3);
}

.footer-content-six span {
 font-size: 1.3rem;
 color: rgba( var(--bs-body-color-rgb), 0.15);
}@media (min-width: 768px) {
 .footer-content-six {
  display: none;
 }
}



.footer-wrapper.f-hlab {
 display: block;
 padding: 0;
 margin: 0;
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.159);
 box-shadow: 0 50vh 0 50vh rgba(var(--ggg-bg-footer-color-rgb), 0.159);
}

[data-bs-theme="dark"] .footer-wrapper.f-hlab {
 background-color: rgba(22, 22, 22, 1);
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.1);
 box-shadow: 0 50vh 0 50vh rgba(var(--ggg-bg-footer-color-rgb), 0.1);
}

.footer-content-hlab {
 display: block;
 padding: 14px 0;
 width: 100%;
 height: 64px;
}

.footer-content-hlab .under-bottom {
 color: #15111c;
 color: rgba(var(--bs-body-color-rgb), 0.1);
}

.footer-content-hlab .text-center span {
 font-size: 1.3rem;
 color: rgba( var(--bs-body-color-rgb), 0.1);
}

[data-bs-theme="dark"] .footer-content-hlab .text-center span {
 color: rgba( var(--bs-body-color-rgb), 0.1);
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.10);
}

@media (min-width: 576px) {
 .footer-content-hlab {
  display: none;
 }
}



.footer-wrapper.f-app {
 display: block;
 padding: 0;
 margin: 0;
}

.footer-content-app {
 display: block;
 padding: 2rem 0 0rem 0;
 width: 100%;
 min-height: 2.25rem;
}@media (min-width: 768px) {
 .footer-content-app {
  min-height: 6.50rem;
 }
}

.footer-content-app .under-bottom {
 color: rgba(var(--bs-body-color-rgb), 0.3);
}

.footer-content-app span {
 font-size: 1.3rem;
 color: rgba( var(--bs-body-color-rgb), 0.15);
}



.footer-wrapper.f-full {
 display: block;
 padding: 0;
 margin: 0;
 background-color: rgba(var(--ggg-bg-footer-white-color-rgb), 0.84);
}

[data-bs-theme=dark] .footer-wrapper.f-full {
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.559);
}

.footer-content-full {
 display: block;
 padding: 0.85rem 0;
 width: 100%;
 height: 4rem;
}

.footer-content-full .under-bottom {
 color: #15111c;
 color: rgba(var(--bs-body-color-rgb), 0.3);
}

.footer-content-full span {
 font-size: 1.3rem;
 color: rgba( var(--bs-body-color-rgb), 0.15);
}



.footer-wrapper.footer-menu {
 display: block;
 padding: 0;
 margin: 0;
 background-color: rgba(var(--ggg-bg-footer-white-color-rgb), 0.84);
}

[data-bs-theme=dark] .footer-wrapper.footer-menu {
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.75);
}

.footer-wrapper.footer-menu .footer-top {
 display: block;
 padding: 0;
 width: 100%;
 height: 4rem;
 outline: 0.063rem solid hsla(0, 0%, 0%, 0.175);
}

[data-bs-theme=dark] .footer-wrapper.footer-menu .footer-top {
 outline: 0.063rem solid hsla(0, 0%, 100%, .1);
}

.footer-wrapper.footer-menu .footer-middle {
 margin: 0 auto;
 padding: 3rem 0 1rem 0;
 min-height: 25vh;
 transition: background 250ms ease-in-out;
}

.footer-wrapper.footer-menu .footer-middle .nav .nav-link {
 --bs-nav-link-padding-y: 0.15rem;
 --bs-nav-link-disabled-color: rgba(63, 63, 63, 0.9);
 display: block;
 padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
 font-size: var(--bs-nav-link-font-size);
 font-weight: var(--bs-nav-link-font-weight);
 color: var(--bs-nav-link-color);
 color: var(--white-links);
 text-decoration: none;
 background: none;
 border: 0;
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.footer-wrapper.footer-menu .footer-middle .nav .nav-link:hover {
 color: var(--bs-nav-link-hover-color);
}

.footer-wrapper.footer-menu .footer-middle .nav .nav-link.disabled {
 color: var(--bs-nav-link-disabled-color);
}

.footer-wrapper.footer-menu .footer-middle .nav .nav-link.active {
 color: var(--bs-nav-link-hover-color);
}

.footer-wrapper.footer-menu .footer-bottom {
 margin: 0 auto;
 padding: 4rem 0 2rem 0;
 height: auto;
 transition: background 250ms ease-in-out;
}

.footer-wrapper.footer-menu .footer-bottom .bottom-holder {
 margin: 0 auto;
 padding: 0.75rem 0.25rem;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: space-between;
 border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

@media (min-width: 576px) {
 .footer-wrapper.footer-menu .footer-bottom .bottom-holder {
  flex-direction: row;
 }
}

.footer-wrapper.footer-menu .footer-bottom .under-bottom {
 padding: 3rem 0 1rem 0;
}

.footer-wrapper.footer-menu .footer-bottom .list-unstyled {
 margin: 0;
}



.footer-wrapper.footer-imprime {
 display: block;
 padding: 0;
 margin: 0;
 color: var(--bs-body-color-print);
 font-weight: 200;
 border-top: 0.031rem solid var(--bs-border-color-translucent);
 background-color: rgba(var(--ggg-print-white-color-rgb), 1);
 box-shadow: 0 50vh 0 50vh rgba(var(--ggg-print-white-color-rgb), 1);
}

.footer-wrapper.footer-imprime .footer-middle {
 margin: 0 auto;
 padding: 1.5rem 0 1rem 0;
 min-height: auto;
 font-size: 1rem;
}

.footer-wrapper.footer-imprime .footer-middle>div {
 padding: 0.25rem 0;
 font-size: calc(0.8rem + 0.1vw);
 word-wrap: break-word;
 word-break: break-word;
}

.footer-wrapper.footer-imprime .footer-middle> :last-child {
 padding: 1rem 0 0.25rem 0;
}

.footer-wrapper.footer-imprime .footer-bottom {
 margin: 0 auto;
 padding: 1.5rem 0 1rem 0;
 height: auto;
 transition: background 250ms ease-in-out;
}

.footer-wrapper.footer-imprime .since {
 color: var(--bs-body-color-print);
}

.footer-wrapper.footer-imprime .under-bottom,
.footer-wrapper.footer-imprime .under-bottom span {
 color: var(--bs-body-color-print);
 text-shadow: none;
}



#cookieAcceptBar {
 position: fixed;
 right: 0;
 bottom: 0;
 left: 0;
 width: 3.125rem;
 height: auto;
 padding: 0.3rem 0;
 text-align: center;
 display: block;
 z-index: 3000;
}

#cookieAcceptBar .dropdown-menu {
 text-align: center;
 padding: 1rem;
 max-width: 12.5rem;
 border: none;
 border-radius: 0;
 background-color: rgba(31, 31, 31, 0.2);
 box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.2);
 backdrop-filter: blur(0.413rem);
 -webkit-backdrop-filter: blur(0.413rem);
}

#cookieAcceptBar a {
 padding: 0.6rem 0 0.8rem 0;
 font-size: 0.9rem;
 font-weight: 600;
 color: var(--bs-link-color);
}

#cookieAcceptBar a:hover,
#cookieAcceptBar a:focus,
#cookieAcceptBar a:active {
 color: var(--bs-link-hover-color);
}

#cookieAcceptBar .btn-success {
 background-color: rgba(25, 135, 84, 0.5);
}



.scene-north {
 height: 124dvh;
 height: 124vh;
 width: 100vw;
 top: 0;
 left: 0;
 overflow: hidden;
 z-index: 5;
}

@media (min-height: 600px) {}

.northern-lights,
.scene-north {
 position: absolute;
 top: 0;
 pointer-events: none;
}

.northern-lights {
 width: 200vmax;
 height: 101vmax;
 left: 45%;
 transform: translate(-20%, -55%) rotate(30deg);
 display: flex;
 filter: blur(72px);
}

@media (min-width: 768px) {
 .northern-lights {
  transform: translate(-16%, -55%) rotate(30deg);
  filter: blur(76px);
 }
}

@media (min-width: 992px) {
 .northern-lights {
  left: 50%;
  transform: translate(-14%, -55%) rotate(30deg);
  filter: blur(74px);
 }
}

@media (min-width: 1200px) {
 .northern-lights {
  transform: translate(-14%, -55%) rotate(30deg);
  filter: blur(75px);
 }
}

.northern-light {
 flex: 1;
 --color-one: hsla(250, 94%, 60%, 0.482);
 --color-two: hsla(195, 100%, 45%, 0.852);
 --color-three: hsla(205, 100%, 50%, 0.652);
 --up: calc(var(--y, 5) * 2vmax);
 --left: calc(var(--x, 2) * 2vmax);
 background-image: linear-gradient(0deg, transparent, var(--color-one) 10%, transparent, var(--color-two) 20%, transparent, var(--color-three) 60%);
 background-size: 100% 40vmax;
 background-position: bottom;
 background-repeat: no-repeat;
 transform: translate(var(--left), var(--up)) scale(1.1);
 animation: shift calc(var(--duration, 2) * 1s) calc(var(--delay, 0) * -1s) infinite ease;
}@media (min-width: 768px) {
 .northern-light {
  --up: calc(var(--y, 2) * 2vmax);
  --left: calc(var(--x, 2) * 2vmax);
  background-image: linear-gradient(0deg, transparent, var(--color-one) 10%, transparent, var(--color-two) 20%, transparent, var(--color-three) 60%);
  background-size: 100% 50vmax;
 }
}

@media (min-width: 992px) {
 .northern-light {
  --up: calc(var(--y, 3) * 2vmax);
  --left: calc(var(--x, 2) * 2vmax);
  background-image: linear-gradient(0deg, transparent, var(--color-one) 10%, transparent, var(--color-two) 10%, transparent, var(--color-three) 60%);
  background-size: 100% 60vmax;
 }
}

@-webkit-keyframes shift {
 50% {
  transform: translate(0) scale(1);
 }
}

@keyframes shift {
 50% {
  transform: translate(0) scale(1);
 }
}



.background-svg-pattern {
 position: fixed;
 top: 0;
 bottom: 0;
 right: 0;
 margin: auto;
 height: 100vh;
 width: 100vw;
 z-index: 4;
}

.background-svg-pattern .svg-bg {
 margin: auto;
 width: 100%;
 height: 100vh;
 vertical-align: middle;
 z-index: 5;
}

.rect-color-1 {
 fill: #eee;
}

.rect-color-2 {
 fill: #e6e6e6;
}

.rect-color-3 {
 fill: #f3fffbaf;
}

.background-svg-pattern .rect-color {
 fill: #fdfffeed;
}

.background-svg-pattern .svg-bg-wht {
 margin: auto;
 width: 100%;
 height: 100vh;
 z-index: 5;
}

.background-svg-pattern .rect-fill {
 fill: url(#white-carbon);
 width: 100vw;
 height: 100vh;
}

.gradient-colors {
 background: #168AAD;
 background: linear-gradient(306deg, rgba(22, 138, 173, 1) 0%, rgba(47, 206, 132, 1) 50%, rgba(189, 238, 99, 1) 100%);
}



.bglight {
 top: 0;
 left: 0;
 margin: auto;
 width: 100%;
 height: 100%;
 z-index: 2;
 background-color: rgba(20, 192, 255, 0.68);
}

.bglight-no {
 position: absolute;
 top: 0;
 left: 0;
 margin: auto;
 z-index: 2;
 width: 100%;
 height: 100%;
 object-fit: contain;
 background-color: transparent;
 background-color: rgba(20, 192, 255, 0.368);
}

.bglight .scene-svg {
 position: absolute;
 opacity: 1;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 transform-box: fill-box;
 z-index: 2;
}

.bgcls-1 {
 fill: url(#linear-gradient);
}

.bgcls-1 {
 filter: blur(0rem);
 color: #dc354643;
}

.bgcls-2 {
 opacity: .6;
}

.bg-cloth {
 position: absolute;
 width: 100%;
 background: none;
 z-index: 1;
}

.bg-noise {
 display: block;
 margin: 0 auto;
 z-index: 1;
}

.bg-noise {
 position: fixed;
 z-index: 100;
 top: -50%;
 left: -50%;
 right: -50%;
 bottom: -50%;
 width: 150%;
 height: 200vh;
 background: url(../../images/templates/noises/5/noise-01.png) repeat;
 background-repeat: repeat;
 opacity: 0.9;
 visibility: visible;
 pointer-events: none;
 display: block;
}

[data-bs-theme=dark] .bg-noise {
 opacity: 0.7;
 mix-blend-mode: normal;
}

.bg-noise-off {
 opacity: 0.03;
 height: 100vh;
 width: 100vw;
 top: 0;
 bottom: 0;
 right: 0;
 background-color: transparent;
 background-image: url(../../images/templates/textures/noise-texture-1.png);
 background-position: center;
 background-repeat: repeat;
 background-size: 131px;
 -ms-touch-action: none;
 touch-action: none;
 pointer-events: none;
 position: fixed;
 z-index: 1;
}

.bg-noise-of {
 opacity: 0.03;
 background-image: url(../../images/templates/svgs/nnnoise-light.svg);
 background-size: 88px;
}

[data-bs-theme=dark] .bg-noise-of {
 opacity: 0.1;
 background-image: url(../../images/templates/svgs/nnnoise.svg);
}

.bg-noise-svg {
 -ms-touch-action: none;
 touch-action: none;
 pointer-events: none;
 position: fixed;
 height: 100vh;
 width: 100vw;
 top: 0;
 bottom: 0;
 right: 0;
 display: block;
 background-color: transparent;
 background-image: url(../../images/templates/svgs/nnnoise.svg);
 background-position: center;
 background-repeat: repeat;
 background-size: 700px;
 opacity: 1;
 z-index: 4;
 mix-blend-mode: overlay;
}



.bg-layout-svg {
 background: top no-repeat fixed;
 background-image: url(../../images/templates/layouts/layout-3728x2021.svg);
}

.wrapper-bg {
 display: block;
 width: 100%;
 height: auto;
 background: url(../../images/templates/patterns/graph-paper-black.svg) repeat fixed;
}

[data-bs-theme=dark] .wrapper-bg {
 display: block;
 width: 100%;
 height: auto;
 background: url(../../images/templates/patterns/graph-paper-gray.svg) repeat fixed;
}

.wrapper-bg-red {
 display: block;
 width: 100%;
 height: auto;
 background: url(../../images/templates/patterns/graph-paper-red-02.svg) repeat fixed;
}

[data-bs-theme=dark] .wrapper-bg-red {
 display: block;
 width: 100%;
 height: auto;
 background-image: radial-gradient(#171717, #00040d);background-attachment: fixed;
}

.wrapper-bg-dust {
 background-color: #00040d;
 background-image: radial-gradient(#577d98, #a5c2ac);
 background-attachment: fixed;
 transition: background 300ms;
 -webkit-transition: background 300ms;
 will-change: background;
}

[data-bs-theme=dark] .wrapper-bg-dust {
 background-color: #00040d;
 background-image: radial-gradient(#091b4b, #00040d);
 background-size: cover;
 background-attachment: fixed;
}

.wrapper-none-bg {
 background: transparent;
}

.wrapper-bg-carpet {
 background: url('../../css/svgs/carpet-tile-340x500-2.svg');
 background-color: #391f17;
 background-position: center center;
 background-size: 1.328rem auto;
 margin: 0;
 z-index: 2;
}

@media (min-width: 576px) {
 .wrapper-bg-carpet {
  background-size: 1.328rem auto;
 }
}

.wrapper-bg-carpet::after {
 content:"";
 position: fixed;
 margin: auto;
 padding: auto;
 left: 0;
 right: auto;
 top: 0;
 bottom: 0;
 top: 0;
 width: 100%;
 min-width: 100vw;
 height: 100%;
 height: 100dvh;
 min-height: 100vh;
 background: radial-gradient(rgba(0, 0, 0, 0.19), rgba(0, 0, 0, 0.9));
 background-size: cover;
 z-index: 3;
}

.wrapper-bg-black {
 margin: auto;
 padding: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(13, 13, 13, 0.9);
 z-index: 2;
}

.wrapper-bg-blue {
 margin: auto;
 background-color: #ececfa;
 transition: background 200ms;
 -webkit-transition: background 200ms;
 will-change: background;
 z-index: 2;
}

[data-bs-theme=dark] .wrapper-bg-blue {
 margin: auto;
 background-color: #0d0d0d;
 transition: background 200ms;
 -webkit-transition: background 200ms;
 will-change: background;
 z-index: 2;
}

[data-bs-theme=dark] .wrapper-bg-blue::after {
 content:"";
 position: fixed;
 margin: auto;
 padding: auto;
 left: 0;
 right: auto;
 top: 0;
 bottom: 0;
 top: 0;
 width: 100%;
 min-width: 100vw;
 height: 100%;
 height: 100dvh;
 min-height: 100vh;background-image: radial-gradient(circle, #2e0085 0%, #170043 100%);
 background-size: cover;
 background-attachment: fixed;
 z-index: 1;
}

.bg-black-radial {
 margin: 0;
 z-index: 2;
}

.bg-black-radial::after {
 content:"";
 position: fixed;
 margin: auto;
 padding: auto;
 left: 0;
 right: auto;
 top: 0;
 bottom: 0;
 top: 0;
 min-width: 100vw;
 min-height: 100vh;
 background: radial-gradient(rgba(0, 0, 0, 0.40) -20%, rgba(0, 0, 0, 0.9) 90%);
 background-size: cover;
 z-index: 3;
}

.bg-patter-black-1 {
 background-image: radial-gradient(circle at center center, rgba(33, 33, 33, 0), rgb(33, 33, 33)), repeating-linear-gradient(135deg, rgb(33, 33, 33) 0px, rgb(33, 33, 33) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(45deg, rgb(56, 56, 56) 0px, rgb(56, 56, 56) 5px, transparent 5px, transparent 6px), linear-gradient(90deg, rgb(33, 33, 33), rgb(33, 33, 33));
}

.bg-carbon {
 position: absolute;
 margin: auto;
 width: 100%;
 background: none;
 z-index: 1;
}

[data-bs-theme=light] .bg-carbon::before {
 content:'';
 height: 100%;
 width: 100%;
 position: absolute;
 background-color: rgba(255, 255, 255, 0.1);
 opacity: 1;
 mix-blend-mode: multiply;
 z-index: -1;
 pointer-events: none;
}

[data-bs-theme=light] .bg-carbon::before {
 content:'';
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 width: 100%;
 position: absolute;
 background: rgba(0, 0, 0, 0.1) repeat url('../../images/templates/patterns/subtle-carbon.png');
 background: rgba(255, 255, 255, 0.1) repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23191919' fill-opacity='0.9' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
 background-attachment: fixed;
 background-blend-mode: exclusion;
 mix-blend-mode: overlay;
 opacity: 1;
 -webkit-filter: contrast(10%);
 -o-filter: contrast(10%);
 filter: contrast(10%);
 z-index: -1;
 pointer-events: none;
}

[data-bs-theme=light] .bg-carbon::before {
 content:'';
 width: 100%;
 position: absolute;
 min-height: 100%;
 background-color: rgba(255, 255, 255, 0.6);
 opacity: 0.8;
 mix-blend-mode: color-burn;
 pointer-events: none;
 z-index: 2;
 pointer-events: none;
}

[data-bs-theme=dark] .bg-carbon::before {
 content:'';
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 width: 100%;
 min-height: 100%;
 position: absolute;
 background: rgba(0, 0, 0, 0.1) repeat url('../../images/templates/patterns/subtle-carbon.png');
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23bebebe' fill-opacity='0.3' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
 background-attachment: fixed;
 background-blend-mode: multiply;
 mix-blend-mode: hard-light;
 -webkit-filter: contrast(100%);
 -o-filter: contrast(100%);
 filter: contrast(100%);
 opacity: .9;
 z-index: 2;
 pointer-events: none;
}

[data-bs-theme=dark] .bg-carbon::before {
 content:'';
 width: 100%;
 min-height: 100%;
 position: absolute;
 background-color: rgba(7, 7, 7, 0.2);
 opacity: 0.8;
 mix-blend-mode: overlay;
 z-index: 2;
 pointer-events: none;
}

.bg-cloth {
 position: absolute;
 margin: auto;
 width: 100%;
 background: none;
 z-index: 1;
}

[data-bs-theme=light] .bg-cloth::before {
 content:'';
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 width: 100%;
 min-height: 100%;
 position: fixed;
 background: fixed rgba(125, 125, 125, 0.1) repeat url(../../images/templates/v4/vertical-cloth-light.png);
 background-blend-mode: overlay;
 mix-blend-mode: multiply;
 z-index: -1;
}

[data-bs-theme=light] .bg-cloth::before {
 content:'';
 width: 100%;
 min-height: 100%;
 position: absolute;
 background-color: rgba(236, 236, 236, 0.2);
 opacity: 0.8;
 mix-blend-mode: color-burn;
 pointer-events: none;
 z-index: 2;
}

[data-bs-theme=dark] .bg-cloth::before {
 content:'';
 width: 100%;
 min-height: 100%;
 position: absolute;
 background: fixed rgba(70, 70, 83, 0.3) repeat url(../../images/templates/v4/vertical-cloth-dark.png);
 background-blend-mode: overlay;
 mix-blend-mode: screen;
 z-index: -1;
}

.bg-cloth-patn {
 margin: auto;
 width: 100%;
 background: none;
 z-index: 1;
}

[data-bs-theme=light] .bg-cloth-patn {
 background: fixed rgba(244, 244, 244, 0.1) repeat url(../../images/templates/v4/vertical-cloth-light.png);
}

[data-bs-theme=dark] .bg-cloth-patn {
 background: fixed rgba(27, 27, 31, 0.1) repeat url(../../images/templates/v4/vertical-cloth-dark.png);
}

.bg-cloth-patn-2 {
 margin: auto;
 width: 100%;
 background: none;
 z-index: 1;
}

[data-bs-theme=light] .bg-cloth-patn-2 {
 background: fixed rgba(255, 255, 255, 0.81) repeat;
 background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='500' height='500'%3E %3Cfilter id='n'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='10' stitchTiles='stitch'/%3E %3C/filter%3E %3Crect width='500' height='500' fill='%23d7d7d7'/%3E %3Crect width='500' height='500' filter='url(%23n)' opacity='0.4'/%3E %3C/svg%3E ");
}

[data-bs-theme=dark] .bg-cloth-patn-2 {
 background: fixed rgba(27, 27, 31, 0.1) repeat;
 background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCI+CiAgICAgIDxmaWx0ZXIgaWQ9Im4iPgogICAgICA8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjciIG51bU9jdGF2ZXM9IjEwIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIj48L2ZlVHVyYnVsZW5jZT4KICAgICAgPC9maWx0ZXI+CiAgICAgIDxyZWN0IHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiBmaWxsPSIjMDAwIj48L3JlY3Q+CiAgICAgIDxyZWN0IHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiBmaWx0ZXI9InVybCgjbikiIG9wYWNpdHk9IjAuNCI+PC9yZWN0PgogICAgICA8L3N2Zz4=");
}

.bg-black-radial-2 {
 z-index: 1;
 background-image: radial-gradient(circle closest-corner at 50% 50%, hsla(0, 0%, 95%, .15), transparent);
 overflow: hidden;
}

.bg-navy {
 position: absolute;
 margin: auto;
 width: 100%;
 background: none;
 z-index: 1;
}

.bg-navy::before {
 content:'';
 display: block;
 height: 100%;
 width: 100%;
 color: var(--white-links);
 position: absolute;
 background: 100% rgba(7, 7, 7, 0.1) repeat url(../../images/templates/patterns/navy.png);
 background-attachment: fixed;-webkit-filter: contrast(115%);
 -o-filter: contrast(115%);
 filter: contrast(115%);
 opacity: 1;
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 z-index: 2;
 scrollbar-gutter: stable;
 pointer-events: none;
}

.bg-grid {
 margin: auto;
 width: 100%;
 background: none;
 z-index: 1;
}

.bg-grid {
 background: fixed rgba(27, 27, 31, 0.1) repeat url(../../images/templates/cuadriculas/cuadricula.svg);
}



.bg-elektro-club {
 background-color: #1d0c3d;
 background-image: url(../../images/musiteca/bg-elektro-club-4000x2250.jpg);
 background-size: 100vw 100vh;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 background-attachment: fixed;
 z-index: 2;
}

.bg-elektro-club::before {
 content:"";
 position: fixed;
 margin: auto;
 padding: auto;
 left: 0;
 right: auto;
 top: 0;
 bottom: 0;
 top: 0;
 width: 100%;
 background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) -20%, rgba(0, 0, 0, 0.8) 90%);
 background-size: cover;
}

.bg-tropicalia-acapulquena {
 background-color: #232020;
 background-image: url(../../images/musiteca/bg-tropicalia-acapulquena.svg);
 background-size: 100vw 100vh;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 background-attachment: fixed;
 z-index: 2;
}

.bg-tropicalia-acapulquena::before {
 content:"";
 position: fixed;
 margin: auto;
 padding: auto;
 left: 0;
 right: auto;
 top: 0;
 bottom: 0;
 top: 0;
 width: 100%;
 background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) -20%, rgba(0, 0, 0, 0.8) 90%);
 background-size: cover;
}

.bg-tropicalia-caribena {
 background-color: #1F201A;
 background-image: url(../../images/musiteca/bg-tropicalia-caribena.svg);
 background-size: 600px;
 background-repeat: repeat;
 background-position: center center;
 z-index: 2;
}

.bg-tropicalia-caribena::before {
 content:"";
 position: fixed;
 margin: auto;
 padding: auto;
 left: 0;
 right: auto;
 top: 0;
 bottom: 0;
 top: 0;
 width: 100%;
 background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) -20%, rgba(0, 0, 0, 0.8) 90%);background-size: cover;
}

.bg-tropicalia {
 background-color: #1F201A;
 background-image: url(../../images/musiteca/bg-tropical-transparente.svg);
 background-size: 600px;
 background-repeat: repeat;
 background-position: center center;
 z-index: 2;
}

.bg-tropicalia::before {
 content:"";
 position: fixed;
 margin: auto;
 padding: auto;
 left: 0;
 right: auto;
 top: 0;
 bottom: 0;
 top: 0;
 width: 100%;
 background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) -20%, rgba(0, 0, 0, 0.8) 90%);background-size: cover;
}

.bg-tropicalia-technoquence {
 background-color: #1F201A;
 background-image: url(../../images/musiteca/bg-tropicalia-technoquence.svg);
 background-size: 100vw 100vh;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 background-attachment: fixed;
 z-index: 2;
}

.bg-tropicalia-technoquence::before {
 content:"";
 position: fixed;
 margin: auto;
 padding: auto;
 left: 0;
 right: auto;
 top: 0;
 bottom: 0;
 top: 0;
 width: 100%;
 background-image: radial-gradient(circle, rgba(0, 0, 0, 0.1) -20%, rgba(0, 0, 0, 0.5) 70%);
 background-size: cover;
}

.bg-lazer {
 background-color: #1F201A;
 background-image: url(../../images/musiteca/bg-landscape-neon-2.svg);
 background-size: 100vw 100vh;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 background-attachment: fixed;
 z-index: 2;
}

.bg-rockin {
 background-color: #ffc931;
 background-image: url(../../images/musiteca/bg-rockin-n-slidin.svg);
 background-size: 100vw 100vh;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 background-attachment: fixed;
 z-index: 2;
}

.bg-rockin::before {
 content:"";
 position: fixed;
 margin: auto;
 padding: auto;
 left: 0;
 right: auto;
 top: 0;
 bottom: 0;
 top: 0;
 width: 100%;
 background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) -20%, rgba(0, 0, 0, 0.8) 90%);
 background-size: cover;
}

.bg-casettes {
 background-image: url(../../images/musiteca/casettes/casettes-verde-960x540.svg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
}



.bg-cloth-des {
 background: transparent repeat url(../../images/templates/en-desarrollo/fake-brick.png);
}

.bg-cloth-des {
 background: transparent;
}

.bg-desarrollo {
 background-color: rgba(255, 255, 255, 0.3);
 background-color: rgba(var(--bs-body-bg-rgb), 0.3);
}

[data-bs-theme=dark] .bg-desarrollo {
 background-color: rgba(46, 46, 46, 0.3);
 background-color: rgba(var(--bs-body-bg-rgb), 0.3);
 background: fixed radial-gradient(circle, rgba(100, 100, 100, 0.08), rgba(9, 9, 9, 0.90));
 background: none;
}

[data-bs-theme=dark] .bg-desarrollo {
 background-color: rgba(9, 9, 9, 0.3);
 background: fixed radial-gradient(ellipse farthest-corner at 10% 90%, rgba(100, 100, 100, 0.0), rgba(9, 9, 9, 0.96));
 background: none;
 background-color: rgba(46, 46, 46, 0.15);
}

[data-bs-theme=dark] .bg-desarrollo::after {
 mix-blend-mode: multiply;
}

.bg-cloth-color {
 background-color: rgb(30, 30, 30);
 background-color: rgb(246, 246, 247);
}

[data-bs-theme=dark] .bg-cloth-color {
 background-color: rgb(30, 30, 30);
 background-color: rgb(246, 246, 247);
 background-color: #0c0e12;
}

.bg-noise-des {
 background-color: transparent;
 background-image: url(../../images/templates/svgs/nnnoise.svg);
 background-image: url(../../images/templates/noises-others/nnnoise-2.svg);
 background-image: url(../../images/templates/svgs/nnnoise-light.svg);
 background-position: center;
 background-repeat: repeat;
 background-size: 175px;
 opacity: 1;
 z-index: 4;
}

[data-bs-theme=dark] .bg-noise-des {
 opacity: 0.2;
 background-image: url(../../images/templates/svgs/nnnoise.svg);
 background-position: center;
 background-repeat: repeat;
 background-size: 175px;
}

.off {
 height: 100%;
 background: #0e0f0f;
 background-image: linear-gradient(90deg, #14141460 .1px, transparent 1px), linear-gradient(180deg, #14141460 .1px, transparent 1px);
 background-size: 100px 100px;
}

.hero-home {
 margin: 0 auto;
 z-index: 1;
 background-image: radial-gradient(circle closest-corner at 50% 0, hsla(0, 0%, 95%, .15), transparent);
 overflow: hidden;
}

.hero-home h1 {
 background: -webkit-linear-gradient(315deg, #42d392 25%, #647eff);
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

.hero-home h1 {
 font-family:'futura-bold';
 font-size: clamp(4.25rem, 5vw, 8.5rem);
 line-height: 1.1;
 font-weight: 900;
 letter-spacing: -1.5px;
 max-width: 920px;
 text-shadow: var(--vt-shadow-1);
}

.bg-gradient-blue-light {
 background: top no-repeat url(../../images/templates/backgrounds/bg-gradient-blue-3728x2021.svg);
 margin: 0 auto;
}

.bg-gradient-green-light {
 background: top no-repeat url(../../images/templates/backgrounds/bg-gradient-green-3728x2021.svg);
 margin: 0 auto;
}

.bg-blob {
 position: absolute;
 width: 500px;
 height: 500px;
 background: linear-gradient( 180deg, #5b54ae 31.77%, #5477e2 100%);
 mix-blend-mode: color-dodge;
 mix-blend-mode: multiply;
 filter: blur(18px) opacity(.6);
 -webkit-animation: move 25s infinite alternate;
 animation: move 25s infinite alternate;
 transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}

.bg-blob-red {
 position: absolute;
 width: 500px;
 height: 500px;
 background: linear-gradient( 180deg, #d25252 31.77%, #901a1a 100%);
 mix-blend-mode: color-dodge multiply;
 filter: blur(18px) opacity(.6);
 -webkit-animation: move 25s infinite alternate;
 animation: move 25s infinite alternate;
 animation-delay: 500ms;
 transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}

.bg-blob-green {
 position: absolute;
 width: 500px;
 height: 500px;
 background: linear-gradient( 180deg, #52d265 31.77%, #1a9024 100%);
 mix-blend-mode: color-dodge;
 filter: blur(18px) opacity(.6);
 -webkit-animation: moveGreen 25s infinite alternate;
 animation: moveGreen 25s infinite alternate;
 animation-delay: 500ms;
}

.bg-blob-blue {
 position: absolute;
 width: 500px;
 height: 500px;
 background: linear-gradient( 180deg, #52a1d2 31.77%, #1a3690 100%);
 mix-blend-mode: color-dodge;
 filter: blur(18px) opacity(.6);
 -webkit-animation: moveBlue 25s infinite alternate;
 animation: moveBlue 25s infinite alternate;
 animation-delay: 500ms;
}

@-webkit-keyframes move {
 from {
  transform: translate(30vw, 15vh) rotate(-90deg);
  border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
 }
 to {
  transform: translate(50vw, 100px) rotate(-10deg);
  border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;
 }
}

@keyframes move {
 from {
  transform: translate(30vw, 15vh) rotate(-90deg);
  border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
 }
 to {
  transform: translate(50vw, 100px) rotate(-10deg);
  border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;
 }
}

@-webkit-keyframes moveGreen {
 from {
  transform: translate(20vw, 15vh) rotate(-90deg);
  border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
 }
 to {
  transform: translate(30vw, 100px) rotate(-10deg);
  border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;
 }
}

@keyframes moveGreen {
 from {
  transform: translate(20vw, 15vh) rotate(-90deg);
  border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
 }
 to {
  transform: translate(30vw, 100px) rotate(-10deg);
  border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;
 }
}

@-webkit-keyframes moveBlue {
 from {
  transform: translate(40vw, 35vh) rotate(-90deg);
  border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
 }
 to {
  transform: translate(70vw, 100px) rotate(-10deg);
  border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;
 }
}

@keyframes moveBlue {
 from {
  transform: translate(40vw, 35vh) rotate(-90deg);
  border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
 }
 to {
  transform: translate(70vw, 100px) rotate(-10deg);
  border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;
 }
}.bg-dark-bg-mobile {
 background-image: radial-gradient(187.75% 175.34% at 14% -2.26%, rgba(139, 139, 212, .25) 0, rgba(11, 11, 15, .25) 100%), radial-gradient(69.55% 171.51% at 5.66% -31.25%, rgba(33, 86, 109, .4) 5.51%, rgba(0, 0, 0, .4) 100%)!important;
}

.bg-dark-2 {
 background-color: rgba(13, 13, 17, .6)!important;
}

.bg-dark-3 {
 background-color: rgb(27 30 41/var(--tw-bg-opacity))!important;
}

.bg-dark-4 {
 background-image: radial-gradient(168.58% 138.88% at 2.13% 1.47%, rgba(61, 65, 83, .85) 0, rgba(54, 59, 75, .25) 71.8%)!important;
}

.dotted-gradient {
 --dotted-color: #0d0d12;
 background-color: transparent;
 background-image: radial-gradient(transparent 1px, var(--dotted-color, #ffffff) 1px);
 background-size: 2px 2px;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 -webkit-mask: linear-gradient(rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
 mask: linear-gradient(rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
 opacity: 1;
 pointer-events: none;
}

.bg-top {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 4rem;
}



.offcanvas.offcanvas-imprime {
 margin: 0;
 padding: 0;
 z-index: 2140;
 width: 100%;
 height: auto;
}

.offcanvas.offcanvas-imprime .offcanvas-header {
 margin: 0;
 padding: 0.375rem 0.375rem;
}

.offcanvas.offcanvas-imprime .offcanvas-body {
 margin: 0;
 padding: 0.375rem 0.375rem;
 font-size: 1.2rem;
}

.offcanvas.offcanvas-imprime .canvas-imprime {
 width: 100%;
 overflow: hidden;
 overflow-y: auto;
 height: 42vh;
 font-size: 1.2rem;
}

@media (min-width: 576px) {
 .offcanvas.offcanvas-imprime .offcanvas-body {
  height: auto;
 }
 .offcanvas.offcanvas-imprime {
  height: auto;
 }
 .offcanvas.offcanvas-imprime .canvas-imprime {
  height: 68vh;
 }
}

@media ( min-width: 768px) {
 .offcanvas.offcanvas-imprime .canvas-imprime {
  height: 82vh;
 }
}

.offcanvas.offcanvas-imprime .canvas-imprime h1 {
 margin: 0;
 padding: 0;
 font-size: 1rem;
}

.offcanvas.offcanvas-imprime .canvas-footer {
 display: block;
 margin: 0;
 width: 100%;
 height: auto;
}

.offcanvas.offcanvas-imprime .canvas-footer .btn-close {
 width: 100%;
}

.offcanvas-content {
 padding: 0;
 margin: 0;
 background: rgba(255, 255, 255, 0.2);
 background: rgba(var(--bg-light-gray-rgb), 0.175);
 border: 0.063rem solid rgba(10, 10, 10, 0.36);
 border-radius: 0;
 border: none;
 box-shadow: 0.125rem 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.188rem 0.063rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.063rem 0.313rem 0 rgba(0, 0, 0, 0.12);
 box-sizing: border-box;
 backdrop-filter: blur(1.050rem) brightness(1.6);
 -webkit-backdrop-filter: blur(1.050rem) brightness(1.6);
}

.offcanvas-content .offcanvas-body .row {
 background: rgba(255, 255, 255, 0.175);
}

[data-bs-theme=dark] .offcanvas-content .offcanvas-body .row {
 background: rgba(14, 14, 14, 0.375);
}

[data-bs-theme=dark] .offcanvas-content {
 padding: 0;
 margin: 0;
 background: rgba(194, 194, 194, 0.1);
 border: 0.063rem solid rgba(10, 10, 10, 0.36);
 border-radius: 0;
 border: none;
 box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.188rem 0.063rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.063rem 5px 0 rgba(0, 0, 0, 0.12);
 box-sizing: border-box;
 backdrop-filter: blur(0.550rem);
 -webkit-backdrop-filter: blur(0.550rem);
}



#preloader-section {
 position: fixed;
 margin: auto;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
 display: grid;
 place-items: center;
 background: #0d0d0d;
 overflow: hidden;
 transition: background 600ms, opacity 500ms, visibility 450ms;
 will-change: background, opacity, visibility;
 pointer-events: none;
}

#preloader-section.upper {
 z-index: 999;
}

#preloader-section.under {
 z-index: 610;
}

#preloader-section.hidden {
 opacity: 0;
 visibility: hidden;
}

#preloader-section.out {
 opacity: 0;}

#preloader-section.show {
 opacity: 1;
 visibility: visible;}



::selection {
 background: var(--purple-two);
 color: #180A0A;
 text-shadow: none;
}

 ::-moz-selection {
 background: var(--purple-two);
 color: #180A0A;
 text-shadow: none;
}

 ::-webkit-selection {
 background: var(--purple-two);
 color: #180A0A;
 text-shadow: none;
}

a:not(.btn):not([class]):not([rol]),
a:not(.btn):not([class]):not([rol]):active,
a:not(.btn):not([class]):not([rol]):link,
a:not(.btn):not([class]):not([rol]):visited {
 text-decoration: underline;
}

a:not(.btn):not([class]):not([rol]):hover {
 text-decoration: none;
}

.color-bw {
 color: #000;
}

[data-bs-theme=dark] .color-bw {
 color: #FFF;
}

.glass-dark-light {
 background: rgba(var(--bg-light-gray-rgb), 0.6);
 border-radius: 0;
 border: none;
 box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
 backdrop-filter: blur(0.125rem);
 -webkit-backdrop-filter: blur(0.125rem);
}

[data-bs-theme=dark] .glass-dark-light {
 background: rgba(var(--bs-body-bg-rgb), 0.75);
 border-radius: 0;
 border: 0.063rem solid rgba(0, 0, 0, 0.36);
 border: none;
 outline: 0.063rem solid rgba(0, 0, 0, 0.36);
 box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}

.glass-dark-light {
 background: rgba(12, 14, 18, 0.159);
 border-radius: 0;
 border: none;
 box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}

[data-bs-theme=dark] .glass-black-white {
 background: rgba(12, 14, 18, 0.559);
 border-radius: 0;
 border: 0.063rem solid rgba(0, 0, 0, 0.36);
 box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
 backdrop-filter: blur(0.125rem);
 -webkit-backdrop-filter: blur(0.125rem);
}

.cv-ggg {
 background: #221c2e url(../../images/templates/portadas/gerardo-gonzalez-g.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;}

@media ( min-width: 768px) {
 .cv-ggg {
  -webkit-background-attachment: fixed;
  -o-background-attachment: fixed;
  background-attachment: fixed;
 }
}

.dep-illst {
 background: #221c2e url(../../images/portadas/dep/landscapes-for-people-food-and-nature-initiative.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;}

.matrix-dot {
 mix-blend-mode: multiply;
 position: absolute;
 margin-left: auto;
 margin-right: auto;
 width: 100%;
 height: 100%;
 background: url('../../images/templates/patterns/graphy-dark.png');
 opacity: 1;
 -webkit-filter: contrast(9);
 -o-filter: contrast(9);
 filter: contrast(9);
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 z-index: 1;
}

.matrix-dot::after {
 content:"";
 display: block;
 width: 100vw;
 height: 100vh;
 background: radial-gradient(transparent, rgba(0, 0, 0, 0.9));
 background-size: cover;
}

.clsggg-1 {
 fill: #191919;
}

.clsggg-2 {
 opacity: 0.3;
}

.text-mix {
 mix-blend-mode: difference;
}

.nav-estilos {
 margin: 0;
 padding: 0;
 padding-top: 0.75rem;
 padding-bottom: 2rem;
}

.card-snippets .card-body {
 margin: 0;
 background-color: #ffffff;
}

.card-snippets .card-body.html {
 padding: 0.5rem;
 background-color: #eaeaea;
}

.card-snippets .card-body.html pre {
 margin: 0;
 padding: 0;
 overflow: hidden;
 overflow-x: auto;
}

[data-bs-theme=dark] .card-snippets .card-body {
 background-color: #1b1b1f;
}

[data-bs-theme=dark] .card-snippets .card-body.html {
 background-color: #161616;
}

.card-body.html-of pre {
 padding: .25rem .875rem;
 margin-top: .8125rem;
 margin-bottom: 0;
 overflow: overlay;
 white-space: pre;
 border: 0;
 background-color: red;
}

.card-snippets .card-body.html-od pre code {
 word-wrap: break-word;
 word-break: break-word;
}

.card-snippets .card-body.html-f pre code {
 font-size: inherit;
 color: var(--bs-body-color);
 word-wrap: normal;
}

.list-inline-sm {
 padding-left: 0;
 list-style: none;
}

@media (min-width: 576px) {
 .list-inline-item-sm {
  display: inline-block;
 }
 .list-inline-item-sm:not(:last-child) {
  margin-right: 0.5rem;
 }
}

.list-inline-on-md {
 padding-left: 0;
 list-style: none;
}

.list-inline-item-on-md {
 display: inline-block;
}

.list-inline-item-on-md:not(:last-child) {
 margin-right: 0.5rem;
}

.list-inline-md {
 padding-left: 0;
 list-style: none;
}

@media (min-width: 768px) {
 .list-inline-md {
  padding-left: 0;
  list-style: none;
 }
 .list-inline-item-md {
  display: inline-block;
 }
 .list-inline-item-md:not(:last-child) {
  margin-right: 0.5rem;
 }
 .list-inline-item-on-md {
  display: block;
 }
}



.page-header-scroll {
 --pg-fixline: calc(var(--app-height-per) / 100);
 margin: 0 auto;
 width: 100%;
 height: auto;
 top: calc(var(--hero-height) * var(--pg-fixline));
}

.page-header-scroll.page-header-fix-2line {
 --pg-fixline: calc(var(--app-height-per) / 100);
 top: calc(var(--hero-height) * var(--pg-fixline));
}

.page-header-scroll .container-header {
 width: 100%;
 padding-right: calc(1.5rem * 0.5);
 padding-left: calc(1.5rem * 0.5);
 margin-right: auto;
 margin-left: auto;
 max-width: calc(var(--app-inner-width) * 0.75);
 max-width: calc(var(--app-inner-width) * calc( (var(--hero-height) / var(--app-inner-height)) * 100));
}

.page-header-fix {
 position: fixed;
 margin: 0 auto;
 padding: 0;
 width: 100%;
 height: auto;
 top: calc(var(--hero-height) * 0.50);
 z-index: 24;
 transition: height 300ms, transform 300ms, top 300ms linear;
 -webkit-transition: height 300ms, transform 300ms, top 300ms;}

@media (min-width: 768px) {
 .page-header-fix {
  top: calc(var(--hero-height) * 0.52);
 }
}

.page-header-fix.page-header-fix-2line {
 --pg-fixline: calc(var(--hero-height) * calc( (var(--hero-height) / var(--app-inner-height)) * 100));
 top: calc(var(--hero-height) * 0.45);
 top: calc(var(--pg-fixline) - 100);
}

.page-header-fix .container-header {
 width: 100%;
 padding-right: calc(1.5rem * 0.5);
 padding-left: calc(1.5rem * 0.5);
 margin-right: auto;
 margin-left: auto;
 max-width: calc(var(--app-inner-width) * 0.75);
 max-width: calc(var(--app-inner-width) * calc( (var(--hero-height) / var(--app-inner-height)) * 100));
}

@media (min-width: 576px) {
 .page-header-fix .container-header {
  width: 100%;
 }
}

@media (min-width: 768px) {
 .page-header-fix .container-header {
  margin-left: 20%;
  max-width: calc(var(--app-inner-width) * 0.55);
 }
 .page-header-fix.page-header-fix-2line {
  top: calc(var(--hero-height) * 0.55);
 }
}

@media (min-width: 992px) {
 .page-header-fix .container-header {
  max-width: calc(var(--app-inner-width) * 0.45);
 }
 .page-header-fix.page-header-fix-2line {
  top: calc(var(--hero-height) * 0.60);
 }
}

.hero-30 .page-header-fix {
 top: calc(var(--hero-height) * 0.50);
}

.hero-30 .page-header-fix.page-header-fix-2line {
 top: calc(var(--hero-height) * 0.55);
}

@media (min-width: 576px) {
 .hero-30 .page-header-fix {
  top: calc(var(--hero-height) * 0.50);
 }
 .hero-30 .page-header-fix.page-header-fix-2line {
  top: calc(var(--hero-height) * 0.55);
 }
}

@media (min-width: 768px) {
 .hero-30 .page-header-fix {
  top: calc(var(--hero-height) * 0.50);
 }
 .hero-30 .page-header-fix.page-header-fix-2line {
  top: calc(var(--hero-height) * 0.55);
 }
}

@media (min-width: 992px) {
 .hero-30 .page-header-fix {
  top: calc(var(--hero-height) * 0.50);
 }
}

.page-header-fix.page-header-fix-2line {
 --pg-fixline: calc(var(--app-height-per) / 100);
 top: calc(var(--hero-height) * var(--pg-fixline));
}

.page-header-fix .container-header-cv {
 padding-right: calc(5rem * 0.5);
 padding-left: calc(1.5rem * 0.5);
 margin-right: calc(1.5rem * 0.5);
 margin-left: calc(1.5rem * 0.5);
 margin-top: auto;
 margin-bottom: auto;
 width: auto;
}

@media (min-width: 576px) {
 .page-header-fix .container-header-cv {
  max-width: 540px;
 }
}

@media (min-width: 768px) {
 .page-header-fix .container-header-cv {
  max-width: 780px;
 }
}

@media (min-width: 576px) {
 .page-header-fix .container-header-cv-end {
  padding-right: calc(5rem * 0.5);
  margin-left: 51%;
  text-align: left;
 }
}



.subpage-header {
 margin: 0;
 padding: 1.75rem 0 0.75rem 0.5rem;
 line-height: 1;
}

[data-bs-theme=dark] .subpage-header {
 color: rgba(222, 226, 230, 0.9);
 text-shadow: 0.093rem 0.093rem 0 #110d02;
}

.page-header {
 margin: 0;
 padding: 1.75rem 0 1.75rem 0;
 line-height: 1;
 border-bottom: 0.031rem solid var(--bs-border-color-translucent);
}

.page-header.on-top {
 padding-top: 0.25rem;
 padding-bottom: 0.75rem;
 border-bottom: 0.063rem solid var(--bs-border-color-translucent);
}

.page-header.on-bottom {
 margin: 0;
 padding: 0;
}

[data-bs-theme=dark] .page-header {
 color: rgba(255, 255, 255, 0.8);
 color: rgba(222, 226, 230, 0.9);
 text-shadow: 0.093rem 0.093rem 0 #110d02;
}

[data-bs-theme=dark] .page-header span {
 color: rgba(255, 255, 255, 0.8);
 color: rgba(222, 226, 230, 0.6);
}

.page-header h1 {
 margin-top: 0;
 margin-bottom: 0.1rem;
}

.page-header h2 {
 margin-top: 0;
 margin-bottom: 0.1rem;
}

.page-header h3 {
 margin-top: 0;
 margin-bottom: 0.1rem;
}

.titles-avenier {
 font-family:'avenir-next-regular';
 color: #808080;
 font-weight: 200;
 letter-spacing: -0.02em;
 text-shadow: 0rem 0.15rem 0.1rem rgba(17, 17, 17, 0.9);
 text-transform: uppercase;
}

.titles-avenier-off {
 margin-top: 8px;
 margin-bottom: 0px;
 font-family:'avenir-next-regular';
 font-size: clamp(1.6rem, 5vw, 2.6rem);
 text-align: center;
 color: #808080;
 font-weight: 200;
 letter-spacing: -0.02em;
 text-shadow: 0rem 0.15rem 0.1rem rgba(17, 17, 17, 0.9);
 text-transform: uppercase;
}

.title-header {
 margin: 0 0 1.5rem 0;
 padding: 1.75rem 0 1rem 0;
 line-height: 1;
 border-bottom: 0.031rem solid var(--bs-border-color-translucent);
}

.title-header h1 {
 font-size: 3.5rem;
}

.title-header h2,
.title-header .h2 {
 color: #1b1b1f;
 font-size: clamp(2rem, calc(2.25rem + 1vw), 3.5rem);
}

[data-bs-theme=dark] .title-header h2,
[data-bs-theme=dark] .title-header .h2 {
 color: #bebebebe;
}

.title-header .h3 {
 color: #1b1b1f;
}

[data-bs-theme=dark] .title-header .h3 {
 color: #bebebebe;
}

.button-back-header {
 --bs-btn-padding-x: 0.75rem;
 --bs-btn-padding-y: 0.125rem;
 --bs-btn-border-radius: 0;
 --bs-btn-hover-color: rgba(var(--bs-body-color-rgb), 1);
 margin: 0;
 border: none;
}

.button-back-header:hover {
 --bs-btn-hover-color: #fff;
 --bs-btn-hover-bg: rgba(var( --bs-dark-bg-subtle-rgb), 0.5);
}

[data-bs-theme=dark] .button-back-header:hover {
 --bs-btn-hover-color: #fff;
 --bs-btn-hover-bg: rgba(var( --bs-body-bg-hover-rgb), 0.5);
}



#Telefonos {
 display: none;
}

.Telefonos,
.telefonos {
 display: none;
}

.hideme {
 opacity: 0;
}

.hidden {
 display: none;
}

.scrolltop {
 display: none;
}

.clickable {
 cursor: pointer;
}

.no-events {
 pointer-events: none;
}

.req {
 padding: 0;
 margin: 0;
 color: #C00;
}

.country-flag {
 height: 18px;
}

.country-name {
 height: 18px;
}

.text-justify {
 text-align: justify !important;
}

[draggable=true] {
 cursor: move;
}

.txt-none {
 display: none;
}

.unselectable {
 user-select: none;
}

.well {
 padding: 0.75rem 0.75rem;
 border: solid 0.063rem var(--bs-border-color-translucent);
}

.well p {
 font-size: 0.875em;
 color: rgba(var(--bs-body-color-rgb), 0.6);
}

.well-auto {
 padding: 1.5rem 1.5rem;
 width: 90%;
 border: solid 1px #e0e0e0;
 border: thin solid var(--bs-border-color-translucent);
}

@media (min-width: 576px) {
 .well-auto {
  width: 75%;
 }
}

@media (min-width: 768px) {
 .well-auto {
  width: 70%;
 }
}

@media (min-width: 992px) {
 .well-auto {
  width: 60%;
 }
}

.columns ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

.columns ul li:first-child {
 margin-top: 0px;
}

@media (min-width: 576px) {
 .columns {
  -webkit-column-width: 10.5em;
  column-width: 10.5em;
 }
}

@media (min-width: 768px) {
 .columns {
  -webkit-column-width: 16.5em;
  column-width: 16.5em;
 }
}

.card-center {
 position: relative;
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 display: grid;
 place-items: center;
}

.tooltip {
 z-index: 100000000;
}

.scrollarea {
 overflow-y: auto;
}

.bg-color-w {
 background-color: rgba(255, 255, 255, 0.75);
 color: black;
}

[data-bs-theme=dark] .bg-color-w {
 background-color: rgba(255, 255, 255, 0.40);
 color: #000000;
}

.available-box {
 margin: 0;
 font-size: 1rem;
}

.light-available {
 --lgt-padding-x: 0.35rem;
 --lgt-padding-y: 0.35rem;
 --lgt-border-radius: 50%;
 --lgt-color: #198754;
 --lgt-bg-color: #198754;
 display: inline-block;
 margin: 0 0.35rem;
 padding: var(--lgt-padding-y) var(--lgt-padding-x);
 font-size: var(--lgt-font-size);
 font-weight: var(--lgt-font-weight);
 text-align: center;
 line-height: 1;
 color: var(--lgt-color);
 white-space: nowrap;
 vertical-align: baseline;
 border-radius: var(--lgt-border-radius);
 background-color: var(--lgt-bg-color);
 transition: 500ms;
}

.light-available--available-green {
 --lgt-color: rgba(176, 255, 95, 1);
 --lgt-bg-color: rgba(176, 255, 95, 1);
 background: var(--lgt-bg-color);
 box-shadow: 0 0 20px var(--lgt-bg-color), 0 0 40px var(--lgt-bg-color), 0 0 60px var(--lgt-bg-color), 0 0 80px var(--lgt-bg-color);
}

.light-available--unavailable-off {
 --lgt-color: rgba(97, 97, 53, 0.9);
 --lgt-bg-color: rgba(97, 97, 53, 0.9);
}.animate-ping {
 animation: ping 500ms cubic-bezier(0, 0, .2, 1) infinite;
}

.counting-up {
 padding: 0.25rem 0.15rem;
 min-height: 15vh;
 background: rgba(var(--bs-body-bg-hover-rgb), 0.5);
 color: rgba(33, 37, 41, 0.75);
 line-height: 1;
 opacity: 1;
}

[data-bs-theme=dark] .counting-up {
 color: rgba(222, 226, 230, 0.75);
 background: rgba(var(--bs-body-bg-hover-rgb), 0.125);
}

.counting-up .col-12 {
 margin: 0.5rem 0 1rem 0;
 align-self: center;
 text-align: center;
}

.counting-up .box-plus-digit {
 display: block;
 margin: 0;
 padding: 0.25rem 0.25rem 0 0.25rem 0.25rem;
 text-align: center;
}

@media (min-width: 768px) {
 .counting-up .box-plus-digit {
  display: inline-block;
 }
}

.counting-up .digit-box {
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: clamp(1.6rem, calc(1.8rem + 1.2vw), 2.4rem);
 font-weight: 800;
}

.counting-up .unit-box {
 margin: 0;
 padding: 0;
 display: block;
 font-size: clamp(1.1rem, calc(1.4rem + 1.2vw), 1.6rem);
 text-align: center;
}

.counting-up .text-box {
 margin: 0;
 padding: 0;
 display: block;
 text-align: center;
 font-size: clamp(1.2rem, calc(1.5rem + 1vw), 1.8rem);
}

@media (min-width: 768px) {
 .counting-up {
  min-height: 15vh;
 }
}

.item-pill {
 display: inline-block;
 margin: 0.35em 0.35em;
 padding: 0.35em 0.65em;
 color: var(--bs-body-color);
 font-size: calc(0.75rem + 0.15vw);
 font-weight: 500;
 text-align: center;
 white-space: nowrap;
 vertical-align: baseline;
 border: thin solid;
 border-color: hsla(0, 0%, 100%, 0.1);
 border-radius: 0.375rem;
 border: none;
 outline: 0.063rem solid hsla(0, 0%, 100%, .1);
 outline: 0.063rem solid hsla(0, 0%, 35%, 0.3);
 outline: 0.063rem solid hsla(0, 0%, 0%, 0.175);
 outline: 0.063rem solid var( --ggg-outline-color);
}

.item-pill::before {
 content:'#';
 color: var(--bs-link-color);
}

[data-bs-theme=dark] .item-pill {
 outline: 0.063rem solid hsla(0, 0%, 100%, 0.275);
 outline: 0.063rem solid var( --ggg-outline-color);
}



.icons {
 display: inline-block;
 width: 1.2rem;
 height: 1.2rem;
 text-indent: -9999px;
 text-decoration: none;
 text-align: center;
 line-height: 1;
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: center;
}

.icon-bgps {
 width: 1rem;
 height: 1rem;
 background-image: url('../../css/svgs/gps_fixed_black_24dp.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 0.75;
}

[data-bs-theme=dark] .icon-bgps {
 width: 1rem;
 height: 1rem;
 background-image: url('../../css/svgs/gps_fixed_white_24dp.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.icon-topo {
 width: 1rem;
 height: 1rem;background-image: url('../../css/svgs/topography_icon_white.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 0.75;
}

[data-bs-theme=dark] .icon-topo {
 width: 1rem;
 height: 1rem;
 background-image: url('../../css/svgs/topography_icon_white.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 0.75;
}

.icon-share-ios {
 margin: 0;
 padding: 0;
 width: 1.4rem;
 height: 1.4rem;
 padding-bottom: 1.6rem;
 line-height: 1;
 font-style: normal;
 font-variant: normal;
 text-rendering: auto;
 background-image: url('../../css/svgs/ios_share_black_24dp.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

[data-bs-theme=dark] .icon-share-ios {
 margin: 0;
 padding: 0;
 width: 1.4rem;
 height: 1.4rem;
 padding-bottom: 1.6rem;
 line-height: 1;
 font-style: normal;
 font-variant: normal;
 text-rendering: auto;
 background-image: url('../../css/svgs/ios_share_white_24dp.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.icon-studio {
 width: 1rem;
 height: 1rem;
 background-image: url('../../css/svgs/icon-studio-black.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 0.75;
}

[data-bs-theme=dark] .icon-studio {
 background-image: url('../../css/svgs/icon-studio-white.svg');
}

.icon-polygon {
 width: 1rem;
 height: 1rem;
 background-image: url('../../frameworks/leaflet/plug-ins/leaflet-geoman/Polygon.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 0.75;
}

[data-bs-theme=dark] .icon-polygon {
 width: 1rem;
 height: 1rem;
 background-image: url('../../frameworks/leaflet/plug-ins/leaflet-geoman/Polygon_white.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 0.75;
}

.icon-zoom {
 width: 1.3rem;
 height: 1.3rem;
 background-image: url('../../images/svg/zoom-icon/zoom-100x100.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 1;
 opacity: 0.75;
}

[data-bs-theme=dark] .icon-zoom {
 opacity: 0.75;
}

.icon-zoom-inc {
 width: 4rem;
 height: 1rem;
 background-image: url('../../images/svg/zoom-icon/zoom-100x25.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 1;
}

.iconu5 {
 width: 1.2rem;
 height: 1.2rem;
 padding: 0.5rem 0.8rem;
}

.icon-15x {
 width: 1.5rem;
 height: 1.5rem;
 padding: 1rem 1.2rem;
}

.icon-125x {
 width: 1.1rem;
 height: 1.1rem;
 padding: 1rem 1.1rem;
}

.icons.icon-125x {
 width: 1.015rem;
 height: 1.015rem;
 padding: 1.015rem 1.015rem;
}

.icon-2x {
 width: 2rem;
 height: 2rem;
 padding: 1rem 1.2rem;
}

.icon-3x {
 width: 3rem;
 height: 3rem;
 padding: 1rem 1.2rem;
}

.text-bg-heart,
.text-bg-comment,
.text-bg-share-blend {
 mix-blend-mode: difference;
}

.icon-symbol {
 width: 2.5rem;
 height: 2rem;
}

.icon-symbol>.bi {
 flex-shrink: 0;
 width: 1em;
 height: 1em;
 fill: currentcolor;
 transition: 0.2s ease-in-out transform;
}

@media (prefers-reduced-motion: reduce) {
 .icon-symbol>.bi {
  transition: none;
 }
}

#cassette-icon {
 text-shadow: 0.063rem 0.063rem 0.093rem rgba(0, 0, 0, .85);
 filter: drop-shadow( 0.063rem 0.063rem 0.093rem rgba(0, 0, 0, .85));
}



.icon-retro-camera {
 padding-bottom: 0.5rem;
 width: 2.5rem;
 height: 2.5rem;
 background-image: url('../../css/svgs/retro-camera.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 0.75;
}

.icon-retro-video-camera {
 padding-bottom: 0.5rem;
 width: 2.5rem;
 height: 2.5rem;
 background-image: url('../../css/svgs/retro-video-camera-200x200.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 0.75;
}

.icon-cassette {
 margin: 0;
 padding: 0;
 width: 1.5rem;
 height: 1.15rem;
 padding-bottom: 1rem;
 margin-bottom: 0.25rem;
 background-image: url('../../css/svgs/cassette-black-512x336.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 0.75;
}

[data-bs-theme=dark] .icon-cassette {
 background-image: url('../../css/svgs/cassette-white-512x336.svg');
 opacity: 0.75;
}



.icon-bbva {
 width: 3.6rem;
 height: 1.5rem;
 padding-bottom: 0.5rem;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200'%3E %3Cpath fill='%23062245' d='M321.5,48.92h1.11c1.33,.84,1.83,2.42,2.56,3.74,10.05,18.84,20.12,37.67,30.19,56.51,4.86,9.18,9.83,18.3,14.64,27.5v.18c-.29,.52-.52,1.33-1.25,1.26-4.89,.02-9.79,.03-14.67,0-1.17,.05-1.49-1.23-1.93-2.06-.89-1.69-1.85-3.34-2.65-5.07-1.37-2.33-2.45-4.81-3.83-7.14-1.05-2.3-2.42-4.44-3.48-6.74-.66-1.39-1.52-2.67-2.17-4.06-.96-2.07-2.21-3.98-3.15-6.07-1.41-2.45-2.58-5.02-3.99-7.47-.99-2.19-2.31-4.21-3.31-6.4-.7-1.5-1.64-2.89-2.33-4.4-.91-1.96-2.11-3.76-2.98-5.74-.43-.77-.73-1.83-1.63-2.14-.58-.05-1.4-.19-1.73,.43-1.52,2.45-2.64,5.12-4.11,7.6-1.05,2.3-2.42,4.44-3.48,6.73-.63,1.34-1.45,2.57-2.08,3.9-.48,1-.97,2-1.54,2.95-1,1.69-1.72,3.54-2.74,5.23-.89,1.48-1.52,3.1-2.4,4.58-.93,1.53-1.58,3.2-2.49,4.73-1.05,1.74-1.78,3.65-2.83,5.39-.88,1.48-1.51,3.09-2.4,4.57-.93,1.53-1.58,3.2-2.49,4.73-.98,1.64-1.71,3.42-2.63,5.09-.32,.5-.62,1.12-1.24,1.26-.96,.17-1.94,.07-2.9,.08-3.74,0-7.48-.01-11.22,.01-.68-.01-1.49,0-1.95-.59-.14-.64-.09-1.32,.25-1.88,15.25-28.59,30.53-57.16,45.8-85.75,.23-.44,.66-.73,1.06-1h0ZM30,62.65c1.05-1.1,2.63-.74,3.98-.78,13.62,0,27.23,0,40.85,0,4-.13,8.06,.47,11.82,1.87,6.33,2.27,11.77,7.37,13.82,13.85,.91,2.46,1.1,5.11,1.29,7.7-.17,2.78-.5,5.6-1.55,8.19-1.26,3.04-3.07,5.97-5.78,7.93-.65,.63-1.66,.9-2.14,1.69,3.6,1.3,6.7,3.76,9.04,6.77,3.84,5.02,4.91,11.67,4.26,17.84-.34,4.07-1.51,8.1-3.63,11.6-1.42,2.18-3.17,4.17-5.29,5.69-4.63,3.44-10.37,5.02-16.03,5.68-1.16,.16-2.35,.07-3.49,.39H31.04c-.38-.31-.74-.65-1.04-1.05V62.65m15.28,12.77c-.44,.53-.32,1.26-.34,1.9,.04,6.62-.06,13.24,.05,19.86,.41,.51,1.03,.85,1.69,.82,8.8,0,17.61-.01,26.41,0,1.23,.05,2.43-.2,3.64-.37,2.74-.4,5.48-1.48,7.39-3.55,1.31-1.3,1.9-3.11,2.34-4.85,.11-1.41,.56-2.83,.16-4.24-.19-2.39-1.16-4.71-2.77-6.48-2.26-2.05-5.3-3.03-8.28-3.4-.96-.09-1.93,.05-2.88-.14-1.18-.25-2.39-.13-3.58-.15-7.23,0-14.45,0-21.67-.01-.75,0-1.5,.21-2.15,.6m.49,35.86c-.29,.09-.58,.27-.66,.58-.53,1.03-.42,2.21-.42,3.32,.01,6.81,0,13.62,0,20.44,.01,.97,.56,2.35,1.73,2.24,9.3,0,18.6,0,27.9,0,.93,.03,1.87,0,2.79-.17,3.27-.28,6.66-.93,9.42-2.82,2.22-1.57,3.43-4.17,3.91-6.78,.63-3.02,.39-6.17-.48-9.12-.79-2.27-2.33-4.34-4.51-5.44-2.87-1.58-6.16-2.05-9.38-2.33-9.8,0-19.6,0-29.4,0-.3,0-.61,.02-.91,.08h0ZM120.76,61.95c1.04-.17,2.09-.05,3.14-.07,14.45,0,28.89,0,43.34,0,6.53,.33,13.17,2.62,17.88,7.28,3.59,3.55,5.75,8.41,6.27,13.4-.01,1.98,.08,3.96-.05,5.93-.62,4.24-2.28,8.5-5.47,11.47-.9,.94-1.88,1.82-3.03,2.46-.24,.2-.74,.3-.59,.7,3.67,1.49,6.98,3.99,9.26,7.25,.98,1.34,1.68,2.86,2.36,4.37,1.35,3.04,1.6,6.41,1.8,9.69-.17,2.54-.32,5.09-.92,7.58-.88,4.33-3.13,8.33-6.27,11.42-1.28,1.06-2.58,2.12-4.02,2.96-4.06,2.49-8.78,3.64-13.46,4.25-1.3,.22-2.65,.1-3.94,.45h-46.07c-.72-.42-1.41-1.08-1.32-1.99,0-28.41,0-56.81,0-85.22-.03-.78,.44-1.52,1.1-1.92m15.43,12.98c-.48,.11-1,.29-1.26,.74-.45,.63-.32,1.44-.34,2.16,.02,6.06,0,12.13,0,18.19-.04,.79,.48,1.47,1.09,1.92,1.79,.16,3.6,.02,5.4,.06,7.64,0,15.28,0,22.92,0,2.56-.29,5.22-.62,7.46-1.99,2.32-1.04,3.78-3.3,4.57-5.63,.59-1.89,.39-3.88,.4-5.83-.17-1.38-.61-2.74-1.24-3.98-1.8-3.08-5.26-4.78-8.69-5.28-1.35-.34-2.75-.06-4.11-.34-1.04-.2-2.09-.1-3.14-.11-7.39,0-14.78,0-22.18-.01-.31,0-.61,.03-.9,.09m-.5,36.37c-.74,.16-1.12,.94-1.08,1.65,0,7.15,0,14.29,0,21.43,0,.91-.09,1.86,.26,2.72,.18,.61,.92,.75,1.48,.76,9.46,.01,18.93,0,28.4,.01,1.25,.06,2.47-.26,3.72-.32,3.19-.4,6.47-1.32,8.93-3.49,1.94-1.96,2.89-4.69,3.1-7.4,.25-1.34,.31-2.71,.03-4.05-.24-3.03-1.3-6.27-3.82-8.17-3.04-2.35-6.99-2.89-10.7-3.24-9.47,0-18.93,0-28.4,0-.64,.02-1.29-.05-1.91,.09h0Zm60.52-47.53c-.45-.91,.44-2.01,1.41-1.9,4.65,0,9.31,.02,13.96-.01,.54-.03,1.14,.05,1.43,.58,1.1,1.69,2,3.52,2.88,5.34,.56,1.16,1.28,2.24,1.84,3.4,1.03,2.24,2.37,4.32,3.39,6.56,1.37,2.33,2.45,4.81,3.82,7.14,1.17,2.52,2.65,4.87,3.81,7.4,1.01,1.76,1.93,3.58,2.84,5.39,1.16,1.88,1.97,3.94,3.12,5.84,.8,1.39,1.39,2.89,2.22,4.26,1.05,1.74,1.78,3.65,2.83,5.39,1.04,1.74,1.74,3.67,2.86,5.36,.5,.94,2.14,.94,2.64,0,1.11-1.7,1.82-3.62,2.86-5.36,.93-1.52,1.58-3.2,2.49-4.73,1.05-1.74,1.78-3.65,2.83-5.39,1.04-1.81,1.84-3.75,2.94-5.53,1.28-2.67,2.81-5.21,4.07-7.89,1.03-1.75,1.9-3.59,2.84-5.39,1.1-1.78,1.86-3.73,2.94-5.52,.93-1.6,1.61-3.33,2.56-4.92,.96-1.58,1.62-3.31,2.58-4.89,1.28-2.16,2.11-4.58,3.62-6.6,.34-.53,1.02-.41,1.56-.44,4.57,.04,9.14,0,13.71,.01,.62-.07,1.14,.34,1.44,.86,.29,.86-.33,1.64-.73,2.35-14.53,27.16-29.02,54.35-43.55,81.51-.83,1.55-1.53,3.24-2.82,4.48h-1.1c-1.65-1.03-2.21-3.05-3.15-4.65-14.73-27.55-29.42-55.12-44.17-82.66h0Z'/%3E %3C/svg%3E");
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 0.95;
}

[data-bs-theme=dark] .icon-bbva {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200'%3E %3Cpath fill='%23FFFFFF' d='M321.5,48.92h1.11c1.33,.84,1.83,2.42,2.56,3.74,10.05,18.84,20.12,37.67,30.19,56.51,4.86,9.18,9.83,18.3,14.64,27.5v.18c-.29,.52-.52,1.33-1.25,1.26-4.89,.02-9.79,.03-14.67,0-1.17,.05-1.49-1.23-1.93-2.06-.89-1.69-1.85-3.34-2.65-5.07-1.37-2.33-2.45-4.81-3.83-7.14-1.05-2.3-2.42-4.44-3.48-6.74-.66-1.39-1.52-2.67-2.17-4.06-.96-2.07-2.21-3.98-3.15-6.07-1.41-2.45-2.58-5.02-3.99-7.47-.99-2.19-2.31-4.21-3.31-6.4-.7-1.5-1.64-2.89-2.33-4.4-.91-1.96-2.11-3.76-2.98-5.74-.43-.77-.73-1.83-1.63-2.14-.58-.05-1.4-.19-1.73,.43-1.52,2.45-2.64,5.12-4.11,7.6-1.05,2.3-2.42,4.44-3.48,6.73-.63,1.34-1.45,2.57-2.08,3.9-.48,1-.97,2-1.54,2.95-1,1.69-1.72,3.54-2.74,5.23-.89,1.48-1.52,3.1-2.4,4.58-.93,1.53-1.58,3.2-2.49,4.73-1.05,1.74-1.78,3.65-2.83,5.39-.88,1.48-1.51,3.09-2.4,4.57-.93,1.53-1.58,3.2-2.49,4.73-.98,1.64-1.71,3.42-2.63,5.09-.32,.5-.62,1.12-1.24,1.26-.96,.17-1.94,.07-2.9,.08-3.74,0-7.48-.01-11.22,.01-.68-.01-1.49,0-1.95-.59-.14-.64-.09-1.32,.25-1.88,15.25-28.59,30.53-57.16,45.8-85.75,.23-.44,.66-.73,1.06-1h0ZM30,62.65c1.05-1.1,2.63-.74,3.98-.78,13.62,0,27.23,0,40.85,0,4-.13,8.06,.47,11.82,1.87,6.33,2.27,11.77,7.37,13.82,13.85,.91,2.46,1.1,5.11,1.29,7.7-.17,2.78-.5,5.6-1.55,8.19-1.26,3.04-3.07,5.97-5.78,7.93-.65,.63-1.66,.9-2.14,1.69,3.6,1.3,6.7,3.76,9.04,6.77,3.84,5.02,4.91,11.67,4.26,17.84-.34,4.07-1.51,8.1-3.63,11.6-1.42,2.18-3.17,4.17-5.29,5.69-4.63,3.44-10.37,5.02-16.03,5.68-1.16,.16-2.35,.07-3.49,.39H31.04c-.38-.31-.74-.65-1.04-1.05V62.65m15.28,12.77c-.44,.53-.32,1.26-.34,1.9,.04,6.62-.06,13.24,.05,19.86,.41,.51,1.03,.85,1.69,.82,8.8,0,17.61-.01,26.41,0,1.23,.05,2.43-.2,3.64-.37,2.74-.4,5.48-1.48,7.39-3.55,1.31-1.3,1.9-3.11,2.34-4.85,.11-1.41,.56-2.83,.16-4.24-.19-2.39-1.16-4.71-2.77-6.48-2.26-2.05-5.3-3.03-8.28-3.4-.96-.09-1.93,.05-2.88-.14-1.18-.25-2.39-.13-3.58-.15-7.23,0-14.45,0-21.67-.01-.75,0-1.5,.21-2.15,.6m.49,35.86c-.29,.09-.58,.27-.66,.58-.53,1.03-.42,2.21-.42,3.32,.01,6.81,0,13.62,0,20.44,.01,.97,.56,2.35,1.73,2.24,9.3,0,18.6,0,27.9,0,.93,.03,1.87,0,2.79-.17,3.27-.28,6.66-.93,9.42-2.82,2.22-1.57,3.43-4.17,3.91-6.78,.63-3.02,.39-6.17-.48-9.12-.79-2.27-2.33-4.34-4.51-5.44-2.87-1.58-6.16-2.05-9.38-2.33-9.8,0-19.6,0-29.4,0-.3,0-.61,.02-.91,.08h0ZM120.76,61.95c1.04-.17,2.09-.05,3.14-.07,14.45,0,28.89,0,43.34,0,6.53,.33,13.17,2.62,17.88,7.28,3.59,3.55,5.75,8.41,6.27,13.4-.01,1.98,.08,3.96-.05,5.93-.62,4.24-2.28,8.5-5.47,11.47-.9,.94-1.88,1.82-3.03,2.46-.24,.2-.74,.3-.59,.7,3.67,1.49,6.98,3.99,9.26,7.25,.98,1.34,1.68,2.86,2.36,4.37,1.35,3.04,1.6,6.41,1.8,9.69-.17,2.54-.32,5.09-.92,7.58-.88,4.33-3.13,8.33-6.27,11.42-1.28,1.06-2.58,2.12-4.02,2.96-4.06,2.49-8.78,3.64-13.46,4.25-1.3,.22-2.65,.1-3.94,.45h-46.07c-.72-.42-1.41-1.08-1.32-1.99,0-28.41,0-56.81,0-85.22-.03-.78,.44-1.52,1.1-1.92m15.43,12.98c-.48,.11-1,.29-1.26,.74-.45,.63-.32,1.44-.34,2.16,.02,6.06,0,12.13,0,18.19-.04,.79,.48,1.47,1.09,1.92,1.79,.16,3.6,.02,5.4,.06,7.64,0,15.28,0,22.92,0,2.56-.29,5.22-.62,7.46-1.99,2.32-1.04,3.78-3.3,4.57-5.63,.59-1.89,.39-3.88,.4-5.83-.17-1.38-.61-2.74-1.24-3.98-1.8-3.08-5.26-4.78-8.69-5.28-1.35-.34-2.75-.06-4.11-.34-1.04-.2-2.09-.1-3.14-.11-7.39,0-14.78,0-22.18-.01-.31,0-.61,.03-.9,.09m-.5,36.37c-.74,.16-1.12,.94-1.08,1.65,0,7.15,0,14.29,0,21.43,0,.91-.09,1.86,.26,2.72,.18,.61,.92,.75,1.48,.76,9.46,.01,18.93,0,28.4,.01,1.25,.06,2.47-.26,3.72-.32,3.19-.4,6.47-1.32,8.93-3.49,1.94-1.96,2.89-4.69,3.1-7.4,.25-1.34,.31-2.71,.03-4.05-.24-3.03-1.3-6.27-3.82-8.17-3.04-2.35-6.99-2.89-10.7-3.24-9.47,0-18.93,0-28.4,0-.64,.02-1.29-.05-1.91,.09h0Zm60.52-47.53c-.45-.91,.44-2.01,1.41-1.9,4.65,0,9.31,.02,13.96-.01,.54-.03,1.14,.05,1.43,.58,1.1,1.69,2,3.52,2.88,5.34,.56,1.16,1.28,2.24,1.84,3.4,1.03,2.24,2.37,4.32,3.39,6.56,1.37,2.33,2.45,4.81,3.82,7.14,1.17,2.52,2.65,4.87,3.81,7.4,1.01,1.76,1.93,3.58,2.84,5.39,1.16,1.88,1.97,3.94,3.12,5.84,.8,1.39,1.39,2.89,2.22,4.26,1.05,1.74,1.78,3.65,2.83,5.39,1.04,1.74,1.74,3.67,2.86,5.36,.5,.94,2.14,.94,2.64,0,1.11-1.7,1.82-3.62,2.86-5.36,.93-1.52,1.58-3.2,2.49-4.73,1.05-1.74,1.78-3.65,2.83-5.39,1.04-1.81,1.84-3.75,2.94-5.53,1.28-2.67,2.81-5.21,4.07-7.89,1.03-1.75,1.9-3.59,2.84-5.39,1.1-1.78,1.86-3.73,2.94-5.52,.93-1.6,1.61-3.33,2.56-4.92,.96-1.58,1.62-3.31,2.58-4.89,1.28-2.16,2.11-4.58,3.62-6.6,.34-.53,1.02-.41,1.56-.44,4.57,.04,9.14,0,13.71,.01,.62-.07,1.14,.34,1.44,.86,.29,.86-.33,1.64-.73,2.35-14.53,27.16-29.02,54.35-43.55,81.51-.83,1.55-1.53,3.24-2.82,4.48h-1.1c-1.65-1.03-2.21-3.05-3.15-4.65-14.73-27.55-29.42-55.12-44.17-82.66h0Z'/%3E %3C/svg%3E");
}

.icon-bbva-lg {
 width: 5rem;
 height: 3rem;
}



.icon-ggg {
 width: 1.4rem;
 height: 1.4rem;
 text-align: center;
 font-style: normal;
 font-variant: normal;
 text-rendering: auto;
 vertical-align: middle;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%23000000' d='M50,2C23.5,2,2,23.5,2,50s21.5,48,48,48s48-21.5,48-48S76.5,2,50,2z M50,91C27.4,91,9,72.6,9,50S27.4,9,50,9s41,18.4,41,41 S72.6,91,50,91z M84,67.1c-2.4,5.1-5.9,9.5-10.4,13.2c-3.4,2.7-6.1,4.3-8.3,4.8V17.7c0-0.3,0.1-0.5,0.4-0.6 c10,4.3,16.6,11.8,19.8,22.4c-3.1,0.3-5.5,0.4-6.9,0.2c-0.5-0.5-1.3-1.9-2.4-4.1c-0.8-1.8-1.8-2.9-3-3.4c-0.7,9.2-0.8,22-0.4,38.4 c1.3-0.6,2.9-2.8,4.7-6.6c1.6-3.3,2.5-6.1,2.6-8.5c-0.1-0.4-0.6-0.6-1.5-0.6c-1,0-1.7,0-1.9-0.2c-0.4-2.3-0.4-4.6,0-7 c3.6-0.3,7.1-0.3,10.7,0C87.9,54.8,86.8,61.3,84,67.1L84,67.1z M35,47.8c0.3,12.5,0.3,25.1,0,37.7c-6.3-2.9-11.3-7-15.2-12.1 c-4.2-5.6-6.6-12-7.2-19.3c-0.5-6,0.5-12,3.1-18c3.6-8.3,9.8-14.7,18.6-19.2h0.2c0.4,0.5,0.6,2.3,0.6,5.3c0,9.6-0.1,15.3-0.2,17.3 c-1.6,0.6-4.1,0.6-7.3,0.2c0-0.4,0-1.6,0-3.7c0-1.5,0-2.7-0.2-3.5c-1.7,0.8-3.4,3.4-5.1,7.8c-2,5.1-2.6,10.6-1.7,16.6 c0.9,6.3,3.1,10.8,6.7,13.5c0.3-0.4,0.4-2.8,0.4-7.1v-7.9c-0.2-0.3-0.9-0.5-1.9-0.4c-1.1,0-1.8,0-2.1-0.2c-0.4-2.4-0.4-4.8,0-7.1 C25,47.4,28.7,47.5,35,47.8L35,47.8z M61.3,47.6c0.3,12.9,0.3,25.9,0,38.8c-2.5,1.5-6.1,2.2-10.9,2.3c-4.5,0-8.3-0.6-11.3-1.8 c-0.3-23.9-0.3-47.8,0-71.7c3-1,6.7-1.6,11-1.6s7.9,0.5,11,1.6c0.5,10.7,0.5,18.8,0.2,24.4c-2.4,0.4-4.8,0.4-7.1,0 c-0.1-2-0.2-4.9-0.1-8.8c0.1-4.2,0.1-7.3,0.1-9.1c-0.7-0.7-1.9-1-3.8-1.1c-1.9,0-3.2,0.3-3.9,0.9c-0.2,7.4-0.2,17.3-0.2,29.4 c0,16.2,0,26.1,0,29.6c0.6,0.6,1.8,1,3.5,1c1.5,0.1,2.9-0.1,4-0.5C54,77.9,54,73.6,54,68.3c0-7.1-0.1-11.5-0.1-13 c-0.2-0.3-0.8-0.4-1.7-0.4c-1.1,0-1.7,0-2-0.2c-0.4-2.4-0.4-4.8,0-7.1C54,47.2,57.7,47.2,61.3,47.6L61.3,47.6z'/%3E %3C/g%3E %3C/svg%3E ");
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

[data-bs-theme=dark] .icon-ggg {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%23FFFFFF' d='M50,2C23.5,2,2,23.5,2,50s21.5,48,48,48s48-21.5,48-48S76.5,2,50,2z M50,91C27.4,91,9,72.6,9,50S27.4,9,50,9s41,18.4,41,41 S72.6,91,50,91z M84,67.1c-2.4,5.1-5.9,9.5-10.4,13.2c-3.4,2.7-6.1,4.3-8.3,4.8V17.7c0-0.3,0.1-0.5,0.4-0.6 c10,4.3,16.6,11.8,19.8,22.4c-3.1,0.3-5.5,0.4-6.9,0.2c-0.5-0.5-1.3-1.9-2.4-4.1c-0.8-1.8-1.8-2.9-3-3.4c-0.7,9.2-0.8,22-0.4,38.4 c1.3-0.6,2.9-2.8,4.7-6.6c1.6-3.3,2.5-6.1,2.6-8.5c-0.1-0.4-0.6-0.6-1.5-0.6c-1,0-1.7,0-1.9-0.2c-0.4-2.3-0.4-4.6,0-7 c3.6-0.3,7.1-0.3,10.7,0C87.9,54.8,86.8,61.3,84,67.1L84,67.1z M35,47.8c0.3,12.5,0.3,25.1,0,37.7c-6.3-2.9-11.3-7-15.2-12.1 c-4.2-5.6-6.6-12-7.2-19.3c-0.5-6,0.5-12,3.1-18c3.6-8.3,9.8-14.7,18.6-19.2h0.2c0.4,0.5,0.6,2.3,0.6,5.3c0,9.6-0.1,15.3-0.2,17.3 c-1.6,0.6-4.1,0.6-7.3,0.2c0-0.4,0-1.6,0-3.7c0-1.5,0-2.7-0.2-3.5c-1.7,0.8-3.4,3.4-5.1,7.8c-2,5.1-2.6,10.6-1.7,16.6 c0.9,6.3,3.1,10.8,6.7,13.5c0.3-0.4,0.4-2.8,0.4-7.1v-7.9c-0.2-0.3-0.9-0.5-1.9-0.4c-1.1,0-1.8,0-2.1-0.2c-0.4-2.4-0.4-4.8,0-7.1 C25,47.4,28.7,47.5,35,47.8L35,47.8z M61.3,47.6c0.3,12.9,0.3,25.9,0,38.8c-2.5,1.5-6.1,2.2-10.9,2.3c-4.5,0-8.3-0.6-11.3-1.8 c-0.3-23.9-0.3-47.8,0-71.7c3-1,6.7-1.6,11-1.6s7.9,0.5,11,1.6c0.5,10.7,0.5,18.8,0.2,24.4c-2.4,0.4-4.8,0.4-7.1,0 c-0.1-2-0.2-4.9-0.1-8.8c0.1-4.2,0.1-7.3,0.1-9.1c-0.7-0.7-1.9-1-3.8-1.1c-1.9,0-3.2,0.3-3.9,0.9c-0.2,7.4-0.2,17.3-0.2,29.4 c0,16.2,0,26.1,0,29.6c0.6,0.6,1.8,1,3.5,1c1.5,0.1,2.9-0.1,4-0.5C54,77.9,54,73.6,54,68.3c0-7.1-0.1-11.5-0.1-13 c-0.2-0.3-0.8-0.4-1.7-0.4c-1.1,0-1.7,0-2-0.2c-0.4-2.4-0.4-4.8,0-7.1C54,47.2,57.7,47.2,61.3,47.6L61.3,47.6z'/%3E %3C/g%3E %3C/svg%3E ");
}

.sidebars-offcanvas .icon-ggg {
 --ico-ggg: #a1a1aa;
 color: var(--ico-ggg);
 width: 1.25em;
 height: 1.15rem;
 padding-bottom: 1rem;
 padding-right: 0.5rem;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%23a1a1aa' d='M50,2C23.5,2,2,23.5,2,50s21.5,48,48,48s48-21.5,48-48S76.5,2,50,2z M50,91C27.4,91,9,72.6,9,50S27.4,9,50,9s41,18.4,41,41 S72.6,91,50,91z M84,67.1c-2.4,5.1-5.9,9.5-10.4,13.2c-3.4,2.7-6.1,4.3-8.3,4.8V17.7c0-0.3,0.1-0.5,0.4-0.6 c10,4.3,16.6,11.8,19.8,22.4c-3.1,0.3-5.5,0.4-6.9,0.2c-0.5-0.5-1.3-1.9-2.4-4.1c-0.8-1.8-1.8-2.9-3-3.4c-0.7,9.2-0.8,22-0.4,38.4 c1.3-0.6,2.9-2.8,4.7-6.6c1.6-3.3,2.5-6.1,2.6-8.5c-0.1-0.4-0.6-0.6-1.5-0.6c-1,0-1.7,0-1.9-0.2c-0.4-2.3-0.4-4.6,0-7 c3.6-0.3,7.1-0.3,10.7,0C87.9,54.8,86.8,61.3,84,67.1L84,67.1z M35,47.8c0.3,12.5,0.3,25.1,0,37.7c-6.3-2.9-11.3-7-15.2-12.1 c-4.2-5.6-6.6-12-7.2-19.3c-0.5-6,0.5-12,3.1-18c3.6-8.3,9.8-14.7,18.6-19.2h0.2c0.4,0.5,0.6,2.3,0.6,5.3c0,9.6-0.1,15.3-0.2,17.3 c-1.6,0.6-4.1,0.6-7.3,0.2c0-0.4,0-1.6,0-3.7c0-1.5,0-2.7-0.2-3.5c-1.7,0.8-3.4,3.4-5.1,7.8c-2,5.1-2.6,10.6-1.7,16.6 c0.9,6.3,3.1,10.8,6.7,13.5c0.3-0.4,0.4-2.8,0.4-7.1v-7.9c-0.2-0.3-0.9-0.5-1.9-0.4c-1.1,0-1.8,0-2.1-0.2c-0.4-2.4-0.4-4.8,0-7.1 C25,47.4,28.7,47.5,35,47.8L35,47.8z M61.3,47.6c0.3,12.9,0.3,25.9,0,38.8c-2.5,1.5-6.1,2.2-10.9,2.3c-4.5,0-8.3-0.6-11.3-1.8 c-0.3-23.9-0.3-47.8,0-71.7c3-1,6.7-1.6,11-1.6s7.9,0.5,11,1.6c0.5,10.7,0.5,18.8,0.2,24.4c-2.4,0.4-4.8,0.4-7.1,0 c-0.1-2-0.2-4.9-0.1-8.8c0.1-4.2,0.1-7.3,0.1-9.1c-0.7-0.7-1.9-1-3.8-1.1c-1.9,0-3.2,0.3-3.9,0.9c-0.2,7.4-0.2,17.3-0.2,29.4 c0,16.2,0,26.1,0,29.6c0.6,0.6,1.8,1,3.5,1c1.5,0.1,2.9-0.1,4-0.5C54,77.9,54,73.6,54,68.3c0-7.1-0.1-11.5-0.1-13 c-0.2-0.3-0.8-0.4-1.7-0.4c-1.1,0-1.7,0-2-0.2c-0.4-2.4-0.4-4.8,0-7.1C54,47.2,57.7,47.2,61.3,47.6L61.3,47.6z'/%3E %3C/g%3E %3C/svg%3E ");
}



.icon-openpay-code {
 width: 3.8rem;
 height: 0.85rem;
 padding-bottom: 0.5rem;
 background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg id='openpay' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200'%3E %3Cg id='pay'%3E %3Cpath d='M277.95,95.92c0-8.21-2.86-13.38-9.5-13.38-3.79,0-7.21,2.31-9.69,4.81v18.18c3.23,3.05,5.9,4.52,9.87,4.52,6.18,0,9.32-5.17,9.32-14.11m-34.07,44.09V71.29h13.75l1.11,7.47c3.26-4.43,7.87-8.48,15.18-8.48,11.16,0,18.91,8.58,18.91,25.55s-7.84,25.37-19.1,25.37c-6.64,0-11.26-2.4-14.95-6.55v23.16l-14.9,2.21Z' fill='%2314C8BE'/%3E %3Cpath d='M328.49,105.79v-9.14c-11.71,1.2-16.69,4.16-16.69,8.67,0,3.14,2.21,4.7,5.44,4.7,5.17,0,8.76-1.75,11.25-4.24m-31.15,2.12c0-11.35,9.61-17.62,31.18-19.37v-1.2c0-3.6-2.02-5.9-7.38-5.9s-10.24,2.58-14.3,5.81l-8.03-8.03c4.88-4.52,12.27-8.95,24.44-8.95,14.03,0,19.75,6.64,19.75,19.28v30.91h-13.41l-1.11-7.21c-4.52,5.07-9.87,7.94-17.16,7.94s-14.03-4.89-14.03-13.29' fill='%2314C8BE'/%3E %3Cpath d='M351.37,138.54l-1.11-12.36c2.85,.79,5.8,1.2,8.76,1.2,3.23,0,5.08-1.2,6.27-4.25l.93-2.4-18.36-48.34,14.57-2.22,11.07,33.04h.19l10.88-31.92h14.42l-20.66,54.34c-3.32,8.49-7.85,13.65-17.71,13.65-3.09,.07-6.18-.18-9.23-.74' fill='%2314C8BE'/%3E %3C/g%3E %3Cg id='open'%3E %3Cpath d='M112.92,95.92c0-8.21-2.86-13.38-9.5-13.38-3.78,0-7.21,2.31-9.68,4.81v18.18c3.23,3.05,5.9,4.52,9.87,4.52,6.18,0,9.32-5.17,9.32-14.11m-34.05,44.09V71.29h13.75l1.11,7.47c3.23-4.43,7.81-8.49,15.13-8.49,11.16,0,18.91,8.58,18.91,25.55s-7.84,25.37-19.1,25.37c-6.64,0-11.26-2.4-14.95-6.55v23.16l-14.86,2.22Z' fill='%23004481'/%3E %3Cpath d='M166.89,91.12c-.74-6.92-3.87-10.21-9.41-10.21-4.61,0-8.58,3.05-9.69,10.21h19.1Zm-34.04,4.81c0-19.1,14.57-25.65,24.73-25.65s22.6,5.08,22.6,27.4v2.22h-32.56c.74,8.12,5.26,11.26,11.41,11.26,5.41-.08,10.63-2.04,14.76-5.54l5.54,8.49c-5.72,4.89-12.83,7.38-21.4,7.38-12.83,0-25.09-6.55-25.09-25.55' fill='%23004481'/%3E %3Cpath d='M187.91,120.46v-49.17h13.74l1.11,7.75c2.95-3.87,8.41-8.76,16.98-8.76s14.3,4.15,14.3,14.3v35.89h-14.76v-31.18c0-4.43-1.66-6.73-5.81-6.73s-7.38,2.03-10.7,4.89v33.04h-14.86Z' fill='%23004481'/%3E %3Cpath d='M36.44,50.9C16.87,50.9,1,66.77,1,86.35s15.87,35.44,35.44,35.44,35.44-15.87,35.44-35.44-15.87-35.44-35.44-35.44m-.65,56.47c-11.79-.2-21.19-9.92-20.99-21.7,.19-11.51,9.48-20.8,20.99-20.99h21.33v21.35c0,11.79-9.54,21.36-21.33,21.37v-.02Z' fill='%23004481'/%3E %3C/g%3E %3Cg id='o-over'%3E %3Cpath d='M57.14,86.05c0,11.79-9.56,21.35-21.35,21.35s-21.35-9.56-21.35-21.35,9.56-21.35,21.35-21.35h21.33l.02,21.35Z' fill='%2314C8BE'/%3E %3C/g%3E %3Cg id='bbva'%3E %3Cpath d='M330.5,129.7l-5.44,10.36c-.09,.16-.29,.21-.45,.12-.05-.03-.09-.07-.12-.12l-5.45-10.36c-.05-.1-.16-.17-.28-.17h-2.63c-.13,0-.24,.11-.24,.24,0,.04,0,.07,.03,.1l8.57,16.05c.08,.15,.28,.21,.43,.13,.05-.03,.1-.07,.13-.13l8.57-16.05c.06-.12,.01-.26-.11-.32-.03-.02-.07-.03-.1-.03h-2.64c-.12,0-.22,.07-.28,.17' fill='%23004481'/%3E %3Cpath d='M333.59,143.52l5.44-10.36c.08-.17,.27-.24,.44-.16,.07,.03,.13,.09,.16,.16l5.45,10.36c.05,.1,.16,.17,.28,.17h2.63c.13,0,.24-.1,.24-.23,0-.04,0-.08-.03-.12l-8.57-16.04c-.08-.15-.28-.21-.43-.13-.05,.03-.1,.07-.13,.13l-8.57,16.04c-.06,.11-.02,.26,.09,.32,.04,.02,.08,.03,.12,.03h2.64c.12,0,.22-.06,.28-.17' fill='%23004481'/%3E %3Cpath d='M292.88,143.69h-4.9c-.17,0-.31-.13-.32-.31,0,0,0,0,0,0v-4.4c0-.18,.14-.32,.32-.32h4.9c2.34,0,3.38,.66,3.38,2.52s-1.02,2.51-3.38,2.51m-4.9-11.76h4.84c1.8,0,2.69,.76,2.69,2.17s-.9,2.17-2.69,2.17h-4.84c-.17,0-.31-.14-.31-.31,0,0,0,0,0,0v-3.71c0-.17,.14-.31,.31-.31m8.41,5.24c1.2-.66,1.92-1.94,1.84-3.31,0-2.58-2.01-4.33-4.85-4.33h-8.15c-.17,0-.31,.14-.31,.31,0,0,0,0,0,0v15.93c0,.17,.14,.31,.31,.31h7.81c3.9,0,5.97-1.68,5.97-4.97,.11-1.75-.95-3.36-2.6-3.95' fill='%23004481'/%3E %3Cpath d='M309.62,143.69h-4.91c-.17,0-.31-.14-.31-.31v-4.4c0-.17,.13-.32,.31-.32h4.91c2.34,0,3.38,.66,3.38,2.52s-1.02,2.51-3.38,2.51m-4.9-11.76h4.84c1.8,0,2.69,.76,2.69,2.17s-.91,2.17-2.69,2.17h-4.84c-.18,0-.32-.14-.32-.32v-3.71c0-.17,.14-.31,.31-.31h0m8.41,5.24c1.2-.66,1.92-1.94,1.84-3.31,0-2.58-2.01-4.33-4.85-4.33h-8.14c-.18,0-.32,.14-.32,.32h0v15.93c0,.17,.14,.31,.31,.31h7.82c3.9,0,5.96-1.68,5.96-4.97,.11-1.75-.95-3.36-2.6-3.95' fill='%23004481'/%3E %3Cpath d='M269.44,142.19c0-2.14-1.07-3.18-2.37-3.18-.96,0-1.65,.49-2.4,1.27v3.83c.6,.75,1.5,1.21,2.46,1.26,1.3,0,2.34-.96,2.34-3.17m-4.81,2.84l-.03,1.06h-1v-10.89l1.03-.15v4.37c.63-.8,1.59-1.28,2.61-1.29,1.8,0,3.21,1.32,3.21,4.04s-1.44,4.04-3.24,4.04c-.99-.02-1.93-.46-2.58-1.2' fill='%23004481'/%3E %3Cpath d='M271.28,148.97l-.07-.89c.37,.09,.75,.14,1.13,.14,.76,.04,1.43-.46,1.61-1.2l.32-.86-3-7.74,1.02-.19,2.46,6.68,2.4-6.58h1.07l-3.36,8.69c-.53,1.39-1.11,2.08-2.61,2.08-.35,.01-.7-.03-1.04-.11' fill='%23004481'/%3E %3C/g%3E %3C/svg%3E");
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

[data-bs-theme=dark] .icon-openpay-code {
 background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg id='openpay' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200'%3E %3Cg id='pay'%3E %3Cpath d='M277.95,95.92c0-8.21-2.86-13.38-9.5-13.38-3.79,0-7.21,2.31-9.69,4.81v18.18c3.23,3.05,5.9,4.52,9.87,4.52,6.18,0,9.32-5.17,9.32-14.11m-34.07,44.09V71.29h13.75l1.11,7.47c3.26-4.43,7.87-8.48,15.18-8.48,11.16,0,18.91,8.58,18.91,25.55s-7.84,25.37-19.1,25.37c-6.64,0-11.26-2.4-14.95-6.55v23.16l-14.9,2.21Z' fill='%2314C8BE'/%3E %3Cpath d='M328.49,105.79v-9.14c-11.71,1.2-16.69,4.16-16.69,8.67,0,3.14,2.21,4.7,5.44,4.7,5.17,0,8.76-1.75,11.25-4.24m-31.15,2.12c0-11.35,9.61-17.62,31.18-19.37v-1.2c0-3.6-2.02-5.9-7.38-5.9s-10.24,2.58-14.3,5.81l-8.03-8.03c4.88-4.52,12.27-8.95,24.44-8.95,14.03,0,19.75,6.64,19.75,19.28v30.91h-13.41l-1.11-7.21c-4.52,5.07-9.87,7.94-17.16,7.94s-14.03-4.89-14.03-13.29' fill='%2314C8BE'/%3E %3Cpath d='M351.37,138.54l-1.11-12.36c2.85,.79,5.8,1.2,8.76,1.2,3.23,0,5.08-1.2,6.27-4.25l.93-2.4-18.36-48.34,14.57-2.22,11.07,33.04h.19l10.88-31.92h14.42l-20.66,54.34c-3.32,8.49-7.85,13.65-17.71,13.65-3.09,.07-6.18-.18-9.23-.74' fill='%2314C8BE'/%3E %3C/g%3E %3Cg id='open'%3E %3Cpath d='M112.92,95.92c0-8.21-2.86-13.38-9.5-13.38-3.78,0-7.21,2.31-9.68,4.81v18.18c3.23,3.05,5.9,4.52,9.87,4.52,6.18,0,9.32-5.17,9.32-14.11m-34.05,44.09V71.29h13.75l1.11,7.47c3.23-4.43,7.81-8.49,15.13-8.49,11.16,0,18.91,8.58,18.91,25.55s-7.84,25.37-19.1,25.37c-6.64,0-11.26-2.4-14.95-6.55v23.16l-14.86,2.22Z' fill='%23FFFFFF'/%3E %3Cpath d='M166.89,91.12c-.74-6.92-3.87-10.21-9.41-10.21-4.61,0-8.58,3.05-9.69,10.21h19.1Zm-34.04,4.81c0-19.1,14.57-25.65,24.73-25.65s22.6,5.08,22.6,27.4v2.22h-32.56c.74,8.12,5.26,11.26,11.41,11.26,5.41-.08,10.63-2.04,14.76-5.54l5.54,8.49c-5.72,4.89-12.83,7.38-21.4,7.38-12.83,0-25.09-6.55-25.09-25.55' fill='%23FFFFFF'/%3E %3Cpath d='M187.91,120.46v-49.17h13.74l1.11,7.75c2.95-3.87,8.41-8.76,16.98-8.76s14.3,4.15,14.3,14.3v35.89h-14.76v-31.18c0-4.43-1.66-6.73-5.81-6.73s-7.38,2.03-10.7,4.89v33.04h-14.86Z' fill='%23FFFFFF'/%3E %3Cpath d='M36.44,50.9C16.87,50.9,1,66.77,1,86.35s15.87,35.44,35.44,35.44,35.44-15.87,35.44-35.44-15.87-35.44-35.44-35.44m-.65,56.47c-11.79-.2-21.19-9.92-20.99-21.7,.19-11.51,9.48-20.8,20.99-20.99h21.33v21.35c0,11.79-9.54,21.36-21.33,21.37v-.02Z' fill='%23FFFFFF'/%3E %3C/g%3E %3Cg id='o-over'%3E %3Cpath d='M57.14,86.05c0,11.79-9.56,21.35-21.35,21.35s-21.35-9.56-21.35-21.35,9.56-21.35,21.35-21.35h21.33l.02,21.35Z' fill='%2314C8BE'/%3E %3C/g%3E %3Cg id='bbva'%3E %3Cpath d='M330.5,129.7l-5.44,10.36c-.09,.16-.29,.21-.45,.12-.05-.03-.09-.07-.12-.12l-5.45-10.36c-.05-.1-.16-.17-.28-.17h-2.63c-.13,0-.24,.11-.24,.24,0,.04,0,.07,.03,.1l8.57,16.05c.08,.15,.28,.21,.43,.13,.05-.03,.1-.07,.13-.13l8.57-16.05c.06-.12,.01-.26-.11-.32-.03-.02-.07-.03-.1-.03h-2.64c-.12,0-.22,.07-.28,.17' fill='%23FFFFFF'/%3E %3Cpath d='M333.59,143.52l5.44-10.36c.08-.17,.27-.24,.44-.16,.07,.03,.13,.09,.16,.16l5.45,10.36c.05,.1,.16,.17,.28,.17h2.63c.13,0,.24-.1,.24-.23,0-.04,0-.08-.03-.12l-8.57-16.04c-.08-.15-.28-.21-.43-.13-.05,.03-.1,.07-.13,.13l-8.57,16.04c-.06,.11-.02,.26,.09,.32,.04,.02,.08,.03,.12,.03h2.64c.12,0,.22-.06,.28-.17' fill='%23FFFFFF'/%3E %3Cpath d='M292.88,143.69h-4.9c-.17,0-.31-.13-.32-.31,0,0,0,0,0,0v-4.4c0-.18,.14-.32,.32-.32h4.9c2.34,0,3.38,.66,3.38,2.52s-1.02,2.51-3.38,2.51m-4.9-11.76h4.84c1.8,0,2.69,.76,2.69,2.17s-.9,2.17-2.69,2.17h-4.84c-.17,0-.31-.14-.31-.31,0,0,0,0,0,0v-3.71c0-.17,.14-.31,.31-.31m8.41,5.24c1.2-.66,1.92-1.94,1.84-3.31,0-2.58-2.01-4.33-4.85-4.33h-8.15c-.17,0-.31,.14-.31,.31,0,0,0,0,0,0v15.93c0,.17,.14,.31,.31,.31h7.81c3.9,0,5.97-1.68,5.97-4.97,.11-1.75-.95-3.36-2.6-3.95' fill='%23FFFFFF'/%3E %3Cpath d='M309.62,143.69h-4.91c-.17,0-.31-.14-.31-.31v-4.4c0-.17,.13-.32,.31-.32h4.91c2.34,0,3.38,.66,3.38,2.52s-1.02,2.51-3.38,2.51m-4.9-11.76h4.84c1.8,0,2.69,.76,2.69,2.17s-.91,2.17-2.69,2.17h-4.84c-.18,0-.32-.14-.32-.32v-3.71c0-.17,.14-.31,.31-.31h0m8.41,5.24c1.2-.66,1.92-1.94,1.84-3.31,0-2.58-2.01-4.33-4.85-4.33h-8.14c-.18,0-.32,.14-.32,.32h0v15.93c0,.17,.14,.31,.31,.31h7.82c3.9,0,5.96-1.68,5.96-4.97,.11-1.75-.95-3.36-2.6-3.95' fill='%23FFFFFF'/%3E %3Cpath d='M269.44,142.19c0-2.14-1.07-3.18-2.37-3.18-.96,0-1.65,.49-2.4,1.27v3.83c.6,.75,1.5,1.21,2.46,1.26,1.3,0,2.34-.96,2.34-3.17m-4.81,2.84l-.03,1.06h-1v-10.89l1.03-.15v4.37c.63-.8,1.59-1.28,2.61-1.29,1.8,0,3.21,1.32,3.21,4.04s-1.44,4.04-3.24,4.04c-.99-.02-1.93-.46-2.58-1.2' fill='%23FFFFFF'/%3E %3Cpath d='M271.28,148.97l-.07-.89c.37,.09,.75,.14,1.13,.14,.76,.04,1.43-.46,1.61-1.2l.32-.86-3-7.74,1.02-.19,2.46,6.68,2.4-6.58h1.07l-3.36,8.69c-.53,1.39-1.11,2.08-2.61,2.08-.35,.01-.7-.03-1.04-.11' fill='%23FFFFFF'/%3E %3C/g%3E %3C/svg%3E");
}

.icon-openpay-code-lg {
 width: 6.5rem;
 height: 3rem;
}

.icon-openpay {
 width: 4rem;
 height: 1rem;
 background-image: url('../../images/svg/openpay/openpay-100x25.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 1;
}



.icon-paypal {
 width: 4rem;
 height: 2rem;
 padding-bottom: 0.5rem;
 background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200'%3E %3Cg id='paypal'%3E %3Cg id='pay'%3E %3Cpath d='M146.2,111.76c11.94,0,22.1-8.72,23.93-20.52,1.87-11.91-7.43-22.3-20.62-22.3h-21.25c-.82-.01-1.53,.59-1.65,1.4l-9.47,60.11c-.13,.84,.44,1.63,1.29,1.76,.08,.01,.16,.02,.23,.02h11.24c.82,0,1.53-.59,1.65-1.4l2.79-17.66c.12-.81,.83-1.41,1.65-1.4h10.21Zm9.41-21.06c-.7,4.4-4.1,7.65-10.61,7.65h-8.33l2.52-16.02h8.18c6.74,.01,8.93,3.99,8.24,8.38h0Zm63.24-2.84h-10.68c-.82,0-1.53,.59-1.65,1.4l-.35,2.22s-8.29-9.05-22.96-2.94c-8.42,3.5-12.45,10.74-14.17,16.04,0,0-5.46,16.11,6.88,24.98,0,0,11.44,8.53,24.32-.53l-.22,1.41c-.13,.84,.44,1.63,1.28,1.76,.08,.01,.16,.02,.24,.02h10.67c.82,.01,1.53-.59,1.65-1.4l6.49-41.18c.13-.84-.44-1.63-1.29-1.76-.08-.01-.16-.02-.23-.02h0Zm-15.7,22.76c-.86,5.93-5.98,10.31-11.98,10.25-1.14,.01-2.27-.15-3.35-.49-4.6-1.48-7.23-5.9-6.47-10.7,.86-5.95,6.01-10.34,12.02-10.25,1.14-.01,2.27,.16,3.35,.49,4.59,1.47,7.2,5.9,6.44,10.7,0,0-.01,0-.01,0Z' fill='%23003087'/%3E %3Cpath d='M258.03,88.88l-12.87,21.72-6.53-21.56c-.21-.7-.86-1.18-1.59-1.18h-11.61c-.68-.01-1.25,.53-1.26,1.21,0,.15,.02,.3,.07,.44l11.7,36.31-10.58,17.11c-.37,.58-.2,1.34,.38,1.71,.2,.13,.44,.2,.68,.19h12.51c.73,0,1.4-.38,1.78-1l32.68-54.07c.36-.58,.18-1.34-.4-1.7-.2-.13-.44-.19-.67-.19h-12.5c-.73,0-1.41,.37-1.79,1Z' fill='%23003087'/%3E %3C/g%3E %3Cg id='pal'%3E %3Cpath d='M299.91,111.76c11.95,0,22.12-8.71,23.96-20.52,1.87-11.91-7.43-22.3-20.62-22.3h-21.24c-.82,0-1.53,.59-1.65,1.4l-9.5,60.13c-.11,.68,.25,1.35,.88,1.64,.2,.09,.42,.14,.64,.14h11.25c.82,0,1.53-.59,1.65-1.4l2.79-17.66c.12-.82,.83-1.42,1.65-1.4l10.2-.02Zm9.41-21.06c-.7,4.4-4.1,7.65-10.61,7.65h-8.33l2.53-16.02h8.18c6.73,.01,8.93,3.99,8.23,8.38h0Zm63.24-2.84h-10.66c-.82,0-1.53,.59-1.65,1.4l-.35,2.22s-8.29-9.05-22.95-2.94c-8.41,3.5-12.45,10.74-14.17,16.04,0,0-5.46,16.11,6.88,24.98,0,0,11.44,8.53,24.33-.53l-.22,1.41c-.11,.68,.25,1.35,.88,1.64,.2,.1,.42,.14,.64,.14h10.67c.83,.01,1.53-.59,1.65-1.4l6.49-41.18c.06-.45-.06-.9-.35-1.24-.29-.35-.72-.54-1.17-.54Zm-15.69,22.76c-.85,5.94-5.98,10.33-11.98,10.25-1.14,.01-2.27-.15-3.35-.49-4.61-1.48-7.23-5.9-6.48-10.7,.86-5.93,5.98-10.32,11.98-10.25,1.14-.01,2.27,.15,3.35,.49,4.63,1.47,7.25,5.9,6.49,10.7,0,0-.01,0-.01,0Z' fill='%230070e0'/%3E %3Cpath d='M384.56,70.31l-9.5,60.13c-.11,.68,.25,1.35,.88,1.64,.2,.1,.42,.14,.64,.14h11.24c.82,.01,1.53-.59,1.65-1.4l9.5-60.13c.07-.44-.06-.9-.35-1.24-.29-.34-.72-.54-1.17-.54h-11.24c-.82,0-1.53,.59-1.65,1.4h0Z' fill='%230070e0'/%3E %3C/g%3E %3Cg id='pe'%3E %3Cpath d='M85.26,96.38c-2.41,13.75-13.63,24.14-28.35,24.14h-9.35c-1.91,0-3.83,1.76-4.13,3.72l-4.09,25.98c-.24,1.48-.93,1.97-2.43,1.97h-15.03c-1.52,0-1.88-.51-1.65-2.01l1.73-17.96-18.04-.93c-1.52,0-2.07-.83-1.85-2.34L14.37,50.88c.24-1.48,1.16-2.11,2.65-2.11h31.22c15.03,0,24.54,10.12,25.7,23.24,8.94,6.04,13.12,14.08,11.32,24.38h0Z' fill='%23001c64'/%3E %3Cpath d='M26.53,101.04l-4.57,29.09-2.89,18.25c-.21,1.35,.72,2.62,2.08,2.82,.12,.02,.24,.03,.36,.03h15.88c1.5,0,2.77-1.09,3-2.57l4.18-26.52c.23-1.48,1.51-2.57,3-2.57h9.35c14.71-.02,27.22-10.75,29.48-25.29,1.62-10.33-3.58-19.73-12.47-24.37-.02,1.1-.12,2.2-.29,3.28-2.27,14.53-14.77,25.25-29.48,25.27h-14.63c-1.5,0-2.77,1.09-3,2.57Z' fill='%230070e0'/%3E %3Cpath d='M21.96,132.22H3.47c-1.37,0-2.48-1.12-2.47-2.49,0-.12,.01-.24,.03-.36L13.49,50.38c.23-1.48,1.5-2.57,3-2.57h31.74c15.03,0,25.96,10.94,25.7,24.19-4-2.06-8.44-3.12-12.94-3.09h-26.46c-1.5,0-2.77,1.09-3.01,2.57l-4.99,31.65-4.57,29.09Z' fill='%23003087'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 opacity: 0.95;
}

[data-bs-theme=dark] .icon-paypal {
 width: 4rem;
 height: 2rem;
 padding-bottom: 0.5rem;
 background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200'%3E %3Cg id='paypal'%3E %3Cg id='pay'%3E %3Cpath d='M146.2,111.76c11.94,0,22.1-8.72,23.93-20.52,1.87-11.91-7.43-22.3-20.62-22.3h-21.25c-.82-.01-1.53,.59-1.65,1.4l-9.47,60.11c-.13,.84,.44,1.63,1.29,1.76,.08,.01,.16,.02,.23,.02h11.24c.82,0,1.53-.59,1.65-1.4l2.79-17.66c.12-.81,.83-1.41,1.65-1.4h10.21Zm9.41-21.06c-.7,4.4-4.1,7.65-10.61,7.65h-8.33l2.52-16.02h8.18c6.74,.01,8.93,3.99,8.24,8.38h0Zm63.24-2.84h-10.68c-.82,0-1.53,.59-1.65,1.4l-.35,2.22s-8.29-9.05-22.96-2.94c-8.42,3.5-12.45,10.74-14.17,16.04,0,0-5.46,16.11,6.88,24.98,0,0,11.44,8.53,24.32-.53l-.22,1.41c-.13,.84,.44,1.63,1.28,1.76,.08,.01,.16,.02,.24,.02h10.67c.82,.01,1.53-.59,1.65-1.4l6.49-41.18c.13-.84-.44-1.63-1.29-1.76-.08-.01-.16-.02-.23-.02h0Zm-15.7,22.76c-.86,5.93-5.98,10.31-11.98,10.25-1.14,.01-2.27-.15-3.35-.49-4.6-1.48-7.23-5.9-6.47-10.7,.86-5.95,6.01-10.34,12.02-10.25,1.14-.01,2.27,.16,3.35,.49,4.59,1.47,7.2,5.9,6.44,10.7,0,0-.01,0-.01,0Z' fill='%230070e0'/%3E %3Cpath d='M258.03,88.88l-12.87,21.72-6.53-21.56c-.21-.7-.86-1.18-1.59-1.18h-11.61c-.68-.01-1.25,.53-1.26,1.21,0,.15,.02,.3,.07,.44l11.7,36.31-10.58,17.11c-.37,.58-.2,1.34,.38,1.71,.2,.13,.44,.2,.68,.19h12.51c.73,0,1.4-.38,1.78-1l32.68-54.07c.36-.58,.18-1.34-.4-1.7-.2-.13-.44-.19-.67-.19h-12.5c-.73,0-1.41,.37-1.79,1Z' fill='%230070e0'/%3E %3C/g%3E %3Cg id='pal'%3E %3Cpath d='M299.91,111.76c11.95,0,22.12-8.71,23.96-20.52,1.87-11.91-7.43-22.3-20.62-22.3h-21.24c-.82,0-1.53,.59-1.65,1.4l-9.5,60.13c-.11,.68,.25,1.35,.88,1.64,.2,.09,.42,.14,.64,.14h11.25c.82,0,1.53-.59,1.65-1.4l2.79-17.66c.12-.82,.83-1.42,1.65-1.4l10.2-.02Zm9.41-21.06c-.7,4.4-4.1,7.65-10.61,7.65h-8.33l2.53-16.02h8.18c6.73,.01,8.93,3.99,8.23,8.38h0Zm63.24-2.84h-10.66c-.82,0-1.53,.59-1.65,1.4l-.35,2.22s-8.29-9.05-22.95-2.94c-8.41,3.5-12.45,10.74-14.17,16.04,0,0-5.46,16.11,6.88,24.98,0,0,11.44,8.53,24.33-.53l-.22,1.41c-.11,.68,.25,1.35,.88,1.64,.2,.1,.42,.14,.64,.14h10.67c.83,.01,1.53-.59,1.65-1.4l6.49-41.18c.06-.45-.06-.9-.35-1.24-.29-.35-.72-.54-1.17-.54Zm-15.69,22.76c-.85,5.94-5.98,10.33-11.98,10.25-1.14,.01-2.27-.15-3.35-.49-4.61-1.48-7.23-5.9-6.48-10.7,.86-5.93,5.98-10.32,11.98-10.25,1.14-.01,2.27,.15,3.35,.49,4.63,1.47,7.25,5.9,6.49,10.7,0,0-.01,0-.01,0Z' fill='%23FFFFFF'/%3E %3Cpath d='M384.56,70.31l-9.5,60.13c-.11,.68,.25,1.35,.88,1.64,.2,.1,.42,.14,.64,.14h11.24c.82,.01,1.53-.59,1.65-1.4l9.5-60.13c.07-.44-.06-.9-.35-1.24-.29-.34-.72-.54-1.17-.54h-11.24c-.82,0-1.53,.59-1.65,1.4h0Z' fill='%23FFFFFF'/%3E %3C/g%3E %3Cg id='pe'%3E %3Cpath d='M85.26,96.38c-2.41,13.75-13.63,24.14-28.35,24.14h-9.35c-1.91,0-3.83,1.76-4.13,3.72l-4.09,25.98c-.24,1.48-.93,1.97-2.43,1.97h-15.03c-1.52,0-1.88-.51-1.65-2.01l1.73-17.96-18.04-.93c-1.52,0-2.07-.83-1.85-2.34L14.37,50.88c.24-1.48,1.16-2.11,2.65-2.11h31.22c15.03,0,24.54,10.12,25.7,23.24,8.94,6.04,13.12,14.08,11.32,24.38h0Z' fill='%23001c64'/%3E %3Cpath d='M26.53,101.04l-4.57,29.09-2.89,18.25c-.21,1.35,.72,2.62,2.08,2.82,.12,.02,.24,.03,.36,.03h15.88c1.5,0,2.77-1.09,3-2.57l4.18-26.52c.23-1.48,1.51-2.57,3-2.57h9.35c14.71-.02,27.22-10.75,29.48-25.29,1.62-10.33-3.58-19.73-12.47-24.37-.02,1.1-.12,2.2-.29,3.28-2.27,14.53-14.77,25.25-29.48,25.27h-14.63c-1.5,0-2.77,1.09-3,2.57Z' fill='%23FFFFFF'/%3E %3Cpath d='M21.96,132.22H3.47c-1.37,0-2.48-1.12-2.47-2.49,0-.12,.01-.24,.03-.36L13.49,50.38c.23-1.48,1.5-2.57,3-2.57h31.74c15.03,0,25.96,10.94,25.7,24.19-4-2.06-8.44-3.12-12.94-3.09h-26.46c-1.5,0-2.77,1.09-3.01,2.57l-4.99,31.65-4.57,29.09Z' fill='%230070e0'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
}

.icon-paypal-lg {
 width: 6rem;
 height: 3rem;
}

[data-bs-theme=dark] .icon-paypal-lg {
 width: 6rem;
 height: 3rem;
}



.icon-mensajero {
  width: 1.6rem;
  height: 1.2rem;
  padding: 0rem;
  margin: 0;
  text-align: center;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  vertical-align: middle;
  overflow: hidden;
 }
 
 .icon-mensajero.mensajero-off {
  width: 1.5rem;
  height: 1.32rem;
  color: #e4eaea;
  color: #484848;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 25'%3E %3Cpath d='M.65,16.32c1.25,.07,2.49-.49,3.36-1.58,.2-.25,.5-.62,.56-.97,.08-.48-.35-.99-.52-1.38-.25-.59-.4-1.23-.47-1.88-.29-2.58,.18-5.5,1.9-7.27,1.81-1.87,4.3-2.25,6.62-2.05,2.36,.21,4.98,.68,6.97,2.27,1.77,1.42,3.02,4.1,2.3,6.61,0,.06,.01,.11,.03,.13,.16,.25,.96,.12,1.23,.13,.76,.03,1.53,.11,2.28,.32,1.32,.37,2.71,1.17,3.18,2.78,.51,1.73-.09,3.52-.68,5.11-.35,.94-.91,2.32-.12,3.18,.56,.61,1.45,.59,2.16,.55,.11,0,.14,.17,.05,.23-1.15,.77-2.62,.78-3.75-.05-.44-.32-.76-.85-1.31-.91-.45-.05-.93,.05-1.39,.06-.99,.02-1.98-.02-2.97-.12-2.76-.29-6.67-1.24-7.11-5.13-.32,.31-.74,.35-1.15,.38-.7,.04-1.4,0-2.1-.12-.7-.12-1.4-.31-2.07-.58-.17-.07-.35-.21-.53-.13-.09,.04-.19,.23-.27,.31-.19,.2-.41,.37-.63,.52-.95,.61-2.09,.8-3.16,.86-.91,.05-1.96-.07-2.48-1.07-.04-.08,.01-.19,.09-.19Z' style='fill: %23e4eaea;'/%3E %3Cg id='chat-lineas'%3E %3Cpath d='M26.77,11.28c1.24,.5,2.2,1.34,2.61,2.47,1.67,4.57-.88,6.86-.91,7.32-.03,.52,.18,.95,.49,1.3m.59,.49c.65,.42,1.45,.63,1.95,.65m-8.27-13.59c.06-2.49-1.03-5.05-4.25-6.6M2.07,17.64c3.02,2.03,6.28-.77,6.28-.77,.37,0,2.44,.93,5.02,1m3.11,3.92c2.81,3.4,9.32,1.31,10.15,1.31,0,0,2.46,2.02,4.87,.4' style='fill: none;'/%3E %3Cpath d='M31.5,23.5s-.1,.12-.31,.28c-.22,.15-.56,.32-1.02,.45-.46,.11-1.04,.14-1.67,0-.64-.14-1.32-.41-1.99-.92l.12,.05c-.17,.01-.4,.06-.61,.1-.22,.04-.44,.09-.66,.13-.45,.09-.92,.17-1.4,.24-1.09,.15-2.14,.2-3.09,.13-.48-.04-.93-.11-1.35-.21-.42-.1-.8-.23-1.14-.38-.68-.3-1.18-.7-1.49-1.02-.08-.08-.14-.15-.2-.22-.05-.07-.09-.13-.13-.18-.07-.1-.1-.16-.08-.17,.01-.01,.06,.02,.15,.09,.04,.04,.09,.08,.15,.13,.06,.05,.14,.11,.22,.17,.32,.25,.82,.58,1.48,.82,.33,.12,.7,.22,1.11,.3,.4,.08,.84,.13,1.3,.15,.92,.05,1.95-.02,3.01-.17,.47-.07,.93-.14,1.38-.23,.22-.04,.45-.08,.66-.12,.22-.04,.42-.08,.68-.09h.06s.06,.05,.06,.05c.28,.23,.61,.42,.91,.57,.31,.16,.61,.26,.9,.34,.59,.15,1.12,.16,1.56,.11,.87-.15,1.34-.49,1.37-.41Z' style='fill: %23484848;'/%3E %3Cpath d='M13.37,17.87c0,.06-.56,.13-1.49,.05-.46-.04-1.01-.13-1.62-.27-.3-.07-.62-.15-.95-.25-.16-.05-.33-.1-.5-.15-.08-.02-.17-.05-.25-.07-.08-.02-.17-.04-.21-.04l.13-.05c-.22,.19-.45,.34-.69,.49-.74,.46-1.5,.77-2.21,.92-.72,.15-1.38,.12-1.92,0-.54-.13-.95-.34-1.21-.52-.26-.18-.39-.31-.38-.34,.02-.04,.17,.04,.45,.15,.28,.11,.68,.26,1.19,.33,.51,.07,1.13,.06,1.79-.11,.67-.16,1.38-.47,2.07-.9,.22-.14,.45-.3,.64-.45l.07-.06h.07c.14,.01,.22,.04,.32,.07,.09,.03,.18,.05,.26,.08,.17,.05,.33,.11,.5,.16,.32,.1,.63,.2,.93,.28,.59,.17,1.12,.29,1.57,.38,.9,.18,1.45,.23,1.45,.31Z' style='fill: %23484848;'/%3E %3Cpath d='M18.97,3.31s.12-.02,.31,.04c.09,.03,.21,.07,.34,.13,.13,.06,.27,.13,.43,.22,.32,.17,.68,.41,1.06,.72,.37,.33,.77,.72,1.11,1.21,.34,.49,.6,1.03,.78,1.54,.18,.51,.26,1,.31,1.41,.07,.83-.03,1.33-.08,1.33-.07,0-.09-.5-.24-1.26-.14-.76-.49-1.76-1.12-2.67-.32-.45-.68-.83-1.01-1.16-.35-.32-.67-.58-.96-.79-.14-.1-.27-.2-.39-.28-.12-.08-.22-.15-.3-.21-.16-.12-.25-.2-.23-.24Z' style='fill: %23484848;'/%3E %3Cpath d='M31.5,23.5c0,.15-.5,.25-1.06,.05-.57-.19-.95-.58-.88-.71,.07-.13,.49,.01,1.01,.18,.52,.18,.94,.32,.94,.47Z' style='fill: %23484848;'/%3E %3Cpath d='M28.96,22.36s-.17-.06-.36-.34c-.09-.14-.19-.34-.24-.6-.01-.06-.02-.13-.03-.2,0-.04,0-.07,0-.11v-.06s0-.07,.02-.1c.06-.18,.13-.28,.21-.42,.29-.5,.62-1.08,.85-1.8,.23-.71,.35-1.56,.3-2.44-.03-.44-.09-.87-.18-1.28-.09-.41-.21-.79-.33-1.15-.24-.69-.65-1.2-1.04-1.55-.39-.36-.75-.59-1-.75-.25-.16-.39-.25-.38-.28,0-.03,.17-.01,.45,.09,.28,.1,.68,.29,1.12,.63,.44,.34,.94,.88,1.24,1.67,.14,.38,.27,.78,.37,1.21,.1,.43,.17,.9,.2,1.38,.06,.96-.08,1.89-.36,2.66-.27,.77-.66,1.38-.98,1.84-.08,.11-.16,.24-.19,.31,0,0,.03,0-.05,0h0c.1,0,.03,0,.05,0h0s0,0,0,0h0s0,.03,0,.03c0,.03,0,.06,0,.09,0,.06,0,.11,0,.17,.02,.21,.08,.4,.14,.54,.13,.28,.24,.43,.21,.46Z' style='fill: %23484848;'/%3E %3C/g%3E %3Cg id='chat-lineas-2' data-name='chat-lineas'%3E %3Cpath d='M20.42,10.02c3.26-.67,6.54,.45,7.39,2.8,1.67,4.57-.88,6.86-.91,7.32-.08,1.62,2.06,2.39,3.03,2.44m-8.34-12.77c.48-3.95-1.72-8.38-10.62-8.84-2.46-.13-6.74,.8-7.82,3.77-2.08,5.71,1.1,8.56,1.13,9.13,.1,2.03-2.58,2.98-3.78,3.04m0,0c3.02,2.03,6.28-.95,6.28-.95,.59,0,5.53,2.38,9.97-.19m-3.74,.9c.09,1.07,.44,2.1,.92,2.97,2.44,4.44,10.04,2.18,10.98,2.19,0,0,2.61,2.39,5.03,.76' style='fill: none;'/%3E %3Cpath d='M29.93,22.58s-.1,.12-.32,.27c-.23,.15-.59,.31-1.07,.41-.48,.09-1.08,.06-1.73-.13-.65-.21-1.35-.55-2.03-1.12l.13,.05c-.14,0-.32,.04-.48,.07-.17,.03-.35,.06-.53,.1-.36,.07-.73,.13-1.11,.19-.76,.12-1.56,.21-2.38,.23-1.38,.04-2.72-.1-3.88-.55-.58-.22-1.11-.53-1.56-.9-.45-.37-.8-.82-1.06-1.27-.52-.9-.74-1.75-.84-2.34-.1-.59-.08-.92-.05-.93,.04,0,.08,.32,.23,.87,.15,.55,.41,1.35,.93,2.17,.26,.4,.6,.8,1.02,1.13,.42,.33,.92,.6,1.47,.8,1.1,.4,2.39,.52,3.74,.48,.81-.03,1.59-.11,2.34-.21,.37-.05,.74-.11,1.1-.17,.18-.03,.36-.06,.53-.09,.18-.03,.34-.06,.54-.06h.07s.06,.05,.06,.05c.29,.26,.63,.49,.94,.68,.32,.19,.63,.33,.93,.44,.6,.22,1.16,.27,1.62,.23,.45-.05,.81-.16,1.04-.26,.23-.11,.37-.15,.38-.13Z' style='fill: %23484848;'/%3E %3Cpath d='M16.75,15.76s-.19,.18-.58,.41c-.19,.13-.44,.23-.73,.36-.29,.14-.63,.24-1,.35-.76,.2-1.68,.35-2.71,.32-1.03-.02-2.15-.19-3.3-.5-.3-.08-.59-.17-.87-.26-.14-.04-.28-.09-.42-.13l-.2-.06h-.05s-.04-.02-.04-.02l-.08-.02,.14-.06c-1.62,1.36-3.4,1.81-4.62,1.59-.61-.09-1.07-.32-1.37-.5-.15-.09-.26-.17-.33-.24-.07-.06-.1-.1-.1-.11,0-.01,.05,0,.13,.03,.08,.03,.2,.09,.35,.15,.31,.12,.76,.29,1.34,.33,.58,.05,1.28-.03,2.03-.31,.37-.14,.76-.32,1.15-.54,.38-.23,.78-.5,1.14-.82l.07-.06h.06s.14,.03,.14,.03h.07s.05,.03,.05,.03c.07,.02,.15,.04,.22,.06,.14,.04,.28,.08,.42,.13,.28,.09,.57,.17,.86,.25,1.13,.3,2.21,.49,3.21,.53,1,.05,1.89-.05,2.63-.2,1.48-.32,2.34-.83,2.37-.74Z' style='fill: %23484848;'/%3E %3Cpath d='M.5,16.9s.52-.07,1.4-.42c.43-.18,.96-.44,1.47-.9,.25-.24,.49-.53,.63-.9,.07-.18,.12-.39,.12-.6,0-.05,0-.11,0-.16,0-.03,0-.06,0-.06,0,0,0-.02-.02-.04-.04-.08-.1-.18-.16-.27-.25-.39-.53-.81-.77-1.28-.24-.47-.46-.99-.62-1.56-.16-.57-.27-1.18-.31-1.82-.04-.64,0-1.3,.1-1.96,.1-.66,.26-1.32,.48-1.97,.1-.32,.23-.67,.4-.98,.17-.31,.38-.6,.61-.85,.46-.51,1.01-.91,1.59-1.23,.58-.32,1.19-.57,1.82-.75,1.26-.37,2.53-.53,3.76-.46,1.21,.07,2.38,.22,3.48,.46,1.1,.24,2.13,.6,3.05,1.05,.46,.24,.89,.49,1.29,.78,.4,.29,.76,.61,1.08,.94,.32,.34,.59,.7,.82,1.07,.23,.37,.41,.75,.55,1.11,.14,.36,.23,.72,.31,1.06,.06,.33,.11,.64,.12,.92,.04,.56,0,.99-.03,1.28-.04,.29-.07,.44-.09,.44-.02,0-.01-.16,0-.44,0-.29,0-.71-.06-1.25-.03-.27-.08-.56-.16-.88-.08-.31-.18-.65-.33-.99-.15-.34-.32-.69-.55-1.03-.23-.34-.5-.67-.8-.99-.31-.31-.66-.6-1.05-.87-.39-.27-.81-.5-1.25-.72-.9-.42-1.9-.75-2.98-.97-1.08-.23-2.23-.36-3.42-.42-1.18-.05-2.41,.1-3.63,.46-.61,.18-1.19,.41-1.74,.72-.55,.3-1.05,.67-1.47,1.13-.21,.23-.4,.48-.55,.75-.15,.27-.26,.56-.37,.88-.21,.62-.37,1.25-.47,1.87-.1,.62-.14,1.24-.11,1.84,.03,.6,.12,1.17,.26,1.7,.15,.53,.34,1.03,.56,1.49,.22,.46,.48,.86,.72,1.27,.06,.1,.12,.2,.18,.34,.03,.05,.06,.21,.05,.25,0,.07,0,.13,0,.19-.02,.26-.08,.5-.17,.72-.18,.44-.47,.75-.74,.99-.56,.48-1.12,.71-1.57,.86-.46,.15-.82,.21-1.07,.23-.25,.02-.38,0-.38-.01Z' style='fill: %23484848;'/%3E %3Cpath d='M29.93,22.58s-.27,.08-.76-.03c-.24-.05-.53-.13-.86-.28-.33-.15-.69-.35-1.04-.71-.04-.05-.08-.1-.12-.15-.04-.05-.08-.1-.12-.16-.04-.06-.07-.12-.11-.18-.03-.07-.06-.14-.09-.21-.03-.07-.05-.15-.07-.22-.01-.08-.04-.16-.04-.24,0-.08,0-.17-.01-.25,0-.01,0-.02,0-.04,0-.02,0-.04,0-.06,0-.05,.02-.06,.03-.09,.02-.06,.04-.08,.06-.12,.15-.27,.31-.5,.45-.76,.15-.26,.28-.53,.4-.81,.24-.58,.41-1.22,.46-1.91,.06-.69,0-1.42-.15-2.14-.08-.36-.17-.71-.29-1.05-.03-.08-.06-.17-.09-.25l-.1-.23c-.06-.16-.15-.29-.23-.43-.35-.54-.81-.94-1.29-1.24-.97-.6-1.97-.84-2.8-.95-.84-.11-1.53-.09-2-.06-.47,.03-.74,.05-.75,.01,0-.03,.25-.13,.73-.22,.48-.09,1.18-.17,2.05-.11,.87,.06,1.92,.27,2.97,.89,.52,.31,1.05,.74,1.45,1.36,.1,.16,.2,.31,.27,.49,.04,.09,.08,.18,.12,.27,.03,.09,.06,.18,.09,.27,.12,.36,.23,.73,.31,1.12,.16,.77,.23,1.57,.16,2.32-.07,.76-.26,1.47-.53,2.08-.13,.31-.29,.6-.45,.86-.16,.26-.33,.51-.46,.73-.01,.02-.03,.05-.03,.07,0,0-.01,.02,0,.01-.02,0-.05-.02-.08-.02h-.01c-.09,0,.11,0,.09,0h0s0,.02,0,.02c0,.06,0,.12,0,.18,0,.06,.02,.12,.03,.18,.01,.06,.02,.12,.04,.17,.06,.23,.2,.41,.33,.58,.29,.33,.62,.55,.92,.71,.3,.16,.57,.27,.8,.35,.45,.16,.72,.19,.72,.23Z' style='fill: %23484848;'/%3E %3C/g%3E %3Cg id='chat-lineas-3' data-name='chat-lineas'%3E %3Cpath d='M22.72,9.6s-.07-.1-.23-.2c-.08-.06-.18-.12-.29-.21-.06-.05-.12-.1-.17-.18-.06-.07-.11-.18-.12-.3v-.08s.06-.03,.06-.03c.22-.1,.43,.04,.58,.01l-.09,.15c-.03-.11-.14-.22-.26-.33-.06-.06-.13-.12-.2-.2-.06-.08-.13-.19-.14-.33v-.06s0-.12,0-.12h.11c.17-.01,.31,.04,.41,.02l-.09,.14s-.03-.1-.06-.15c-.03-.06-.07-.11-.11-.16-.08-.11-.16-.21-.23-.32-.04-.05-.07-.11-.11-.17-.02-.03-.03-.06-.04-.11,0-.04-.02-.1,0-.17,.03-.06,.08-.09,.11-.1,.03-.01,.06-.02,.09-.02,.06,0,.11,0,.15,0l-.08,.11c-.01-.11-.08-.21-.13-.3-.06-.09-.11-.16-.16-.22-.09-.12-.14-.19-.13-.2,0-.01,.08,.03,.19,.13,.06,.05,.12,.11,.19,.2,.07,.09,.15,.19,.19,.36l.02,.11h-.1s-.09,0-.13,0c-.02,0-.04,0-.05,.01,0,0-.01,0-.01,0h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.01,0,0,0,0,0,0,0,0,0,0,0,0,.02,0,.02,.02,.04,.03,.06,.03,.05,.06,.09,.1,.14,.08,.1,.16,.2,.24,.31,.04,.06,.08,.11,.13,.18,.04,.07,.08,.14,.1,.26l.02,.12-.11,.02c-.17,.03-.31-.03-.43-.02l.1-.12v.03c0,.12,.13,.24,.25,.36,.12,.12,.27,.24,.33,.47l.03,.14h-.12c-.12,.01-.23-.02-.31-.04-.09-.02-.16-.03-.22,0l.06-.1c0,.14,.11,.26,.2,.36,.1,.1,.19,.18,.27,.25,.07,.07,.13,.14,.15,.2,.03,.06,.02,.09,.02,.1Z' style='fill: %23484848;'/%3E %3Cpath d='M28.04,19.74s0-.01-.01-.04c0-.03,0-.07,0-.14,0-.03,.02-.06,.04-.1,.03-.03,.06-.05,.1-.06,.08-.02,.16,0,.25,.01,.08,.01,.19,.03,.24-.02,.05-.05,.06-.18,.02-.3-.04-.13-.11-.26-.18-.41-.03-.08-.07-.16-.09-.25-.02-.09-.03-.21,0-.33l.04-.13,.09,.09c.11,.11,.22,.22,.33,.31,.03,.02,.06,.04,.08,.05,.03,.01,.04,0,.03,0,0,.03,.02-.08,.01-.14-.01-.14-.1-.29-.2-.45-.09-.16-.22-.33-.23-.6v-.16s.13,.04,.13,.04c.14,.04,.23,.12,.33,.18,.1,.06,.19,.09,.25,.06l-.07,.14c-.01-.1-.04-.19-.09-.29-.08-.19-.19-.36-.29-.55-.1-.19-.2-.4-.2-.65v-.14s.11,.01,.11,.01c.1,0,.15,.03,.22,.05,.06,.02,.13,.03,.18,.04,.06,0,.12,0,.14,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.01,0,0,0-.02-.01-.05-.04-.11-.11-.23-.18-.35-.04-.06-.07-.11-.1-.17-.04-.05-.07-.1-.11-.15-.07-.11-.15-.21-.21-.33-.03-.06-.05-.13-.07-.2-.02-.07,0-.18,.04-.25,.01-.02,.02-.03,.05-.05,.02-.01,.05-.02,.06-.02,.04,0,.06,0,.09,0,.05,0,.1,.02,.15,.03,.09,.02,.19,.06,.24,.06l-.06,.1c-.04-.17-.13-.33-.2-.45-.08-.13-.15-.23-.21-.31-.12-.17-.19-.25-.18-.27,0-.01,.1,.06,.23,.21,.07,.08,.15,.17,.24,.3,.08,.13,.18,.27,.25,.48l.03,.1h-.09c-.12,0-.19-.03-.28-.05-.04,0-.09-.02-.13-.02-.02,0-.04,0-.06,0-.01,0,0,.02-.01-.01,0,0,0-.01,0-.02h0s-.03-.04,.02,.02h0s0,0,0,0h0s0,0,0,0c-.03,.03,0,.13,.05,.23,.05,.1,.12,.2,.2,.29,.04,.05,.08,.1,.12,.16,.04,.06,.07,.11,.11,.17,.07,.12,.15,.23,.21,.39,.01,.04,.03,.09,.02,.17-.02,.11-.07,.14-.12,.17-.1,.05-.17,.04-.24,.03-.07,0-.14-.02-.21-.04-.06-.02-.14-.04-.18-.04l.11-.13c0,.17,.08,.35,.18,.53,.09,.18,.21,.35,.3,.57,.05,.11,.09,.24,.11,.37v.1s-.07,.04-.07,.04c-.08,.03-.16,.03-.23,0-.07-.02-.13-.05-.18-.08-.11-.06-.2-.14-.28-.16l.13-.12c0,.15,.09,.31,.19,.47,.09,.16,.2,.33,.22,.56,0,.06,0,.12,0,.17,0,.03-.02,.06-.03,.09-.02,.04-.04,.07-.08,.1-.08,.05-.15,.03-.19,0-.05-.02-.08-.05-.12-.08-.13-.11-.23-.23-.33-.33l.14-.04c-.04,.12,0,.28,.06,.42,.06,.15,.13,.28,.17,.44,.04,.15,.05,.35-.08,.47-.06,.05-.13,.05-.19,.05-.05,0-.1-.02-.15-.03-.09-.02-.16-.04-.22-.04-.06,0-.09,.05-.11,.09-.02,.05-.02,.09-.03,.12,0,.03-.01,.04-.01,.04Z' style='fill: %23484848;'/%3E %3Cpath d='M20.53,22.98s.06-.08,.2-.09c.14-.02,.35,.03,.58,.1,.12,.03,.24,.06,.37,.06,.13,0,.28-.02,.44-.05,.04,0,.08-.02,.14-.02,.05,0,.09,0,.13,.01,.04,0,.06,0,.08-.01,.04-.01,.07-.03,.08-.05,.02-.01,.02-.03,.05-.09,.03-.06,.07-.11,.11-.15,.04-.04,.08-.08,.13-.11,.05-.03,.13-.06,.21-.04,.07,.02,.12,.06,.16,.09,.04,.03,.07,.06,.1,.09,.06,.05,.13,.08,.2,.1l-.12,.06c.04-.09,.09-.18,.14-.27,.03-.04,.06-.09,.13-.14,.03-.02,.09-.02,.13,0,.04,.01,.06,.04,.08,.05,.08,.07,.12,.14,.18,.2,.05,.06,.1,.11,.16,.16l-.12,.02c.07-.08,.04-.28,.11-.46l.02-.06h.05c.16,.03,.24,.14,.31,.22,.07,.09,.11,.16,.15,.22,.08,.12,.13,.17,.12,.19,0,.02-.08-.02-.18-.12-.05-.06-.11-.12-.18-.19-.07-.07-.15-.14-.24-.14l.07-.05c-.02,.06-.02,.13-.02,.21,0,.08-.01,.21-.08,.31l-.05,.08-.07-.06c-.06-.05-.12-.11-.18-.17-.06-.06-.12-.13-.17-.17-.01-.01-.02-.02-.02-.02,0,0,0,0,0-.02,0-.02,0,0,0,0,0,0,0,0,0,0,0,0,0,.02,0,.02,0,0-.03,.03-.05,.06-.04,.07-.08,.16-.12,.24l-.04,.08-.08-.02c-.09-.02-.19-.07-.27-.14-.08-.06-.16-.14-.19-.14-.02-.01-.09,.03-.15,.1-.03,.03-.05,.06-.06,.09l-.04,.07s-.04,.06-.07,.09c-.05,.05-.1,.07-.15,.08-.02,0-.06,.02-.09,.02-.03,0-.05,0-.08,0-.05,0-.09-.01-.12-.01-.02,0-.07,0-.11,0-.16,.02-.32,.04-.47,.03-.15-.01-.29-.05-.41-.1-.23-.09-.41-.16-.54-.17-.13-.01-.2,.02-.21,0Z' style='fill: %23484848;'/%3E %3Cpath d='M4.51,17.9s.04-.05,.13-.07c.09-.03,.22,0,.35-.05,.06-.03,.13-.07,.21-.13,.04-.03,.09-.06,.14-.09,.06-.03,.12-.03,.18-.04,.12,0,.25,.04,.32,.03,.01,0,0,0,0,0,0,0,0-.02,0-.05,0-.05,0-.12,0-.19v-.13s.1,0,.1,0c.12,0,.21,.06,.29,.11,.07,.05,.13,.07,.19,.07l-.1,.13s0-.09-.02-.14c-.01-.07-.03-.14-.04-.22,0-.08,0-.18,.03-.27l.05-.12,.09,.05c.13,.08,.23,.16,.34,.22,.1,.06,.21,.1,.25,.07l-.04,.14c-.08-.21-.26-.37-.35-.59l-.06-.14h.13c.13,.03,.22,.09,.3,.15,.08,.06,.13,.11,.18,.15,.09,.09,.15,.13,.14,.15,0,.02-.07,0-.18-.07-.06-.03-.13-.07-.2-.11-.07-.04-.16-.08-.25-.08l.07-.13c.04,.08,.1,.16,.17,.24,.07,.09,.15,.19,.21,.33l.04,.09-.08,.05c-.08,.05-.17,.05-.24,.03-.07-.02-.13-.05-.19-.08-.12-.07-.23-.15-.33-.21l.14-.06c-.03,.07,0,.18,.02,.33,.01,.06,.02,.12,.02,.19v.11s-.1,.01-.1,.01c-.13,.02-.23-.05-.31-.1-.08-.05-.14-.08-.19-.08l.1-.14c0,.08,.01,.16,0,.25,0,.04-.01,.1-.05,.15-.03,.06-.09,.09-.14,.1-.09,0-.15-.01-.2-.02-.05-.01-.1-.02-.15-.02-.09,0-.16,.02-.24,.07-.08,.05-.17,.1-.25,.12-.18,.03-.3-.01-.38-.01-.08,0-.13,0-.13,0Z' style='fill: %23484848;'/%3E %3Cpath d='M28.73,23.49s.05-.1,.17-.17c.12-.07,.31-.12,.49-.18l.14-.05v.18c0,.06,0,.13,0,.19,0,.05,.01,.11,.02,.15l-.17-.05c.1-.1,.21-.24,.35-.28l.09-.03,.02,.08c.06,.26,.09,.43,.05,.44s-.11-.13-.21-.35l.11,.05c-.08,.04-.15,.15-.26,.28l-.12,.14-.06-.19c-.02-.07-.03-.13-.04-.2,0-.08,0-.16,0-.24l.14,.13c-.21,.07-.39,.08-.51,.1-.12,.02-.2,.04-.21,.01Z' style='fill: %23484848;'/%3E %3C/g%3E %3Cg id='off-on'%3E %3Cpath d='M11.34,7.24c-2.11,.96-1.33,3.57,1.02,2.94,2.66-.41,1.09-3.71-1.02-2.94Z' style='fill: %23484848;'/%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 }
 
 .icon-mensajero.mensajero-on {
  width: 1.5rem;
  height: 1.32rem;
  color: #f3f3d8;
  color: #b9ce5d;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 25'%3E %3Cpath d='M.65,16.32c1.25,.07,2.49-.49,3.36-1.58,.2-.25,.5-.62,.56-.97,.08-.48-.35-.99-.52-1.38-.25-.59-.4-1.23-.47-1.88-.29-2.58,.18-5.5,1.9-7.27,1.81-1.87,4.3-2.25,6.62-2.05,2.36,.21,4.98,.68,6.97,2.27,1.77,1.42,3.02,4.1,2.3,6.61,0,.06,.01,.11,.03,.13,.16,.25,.96,.12,1.23,.13,.76,.03,1.53,.11,2.28,.32,1.32,.37,2.71,1.17,3.18,2.78,.51,1.73-.09,3.52-.68,5.11-.35,.94-.91,2.32-.12,3.18,.56,.61,1.45,.59,2.16,.55,.11,0,.14,.17,.05,.23-1.15,.77-2.62,.78-3.75-.05-.44-.32-.76-.85-1.31-.91-.45-.05-.93,.05-1.39,.06-.99,.02-1.98-.02-2.97-.12-2.76-.29-6.67-1.24-7.11-5.13-.32,.31-.74,.35-1.15,.38-.7,.04-1.4,0-2.1-.12-.7-.12-1.4-.31-2.07-.58-.17-.07-.35-.21-.53-.13-.09,.04-.19,.23-.27,.31-.19,.2-.41,.37-.63,.52-.95,.61-2.09,.8-3.16,.86-.91,.05-1.96-.07-2.48-1.07-.04-.08,.01-.19,.09-.19Z' style='fill: %23f3f3d8;'/%3E %3Cg id='chat-lineas'%3E %3Cpath d='M26.77,11.28c1.24,.5,2.2,1.34,2.61,2.47,1.67,4.57-.88,6.86-.91,7.32-.03,.52,.18,.95,.49,1.3m.59,.49c.65,.42,1.45,.63,1.95,.65m-8.27-13.59c.06-2.49-1.03-5.05-4.25-6.6M2.07,17.64c3.02,2.03,6.28-.77,6.28-.77,.37,0,2.44,.93,5.02,1m3.11,3.92c2.81,3.4,9.32,1.31,10.15,1.31,0,0,2.46,2.02,4.87,.4' style='fill: none;'/%3E %3Cpath d='M31.5,23.5s-.1,.12-.31,.28c-.22,.15-.56,.32-1.02,.45-.46,.11-1.04,.14-1.67,0-.64-.14-1.32-.41-1.99-.92l.12,.05c-.17,.01-.4,.06-.61,.1-.22,.04-.44,.09-.66,.13-.45,.09-.92,.17-1.4,.24-1.09,.15-2.14,.2-3.09,.13-.48-.04-.93-.11-1.35-.21-.42-.1-.8-.23-1.14-.38-.68-.3-1.18-.7-1.49-1.02-.08-.08-.14-.15-.2-.22-.05-.07-.09-.13-.13-.18-.07-.1-.1-.16-.08-.17,.01-.01,.06,.02,.15,.09,.04,.04,.09,.08,.15,.13,.06,.05,.14,.11,.22,.17,.32,.25,.82,.58,1.48,.82,.33,.12,.7,.22,1.11,.3,.4,.08,.84,.13,1.3,.15,.92,.05,1.95-.02,3.01-.17,.47-.07,.93-.14,1.38-.23,.22-.04,.45-.08,.66-.12,.22-.04,.42-.08,.68-.09h.06s.06,.05,.06,.05c.28,.23,.61,.42,.91,.57,.31,.16,.61,.26,.9,.34,.59,.15,1.12,.16,1.56,.11,.87-.15,1.34-.49,1.37-.41Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M13.37,17.87c0,.06-.56,.13-1.49,.05-.46-.04-1.01-.13-1.62-.27-.3-.07-.62-.15-.95-.25-.16-.05-.33-.1-.5-.15-.08-.02-.17-.05-.25-.07-.08-.02-.17-.04-.21-.04l.13-.05c-.22,.19-.45,.34-.69,.49-.74,.46-1.5,.77-2.21,.92-.72,.15-1.38,.12-1.92,0-.54-.13-.95-.34-1.21-.52-.26-.18-.39-.31-.38-.34,.02-.04,.17,.04,.45,.15,.28,.11,.68,.26,1.19,.33,.51,.07,1.13,.06,1.79-.11,.67-.16,1.38-.47,2.07-.9,.22-.14,.45-.3,.64-.45l.07-.06h.07c.14,.01,.22,.04,.32,.07,.09,.03,.18,.05,.26,.08,.17,.05,.33,.11,.5,.16,.32,.1,.63,.2,.93,.28,.59,.17,1.12,.29,1.57,.38,.9,.18,1.45,.23,1.45,.31Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M18.97,3.31s.12-.02,.31,.04c.09,.03,.21,.07,.34,.13,.13,.06,.27,.13,.43,.22,.32,.17,.68,.41,1.06,.72,.37,.33,.77,.72,1.11,1.21,.34,.49,.6,1.03,.78,1.54,.18,.51,.26,1,.31,1.41,.07,.83-.03,1.33-.08,1.33-.07,0-.09-.5-.24-1.26-.14-.76-.49-1.76-1.12-2.67-.32-.45-.68-.83-1.01-1.16-.35-.32-.67-.58-.96-.79-.14-.1-.27-.2-.39-.28-.12-.08-.22-.15-.3-.21-.16-.12-.25-.2-.23-.24Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M31.5,23.5c0,.15-.5,.25-1.06,.05-.57-.19-.95-.58-.88-.71,.07-.13,.49,.01,1.01,.18,.52,.18,.94,.32,.94,.47Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M28.96,22.36s-.17-.06-.36-.34c-.09-.14-.19-.34-.24-.6-.01-.06-.02-.13-.03-.2,0-.04,0-.07,0-.11v-.06s0-.07,.02-.1c.06-.18,.13-.28,.21-.42,.29-.5,.62-1.08,.85-1.8,.23-.71,.35-1.56,.3-2.44-.03-.44-.09-.87-.18-1.28-.09-.41-.21-.79-.33-1.15-.24-.69-.65-1.2-1.04-1.55-.39-.36-.75-.59-1-.75-.25-.16-.39-.25-.38-.28,0-.03,.17-.01,.45,.09,.28,.1,.68,.29,1.12,.63,.44,.34,.94,.88,1.24,1.67,.14,.38,.27,.78,.37,1.21,.1,.43,.17,.9,.2,1.38,.06,.96-.08,1.89-.36,2.66-.27,.77-.66,1.38-.98,1.84-.08,.11-.16,.24-.19,.31,0,0,.03,0-.05,0h0c.1,0,.03,0,.05,0h0s0,0,0,0h0s0,.03,0,.03c0,.03,0,.06,0,.09,0,.06,0,.11,0,.17,.02,.21,.08,.4,.14,.54,.13,.28,.24,.43,.21,.46Z' style='fill: %23b9ce5d;'/%3E %3C/g%3E %3Cg id='chat-lineas-2' data-name='chat-lineas'%3E %3Cpath d='M20.42,10.02c3.26-.67,6.54,.45,7.39,2.8,1.67,4.57-.88,6.86-.91,7.32-.08,1.62,2.06,2.39,3.03,2.44m-8.34-12.77c.48-3.95-1.72-8.38-10.62-8.84-2.46-.13-6.74,.8-7.82,3.77-2.08,5.71,1.1,8.56,1.13,9.13,.1,2.03-2.58,2.98-3.78,3.04m0,0c3.02,2.03,6.28-.95,6.28-.95,.59,0,5.53,2.38,9.97-.19m-3.74,.9c.09,1.07,.44,2.1,.92,2.97,2.44,4.44,10.04,2.18,10.98,2.19,0,0,2.61,2.39,5.03,.76' style='fill: none;'/%3E %3Cpath d='M29.93,22.58s-.1,.12-.32,.27c-.23,.15-.59,.31-1.07,.41-.48,.09-1.08,.06-1.73-.13-.65-.21-1.35-.55-2.03-1.12l.13,.05c-.14,0-.32,.04-.48,.07-.17,.03-.35,.06-.53,.1-.36,.07-.73,.13-1.11,.19-.76,.12-1.56,.21-2.38,.23-1.38,.04-2.72-.1-3.88-.55-.58-.22-1.11-.53-1.56-.9-.45-.37-.8-.82-1.06-1.27-.52-.9-.74-1.75-.84-2.34-.1-.59-.08-.92-.05-.93,.04,0,.08,.32,.23,.87,.15,.55,.41,1.35,.93,2.17,.26,.4,.6,.8,1.02,1.13,.42,.33,.92,.6,1.47,.8,1.1,.4,2.39,.52,3.74,.48,.81-.03,1.59-.11,2.34-.21,.37-.05,.74-.11,1.1-.17,.18-.03,.36-.06,.53-.09,.18-.03,.34-.06,.54-.06h.07s.06,.05,.06,.05c.29,.26,.63,.49,.94,.68,.32,.19,.63,.33,.93,.44,.6,.22,1.16,.27,1.62,.23,.45-.05,.81-.16,1.04-.26,.23-.11,.37-.15,.38-.13Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M16.75,15.76s-.19,.18-.58,.41c-.19,.13-.44,.23-.73,.36-.29,.14-.63,.24-1,.35-.76,.2-1.68,.35-2.71,.32-1.03-.02-2.15-.19-3.3-.5-.3-.08-.59-.17-.87-.26-.14-.04-.28-.09-.42-.13l-.2-.06h-.05s-.04-.02-.04-.02l-.08-.02,.14-.06c-1.62,1.36-3.4,1.81-4.62,1.59-.61-.09-1.07-.32-1.37-.5-.15-.09-.26-.17-.33-.24-.07-.06-.1-.1-.1-.11,0-.01,.05,0,.13,.03,.08,.03,.2,.09,.35,.15,.31,.12,.76,.29,1.34,.33,.58,.05,1.28-.03,2.03-.31,.37-.14,.76-.32,1.15-.54,.38-.23,.78-.5,1.14-.82l.07-.06h.06s.14,.03,.14,.03h.07s.05,.03,.05,.03c.07,.02,.15,.04,.22,.06,.14,.04,.28,.08,.42,.13,.28,.09,.57,.17,.86,.25,1.13,.3,2.21,.49,3.21,.53,1,.05,1.89-.05,2.63-.2,1.48-.32,2.34-.83,2.37-.74Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M.5,16.9s.52-.07,1.4-.42c.43-.18,.96-.44,1.47-.9,.25-.24,.49-.53,.63-.9,.07-.18,.12-.39,.12-.6,0-.05,0-.11,0-.16,0-.03,0-.06,0-.06,0,0,0-.02-.02-.04-.04-.08-.1-.18-.16-.27-.25-.39-.53-.81-.77-1.28-.24-.47-.46-.99-.62-1.56-.16-.57-.27-1.18-.31-1.82-.04-.64,0-1.3,.1-1.96,.1-.66,.26-1.32,.48-1.97,.1-.32,.23-.67,.4-.98,.17-.31,.38-.6,.61-.85,.46-.51,1.01-.91,1.59-1.23,.58-.32,1.19-.57,1.82-.75,1.26-.37,2.53-.53,3.76-.46,1.21,.07,2.38,.22,3.48,.46,1.1,.24,2.13,.6,3.05,1.05,.46,.24,.89,.49,1.29,.78,.4,.29,.76,.61,1.08,.94,.32,.34,.59,.7,.82,1.07,.23,.37,.41,.75,.55,1.11,.14,.36,.23,.72,.31,1.06,.06,.33,.11,.64,.12,.92,.04,.56,0,.99-.03,1.28-.04,.29-.07,.44-.09,.44-.02,0-.01-.16,0-.44,0-.29,0-.71-.06-1.25-.03-.27-.08-.56-.16-.88-.08-.31-.18-.65-.33-.99-.15-.34-.32-.69-.55-1.03-.23-.34-.5-.67-.8-.99-.31-.31-.66-.6-1.05-.87-.39-.27-.81-.5-1.25-.72-.9-.42-1.9-.75-2.98-.97-1.08-.23-2.23-.36-3.42-.42-1.18-.05-2.41,.1-3.63,.46-.61,.18-1.19,.41-1.74,.72-.55,.3-1.05,.67-1.47,1.13-.21,.23-.4,.48-.55,.75-.15,.27-.26,.56-.37,.88-.21,.62-.37,1.25-.47,1.87-.1,.62-.14,1.24-.11,1.84,.03,.6,.12,1.17,.26,1.7,.15,.53,.34,1.03,.56,1.49,.22,.46,.48,.86,.72,1.27,.06,.1,.12,.2,.18,.34,.03,.05,.06,.21,.05,.25,0,.07,0,.13,0,.19-.02,.26-.08,.5-.17,.72-.18,.44-.47,.75-.74,.99-.56,.48-1.12,.71-1.57,.86-.46,.15-.82,.21-1.07,.23-.25,.02-.38,0-.38-.01Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M29.93,22.58s-.27,.08-.76-.03c-.24-.05-.53-.13-.86-.28-.33-.15-.69-.35-1.04-.71-.04-.05-.08-.1-.12-.15-.04-.05-.08-.1-.12-.16-.04-.06-.07-.12-.11-.18-.03-.07-.06-.14-.09-.21-.03-.07-.05-.15-.07-.22-.01-.08-.04-.16-.04-.24,0-.08,0-.17-.01-.25,0-.01,0-.02,0-.04,0-.02,0-.04,0-.06,0-.05,.02-.06,.03-.09,.02-.06,.04-.08,.06-.12,.15-.27,.31-.5,.45-.76,.15-.26,.28-.53,.4-.81,.24-.58,.41-1.22,.46-1.91,.06-.69,0-1.42-.15-2.14-.08-.36-.17-.71-.29-1.05-.03-.08-.06-.17-.09-.25l-.1-.23c-.06-.16-.15-.29-.23-.43-.35-.54-.81-.94-1.29-1.24-.97-.6-1.97-.84-2.8-.95-.84-.11-1.53-.09-2-.06-.47,.03-.74,.05-.75,.01,0-.03,.25-.13,.73-.22,.48-.09,1.18-.17,2.05-.11,.87,.06,1.92,.27,2.97,.89,.52,.31,1.05,.74,1.45,1.36,.1,.16,.2,.31,.27,.49,.04,.09,.08,.18,.12,.27,.03,.09,.06,.18,.09,.27,.12,.36,.23,.73,.31,1.12,.16,.77,.23,1.57,.16,2.32-.07,.76-.26,1.47-.53,2.08-.13,.31-.29,.6-.45,.86-.16,.26-.33,.51-.46,.73-.01,.02-.03,.05-.03,.07,0,0-.01,.02,0,.01-.02,0-.05-.02-.08-.02h-.01c-.09,0,.11,0,.09,0h0s0,.02,0,.02c0,.06,0,.12,0,.18,0,.06,.02,.12,.03,.18,.01,.06,.02,.12,.04,.17,.06,.23,.2,.41,.33,.58,.29,.33,.62,.55,.92,.71,.3,.16,.57,.27,.8,.35,.45,.16,.72,.19,.72,.23Z' style='fill: %23b9ce5d;'/%3E %3C/g%3E %3Cg id='chat-lineas-3' data-name='chat-lineas'%3E %3Cpath d='M22.72,9.6s-.07-.1-.23-.2c-.08-.06-.18-.12-.29-.21-.06-.05-.12-.1-.17-.18-.06-.07-.11-.18-.12-.3v-.08s.06-.03,.06-.03c.22-.1,.43,.04,.58,.01l-.09,.15c-.03-.11-.14-.22-.26-.33-.06-.06-.13-.12-.2-.2-.06-.08-.13-.19-.14-.33v-.06s0-.12,0-.12h.11c.17-.01,.31,.04,.41,.02l-.09,.14s-.03-.1-.06-.15c-.03-.06-.07-.11-.11-.16-.08-.11-.16-.21-.23-.32-.04-.05-.07-.11-.11-.17-.02-.03-.03-.06-.04-.11,0-.04-.02-.1,0-.17,.03-.06,.08-.09,.11-.1,.03-.01,.06-.02,.09-.02,.06,0,.11,0,.15,0l-.08,.11c-.01-.11-.08-.21-.13-.3-.06-.09-.11-.16-.16-.22-.09-.12-.14-.19-.13-.2,0-.01,.08,.03,.19,.13,.06,.05,.12,.11,.19,.2,.07,.09,.15,.19,.19,.36l.02,.11h-.1s-.09,0-.13,0c-.02,0-.04,0-.05,.01,0,0-.01,0-.01,0h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.01,0,0,0,0,0,0,0,0,0,0,0,0,.02,0,.02,.02,.04,.03,.06,.03,.05,.06,.09,.1,.14,.08,.1,.16,.2,.24,.31,.04,.06,.08,.11,.13,.18,.04,.07,.08,.14,.1,.26l.02,.12-.11,.02c-.17,.03-.31-.03-.43-.02l.1-.12v.03c0,.12,.13,.24,.25,.36,.12,.12,.27,.24,.33,.47l.03,.14h-.12c-.12,.01-.23-.02-.31-.04-.09-.02-.16-.03-.22,0l.06-.1c0,.14,.11,.26,.2,.36,.1,.1,.19,.18,.27,.25,.07,.07,.13,.14,.15,.2,.03,.06,.02,.09,.02,.1Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M28.04,19.74s0-.01-.01-.04c0-.03,0-.07,0-.14,0-.03,.02-.06,.04-.1,.03-.03,.06-.05,.1-.06,.08-.02,.16,0,.25,.01,.08,.01,.19,.03,.24-.02,.05-.05,.06-.18,.02-.3-.04-.13-.11-.26-.18-.41-.03-.08-.07-.16-.09-.25-.02-.09-.03-.21,0-.33l.04-.13,.09,.09c.11,.11,.22,.22,.33,.31,.03,.02,.06,.04,.08,.05,.03,.01,.04,0,.03,0,0,.03,.02-.08,.01-.14-.01-.14-.1-.29-.2-.45-.09-.16-.22-.33-.23-.6v-.16s.13,.04,.13,.04c.14,.04,.23,.12,.33,.18,.1,.06,.19,.09,.25,.06l-.07,.14c-.01-.1-.04-.19-.09-.29-.08-.19-.19-.36-.29-.55-.1-.19-.2-.4-.2-.65v-.14s.11,.01,.11,.01c.1,0,.15,.03,.22,.05,.06,.02,.13,.03,.18,.04,.06,0,.12,0,.14,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.01,0,0,0-.02-.01-.05-.04-.11-.11-.23-.18-.35-.04-.06-.07-.11-.1-.17-.04-.05-.07-.1-.11-.15-.07-.11-.15-.21-.21-.33-.03-.06-.05-.13-.07-.2-.02-.07,0-.18,.04-.25,.01-.02,.02-.03,.05-.05,.02-.01,.05-.02,.06-.02,.04,0,.06,0,.09,0,.05,0,.1,.02,.15,.03,.09,.02,.19,.06,.24,.06l-.06,.1c-.04-.17-.13-.33-.2-.45-.08-.13-.15-.23-.21-.31-.12-.17-.19-.25-.18-.27,0-.01,.1,.06,.23,.21,.07,.08,.15,.17,.24,.3,.08,.13,.18,.27,.25,.48l.03,.1h-.09c-.12,0-.19-.03-.28-.05-.04,0-.09-.02-.13-.02-.02,0-.04,0-.06,0-.01,0,0,.02-.01-.01,0,0,0-.01,0-.02h0s-.03-.04,.02,.02h0s0,0,0,0h0s0,0,0,0c-.03,.03,0,.13,.05,.23,.05,.1,.12,.2,.2,.29,.04,.05,.08,.1,.12,.16,.04,.06,.07,.11,.11,.17,.07,.12,.15,.23,.21,.39,.01,.04,.03,.09,.02,.17-.02,.11-.07,.14-.12,.17-.1,.05-.17,.04-.24,.03-.07,0-.14-.02-.21-.04-.06-.02-.14-.04-.18-.04l.11-.13c0,.17,.08,.35,.18,.53,.09,.18,.21,.35,.3,.57,.05,.11,.09,.24,.11,.37v.1s-.07,.04-.07,.04c-.08,.03-.16,.03-.23,0-.07-.02-.13-.05-.18-.08-.11-.06-.2-.14-.28-.16l.13-.12c0,.15,.09,.31,.19,.47,.09,.16,.2,.33,.22,.56,0,.06,0,.12,0,.17,0,.03-.02,.06-.03,.09-.02,.04-.04,.07-.08,.1-.08,.05-.15,.03-.19,0-.05-.02-.08-.05-.12-.08-.13-.11-.23-.23-.33-.33l.14-.04c-.04,.12,0,.28,.06,.42,.06,.15,.13,.28,.17,.44,.04,.15,.05,.35-.08,.47-.06,.05-.13,.05-.19,.05-.05,0-.1-.02-.15-.03-.09-.02-.16-.04-.22-.04-.06,0-.09,.05-.11,.09-.02,.05-.02,.09-.03,.12,0,.03-.01,.04-.01,.04Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M20.53,22.98s.06-.08,.2-.09c.14-.02,.35,.03,.58,.1,.12,.03,.24,.06,.37,.06,.13,0,.28-.02,.44-.05,.04,0,.08-.02,.14-.02,.05,0,.09,0,.13,.01,.04,0,.06,0,.08-.01,.04-.01,.07-.03,.08-.05,.02-.01,.02-.03,.05-.09,.03-.06,.07-.11,.11-.15,.04-.04,.08-.08,.13-.11,.05-.03,.13-.06,.21-.04,.07,.02,.12,.06,.16,.09,.04,.03,.07,.06,.1,.09,.06,.05,.13,.08,.2,.1l-.12,.06c.04-.09,.09-.18,.14-.27,.03-.04,.06-.09,.13-.14,.03-.02,.09-.02,.13,0,.04,.01,.06,.04,.08,.05,.08,.07,.12,.14,.18,.2,.05,.06,.1,.11,.16,.16l-.12,.02c.07-.08,.04-.28,.11-.46l.02-.06h.05c.16,.03,.24,.14,.31,.22,.07,.09,.11,.16,.15,.22,.08,.12,.13,.17,.12,.19,0,.02-.08-.02-.18-.12-.05-.06-.11-.12-.18-.19-.07-.07-.15-.14-.24-.14l.07-.05c-.02,.06-.02,.13-.02,.21,0,.08-.01,.21-.08,.31l-.05,.08-.07-.06c-.06-.05-.12-.11-.18-.17-.06-.06-.12-.13-.17-.17-.01-.01-.02-.02-.02-.02,0,0,0,0,0-.02,0-.02,0,0,0,0,0,0,0,0,0,0,0,0,0,.02,0,.02,0,0-.03,.03-.05,.06-.04,.07-.08,.16-.12,.24l-.04,.08-.08-.02c-.09-.02-.19-.07-.27-.14-.08-.06-.16-.14-.19-.14-.02-.01-.09,.03-.15,.1-.03,.03-.05,.06-.06,.09l-.04,.07s-.04,.06-.07,.09c-.05,.05-.1,.07-.15,.08-.02,0-.06,.02-.09,.02-.03,0-.05,0-.08,0-.05,0-.09-.01-.12-.01-.02,0-.07,0-.11,0-.16,.02-.32,.04-.47,.03-.15-.01-.29-.05-.41-.1-.23-.09-.41-.16-.54-.17-.13-.01-.2,.02-.21,0Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M4.51,17.9s.04-.05,.13-.07c.09-.03,.22,0,.35-.05,.06-.03,.13-.07,.21-.13,.04-.03,.09-.06,.14-.09,.06-.03,.12-.03,.18-.04,.12,0,.25,.04,.32,.03,.01,0,0,0,0,0,0,0,0-.02,0-.05,0-.05,0-.12,0-.19v-.13s.1,0,.1,0c.12,0,.21,.06,.29,.11,.07,.05,.13,.07,.19,.07l-.1,.13s0-.09-.02-.14c-.01-.07-.03-.14-.04-.22,0-.08,0-.18,.03-.27l.05-.12,.09,.05c.13,.08,.23,.16,.34,.22,.1,.06,.21,.1,.25,.07l-.04,.14c-.08-.21-.26-.37-.35-.59l-.06-.14h.13c.13,.03,.22,.09,.3,.15,.08,.06,.13,.11,.18,.15,.09,.09,.15,.13,.14,.15,0,.02-.07,0-.18-.07-.06-.03-.13-.07-.2-.11-.07-.04-.16-.08-.25-.08l.07-.13c.04,.08,.1,.16,.17,.24,.07,.09,.15,.19,.21,.33l.04,.09-.08,.05c-.08,.05-.17,.05-.24,.03-.07-.02-.13-.05-.19-.08-.12-.07-.23-.15-.33-.21l.14-.06c-.03,.07,0,.18,.02,.33,.01,.06,.02,.12,.02,.19v.11s-.1,.01-.1,.01c-.13,.02-.23-.05-.31-.1-.08-.05-.14-.08-.19-.08l.1-.14c0,.08,.01,.16,0,.25,0,.04-.01,.1-.05,.15-.03,.06-.09,.09-.14,.1-.09,0-.15-.01-.2-.02-.05-.01-.1-.02-.15-.02-.09,0-.16,.02-.24,.07-.08,.05-.17,.1-.25,.12-.18,.03-.3-.01-.38-.01-.08,0-.13,0-.13,0Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M28.73,23.49s.05-.1,.17-.17c.12-.07,.31-.12,.49-.18l.14-.05v.18c0,.06,0,.13,0,.19,0,.05,.01,.11,.02,.15l-.17-.05c.1-.1,.21-.24,.35-.28l.09-.03,.02,.08c.06,.26,.09,.43,.05,.44s-.11-.13-.21-.35l.11,.05c-.08,.04-.15,.15-.26,.28l-.12,.14-.06-.19c-.02-.07-.03-.13-.04-.2,0-.08,0-.16,0-.24l.14,.13c-.21,.07-.39,.08-.51,.1-.12,.02-.2,.04-.21,.01Z' style='fill: %23b9ce5d;'/%3E %3C/g%3E %3Cg id='off-on'%3E %3Cpath d='M6.82,7.24c-2.11,.96-1.33,3.57,1.02,2.94,2.67-.41,1.09-3.71-1.02-2.94Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M11.34,7.24c-2.11,.96-1.33,3.57,1.02,2.94,2.66-.41,1.09-3.71-1.02-2.94Z' style='fill: %23b9ce5d;'/%3E %3Cpath d='M15.85,7.24c-2.11,.96-1.33,3.57,1.02,2.94,2.66-.41,1.09-3.71-1.02-2.94Z' style='fill: %23b9ce5d;'/%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 }



.site-logo {
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=);
 background-repeat: repeat;
}

.site-logo {
 width: 100%;
 height: 140px;
 border-top: #202020 2px solid;
 border-bottom: #202020 1px solid;
 background-color: rgb(25, 25, 25);
 background-color: red;
}

.site-logo img {
 display: block;
 margin: 0 auto;
 max-height: 50px;
}

.site-title {
 margin-top: 8px;
 margin-bottom: 0px;
 font-family:'avenir-next-regular';
 font-size: clamp(1.6rem, 5vw, 2.6rem);
 color: #FFF;
 font-weight: 200;
 white-space: pre-wrap;
 letter-spacing: -0.02em;
 text-shadow: 0rem 0.15rem 0.1rem rgba(17, 17, 17, 0.9);
}

.site-title a {
 color: #FFF;
}

.site-title-shape {
 margin-top: 8px;
 margin-bottom: 0px;
 font-family:'avenir-next-regular';
 font-size: clamp(1.6rem, 5vw, 2.6rem);
 color: rgba(19, 19, 19, 0.8);
 font-weight: 200;
 white-space: pre-wrap;
 letter-spacing: -0.02em;
 text-shadow: 0rem 0.15rem 0.1rem rgba(17, 17, 17, 0.9);
 pointer-events: none;
}

.site-subtitle-portada {
 font-family:'avenir-next-regular';font-size: clamp(1.8rem, 5vw, 1.8rem);
 font-weight: 200;
 text-transform: uppercase;
 color: #808080;
 white-space: pre-wrap;
 letter-spacing: -0.01em;
 text-shadow: 0rem 0.12rem 0.1rem rgba(11, 11, 11, 0.9);
 margin-top: 1px;
}

.site-subtitle {
 font-family:'avenir-next-regular';
 font-size: clamp(1.8rem, 5vw, 1.8rem);
 font-weight: 200;
 text-transform: uppercase;
 color: #808080;
 white-space: pre-wrap;
 letter-spacing: -0.01em;
 text-shadow: 0rem 0.12rem 0.1rem rgba(11, 11, 11, 0.9);
 margin-top: 1px;
}

.subtitle {
 margin-top: 1px;
 padding: 1rem;
 font-family:"Georgia";
 font-style: italic;
 font-size: clamp(1.4rem, 5vw, 1.8rem);
 white-space: pre-wrap;
 letter-spacing: -0.01em;
 text-shadow: 0rem 0.12rem 0.12rem rgba(0, 0, 0, 0.9);
 opacity: 0.8;
}

.ultima .sub-title {
 font-size: clamp(1.4rem, 5vw, 1.8rem);
}

.site-web {
 margin-top: 8px;
 margin-bottom: 0px;
 font-family:'avenir-next-regular';font-size: clamp(1.2rem, 5vw, 2rem);
 text-align: center;
 color: #FFF;
 white-space: pre-wrap;
 letter-spacing: -0.02em;
 text-shadow: 0rem 0.15rem 0.1rem rgba(17, 17, 17, 0.9);
}

.logo-gerardo-gg-xs {
 display: block;
 width: auto;
 height: auto;
 background: none;
}

.logo-gerardo-gg-lg {
 display: block;
 width: auto;
 height: auto;
 background: none;
}

.logo-gerardo-gg-lg-back {
 display: block;
 width: auto;
 height: auto;
 background: none;
}

.logo-svg-silueta {
 padding: calc(2rem + 1.5vw);
 fill: rgb(255, 255, 255, 0.8);
 opacity: 0;
 background: none;
 transform-origin: center;
 transform-box: fill-box;
 width: 100px;
 height: 100px;
 transition: opacity 150ms, fill 150ms, height 150ms, width 150ms, transform 200ms;
 -webkit-transition: opacity 150ms, fill 150ms, height 150ms, width 150ms, transform 200ms;
}

.logo-svg-silueta-back {
 padding: calc(2rem + 1.5vw);
 fill: rgb(255, 255, 255, 0.8);
 opacity: 0;
 background: none;
 transform-origin: center;
 transform-box: fill-box;
 width: 100px;
 height: 100px;
 transition: opacity 150ms, fill 150ms, height 150ms, width 150ms, transform 200ms;
 -webkit-transition: opacity 150ms, fill 150ms, height 150ms, width 150ms, transform 200ms;
}

.logo-svg-silueta-one {
 padding: 0.15rem;
 transform-origin: center;
 transform-box: fill-box;
 width: calc(3rem + 25dvh);
 height: auto;
 fill: rgba(21, 21, 22, 0.35);
 fill: rgba(23, 6, 41, 0.35);
 opacity: 0.85;
 background: none;
 transition: opacity 600ms, fill 150ms, height 150ms, width 150ms, transform 150ms;
 -webkit-transition: opacity 600ms, fill 150ms, height 150ms, width 150ms, transform 150ms;
}

.logo-svg-silueta-two {
 padding: 0.15rem;
 transform-origin: center;
 transform-box: fill-box;
 width: 2.60rem;
 height: 2.60rem;
 fill: rgb(255, 255, 255, 0.8);
 opacity: 0;
 background: none;
 transition: opacity 600ms, fill 150ms;
 -webkit-transition: opacity 600ms, fill 150ms;
}

.logo-svg-silueta-one,
.logo-svg-silueta-two {
 mix-blend-mode: screen;
}



.inner {
 padding: 6% 0;
 text-align: center;
}

.holder-logo {
 display: grid;
 place-items: center;
 align-content: center;
 text-align: center;
}

.holder-logo a.link {
 text-align: center;
 font-weight: 500;
 font-size: clamp(0.7rem, 1.5vw, 1rem);
}

.link.permaculturamx {
 color: #7A984B;
 text-decoration: none;
}

.link.huamil {
 color: #5b7363;
 text-decoration: none;
}

[data-bs-theme=dark] .link.huamil {
 color: #CFD699;
 text-decoration: none;
}

.link.kundi {
 color: #45af7c;
 text-decoration: none;
}

[data-bs-theme=dark] .link.kundi {
 color: #72dbe3;
 text-decoration: none;
}

.link.permaculturaio {
 color: #ba8850;
 text-decoration: none;
}

[data-bs-theme=dark] .link.permaculturaio {
 color: #dba25d;
 text-decoration: none;
}

.logo-permaculturamx {
 margin-bottom: 0.5rem;
 width: 5rem;
 height: 5rem;
 background: no-repeat center center;
 background-size: 100% 100%;
 background: url('../../css/svgs/logo-permaculturamx-100x100.svg');
 background-size: contain;
}

[data-bs-theme=dark] .logo-permaculturamx {
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.6));
}

.logo-permaculturaio {
 margin-bottom: 0.5rem;
 width: 5rem;
 height: 5rem;
 background: no-repeat center center;
 background-size: 100% 100%;
 background: url('../../css/svgs/logo-permacultura-io-100x100.svg');
 background-size: contain;
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.6));
}

.logo-huamil {
 margin-bottom: 0.5rem;
 width: 5rem;
 height: 5rem;
 background: no-repeat center center;
 background-size: 100% 100%;
 background-image: url(../../css/svgs/huamil-agroforestal-top-arbol-100x100.svg);
 background-size: contain;
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.6));
}

.logo-kundi {
 margin-bottom: 0.5rem;
 width: 5rem;
 height: 5rem;
 background: no-repeat center center;
 background-size: 100% 100%;
 background-image: url(../../css/svgs/kundi-100x100.svg);
 background-size: contain;
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.6));
}

.logo-gerardo-gg {
 --lg-width: 5rem;
 --lg-height: 5rem;
 --lg-x: 0.15rem;
 --lg-y: 0.5rem;
 --lg-y-x: 0.15rem 0.25rem;
 margin: 0 auto;
 margin-bottom: 0.5rem;
 display: inline-block;
 width: var(--lg-width, 5rem);
 height: var(--lg-height, 5rem);
 background-image: url(../../css/svgs/logo-gerardo-gg-100x100.svg);
 background-repeat: no-repeat;
 vertical-align: middle;
 overflow: hidden;
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.6));
 z-index: 51;
}

.logo-gerardo-gg-sh {
 --lg-width: 5rem;
 --lg-height: 5rem;
 --lg-x: 0.15rem;
 --lg-y: 0.5rem;
 --lg-y-x: 0.15rem 0.25rem;
 margin: 0 auto;
 margin-bottom: 0.5rem;
 display: inline-block;
 width: var(--lg-width, 5rem);
 height: var(--lg-height, 5rem);
 background-image: url(../../css/svgs/logo-gerardo-silueta-white-100x100.svg);
 background-repeat: no-repeat;
 vertical-align: middle;
 overflow: hidden;
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.6));
 z-index: 51;
}

.logo-gerardo-gg-res {
 margin: 0 auto;
 padding-bottom: 0.5rem;
 display: inline-block;
 width: var(--lg-width, 5rem);
 height: var(--lg-height, 5rem);
 background-image: url(../../css/svgs/logo-gerardo-gg-100x100.svg);
 background-repeat: no-repeat;
 background-position: center;
 object-fit: cover;
 vertical-align: middle;
 overflow: hidden;
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.6));
 z-index: 51;
}

.logo-gerardo-gg-portada {
 display: inline-block;
 width: 11.250rem;
 height: 11.250rem;
 background-image: url(../../css/svgs/logo-gerardo-gg-100x100.svg);
 background-repeat: no-repeat;
 vertical-align: middle;
 overflow: hidden;
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.6));
 z-index: 51;
}

.logo-gerardo-gg-shape {
 display: inline-block;
 width: 6.250rem;
 height: 6.250rem;
 background-image: url(../../css/svgs/logo-gerardo-silueta-white-100x100.svg);
 background-repeat: no-repeat;
 vertical-align: middle;
 overflow: hidden;
 z-index: 51;
 opacity: 0.9;}

@media (min-width: 576px) {
 .logo-gerardo-gg-shape {
  width: 10rem;
  height: 10rem;
 }
}

@media (min-width: 768px) {
 .logo-gerardo-gg-shape {
  width: 11.250rem;
  height: 11.250rem;
 }
}

.logo-bg-fx .logo-gerardo-gg-shape {
 mix-blend-mode: overlay;
}

.logo-box-dw {
 display: flex;
}

[data-bs-theme=dark] .logo-box-dw h2 {
 text-shadow: 0rem 0.15rem 0.1rem rgba(17, 17, 17, 0.9);
}

.logo-gerardo-gg-txt {
 font-family:'avenir-next-regular';
 font-size: clamp(1.6rem, 5vw, 2.6rem);
 color: var(--bs-body-color);
 font-weight: 200;
 white-space: pre-wrap;
 letter-spacing: -0.02em;
 text-shadow: none;
}

[data-bs-theme=dark] .logo-gerardo-gg-txt {
 text-shadow: 0rem 0.15rem 0.1rem rgba(17, 17, 17, 0.9);
}

.logo-gerardo-gg-dw {
 display: inline-block;
 width: 100px;
 height: 100px;
 background-image: url(../../css/svgs/logo-gerardo-silueta-black-100x100.svg);
 background-repeat: no-repeat;
 vertical-align: middle;
 opacity: 0.9;
}

[data-bs-theme=dark] .logo-gerardo-gg-dw {
 background-image: url(../../css/svgs/logo-gerardo-silueta-white-100x100.svg);
 filter: drop-shadow(0 0.15rem 0.1rem rgba(0, 0, 0, 0.6));
}

.logo-gerardo-gg,
.site-title,
.site-subtitle,
.subtitle {
 opacity: 0;
}

.sub-title {
 font-family:'avenir-next-regular';
 font-size: clamp(1.1rem, 5vw, 1.5rem);
 font-weight: 600;
 text-align: center;
 text-transform: uppercase;
 white-space: pre-wrap;
 letter-spacing: -0.01em;
 text-shadow: 0rem 0.12rem 0.1rem rgba(11, 11, 11, 0.9);
 margin-top: 1px;
}

.logo-permaculturamx-blanco .logo {
 display: inline-block;
 padding: 0;
 width: 1.6rem;
 height: 1.6rem;
 vertical-align: middle;
 background: no-repeat center center;
 background-size: 100% 100%;
 pointer-events: none;
}

.logo-permaculturamx-blanco .logo {
 background-image: url('../../css/svgs/logo-permaculturamx-black.svg');
}

[data-bs-theme=dark] .logo-permaculturamx-blanco .logo {
 background-image: url('../../css/svgs/logo-permaculturamx-blanco.svg');
}

.logo-permaculturamx-blanco:hover,
.logo-permaculturamx-blanco .logo:hover {
 color: var(--rosa-3);
 background-color: rgba(47, 100, 87, 0);
}.logo-ggg-sm {
 z-index: 2;
}

.logo-ggg-sm svg path {
 opacity: 1;
 transform-box: fill-box;
}

.logo-ggg-sm svg {
 height: calc(5rem + 1.5vw);
}

.logo-ggg-sm .fill-l-ggg {
 height: calc(5rem + 1.5vw);
}

.logo-ggg-sm .path-l-ggg {
 fill: rgba(var( --bs-body-color-rgb), 0.45);
 fill-opacity: 0.65;
}



.logo-box {
 margin: 0;
 padding: 0;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 text-align: left;
 text-wrap: balance;
}

.logo-box .logo-gerardo-gg-res {
 margin: 0;
 padding: 0;
 align-self: center;
}

.logo-box-sm {
 margin: 1rem 0 2rem 0;
 padding: 0;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 text-align: left;
 text-wrap: balance;
}

.logo-box-sm .logo-gerardo-gg-res {
 margin: 0;
 padding: 0;
 align-self: center;
}

.logo-box-sm .logo-gerardo-gg-res {
 --lg-width: 3.75rem;
 --lg-height: 3.75rem;
 --lg-x: 2.75rem;
 --lg-y: 2.75rem;
 filter: drop-shadow(0.063rem 0.063rem 0.03rem rgba(0, 0, 0, 0.6));
}

.logo-box-sm .logo-titles {
 margin: 0;
 padding: 0.5rem 0 0.75rem 0;
 flex-grow: 1;
 padding-left: 0.25rem;
 line-height: 1;
 align-self: center;
}

.logo-box-sm .logo-titles .title {
 --lg-h1: calc(0.8rem + 0.9vw);
 padding-bottom: 0.25rem;
 color: var(--prsn-color);
 font-size: var(--lg-h1);
 font-weight: 500;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.logo-box-sm .logo-titles .subtitle {
 --lg-h1: calc(0.6rem + 0.6vw);
 margin: 0;
 padding: 0;
 display: inline-block;
 padding-bottom: 0.1rem;
 color: rgba(var(--prsn-color-rgb), 0.6);
 font-size: var(--lg-h1);
 font-weight: 400;
 text-shadow: 0.03rem 0.03rem 0.03rem rgba(0, 0, 0, 0.90);
}

.logo-box-md {
 margin: 1rem 0 2rem 0;
 padding: 0;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 text-align: left;
 text-wrap: balance;
}

.logo-box-md .logo-titles {
 margin: 0;
 padding: 0.5rem 0 0.75rem 0;
 flex-grow: 1;
 padding-left: 0.25rem;
 line-height: 1;
 align-self: center;
}

.logo-box-md .logo-titles .title {
 --lg-h1: calc(0.9rem + 1vw);
 padding-bottom: 0.25rem;
 color: var(--prsn-color);
 font-size: var(--lg-h1);
 font-weight: 500;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.logo-box-md .logo-titles .subtitle {
 --lg-h1: calc(0.6rem + 0.8vw);
 margin: 0;
 padding: 0;
 display: inline-block;
 padding-bottom: 0.1rem;
 color: rgba(var(--prsn-color-rgb), 0.6);
 font-size: var(--lg-h1);
 font-weight: 400;
 text-shadow: 0.03rem 0.03rem 0.03rem rgba(0, 0, 0, 0.90);
}

@media (min-width: 576px) {
 .logo-box .logo-gerardo-gg-res {
  --lg-width: 6rem;
  --lg-height: 6rem;
  --lg-x: 5rem;
  --lg-y: 5rem;
 }
 .logo-box .logo-gerardo-gg {
  --lg-width: 5.2rem;
  --lg-height: 5.2rem;
  --lg-x: 0.15rem;
  --lg-y: 0.5rem;
  --lg-y-x: 0.15rem 0.25rem;
 }
}

@media (min-width: 768px) {
 .logo-box .logo-gerardo-gg-res {
  --lg-width: 7rem;
  --lg-height: 7rem;
 }
 .logo-box .logo-gerardo-gg {
  --lg-width: 5.5rem;
  --lg-height: 5.5rem;
  --lg-x: 0.5rem;
  --lg-y: 0.5rem;
 }
}

@media (min-width: 992px) {
 .logo-box .logo-gerardo-gg {
  --lg-width: 5.8rem;
  --lg-height: 5.8rem;
 }
 .logo-box-md .logo-gerardo-gg-sh {
  --lg-width: 5.2rem;
  --lg-height: 5.2rem;
  --lg-x: 0.15rem;
  --lg-y: 0.5rem;
  --lg-y-x: 0.15rem 0.25rem;
 }
}

.logo-box .logo-gerardo-gg {
 margin: var(--lg-y) var(--lg-x);
 margin: var(--lg-y-x);
 width: var(--lg-width);
 height: var(--lg-height);
}

.logo-box .logo-titles {
 margin: 0;
 padding: 0 0 0.75rem 0;
 flex-grow: 1;
 padding-left: 0.25rem;
 line-height: 1;
 align-self: center;
}

.logo-box-sm .logo-titles .title {
 --lg-h1: calc(0.8rem + 0.9vw);
 padding-bottom: 0.25rem;
 color: var(--prsn-color);
 font-size: var(--lg-h1);
 font-weight: 500;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.logo-box .logo-titles h1,
.logo-box .logo-titles .title {
 --lg-h1: calc(2rem + 3vw);
 padding-bottom: 0.5rem;
 color: var(--prsn-color);
 font-size: var(--lg-h1);
 font-weight: 600;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.logo-box .logo-titles h1 span,
.logo-box .logo-titles .title span {
 --lg-h1: calc(2rem + 3vw);
 display: inline-block;
 padding-bottom: 0.5rem;
 color: var(--prsn-color);
 font-size: var(--lg-h1);
 font-weight: 600;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

@media (min-width: 576px) {
 .logo-box .logo-titles h1,
 .logo-box .logo-titles .title {
  --lg-h1: clamp(calc(2rem + 3vw), calc(2.25rem + 1vw), 2.6rem);
 }
 .logo-box .logo-titles h1 span,
 .logo-box .logo-titles .title span {
  --lg-h1: clamp(calc(2rem + 2vw), calc(2.25rem + 0.5vw), 2.3rem);
  display: block;
 }
}

.logo-box .logo-titles span {
 --lg-span: calc(1rem + 2vw);
 margin: 0;
 padding: 0;
 color: rgba(var(--prsn-color-rgb), 0.5);
 font-size: var(--lg-span);
 font-weight: 400;
 line-height: 1;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

@media (min-width: 576px) {
 .logo-box .logo-titles span {
  --lg-span: clamp(1rem, calc(1.2rem + 5vw), 1.8rem);
  padding-left: 0.5rem;
 }
}

@media (min-width: 768px) {
 .logo-box .logo-titles span {
  --lg-span: clamp(1rem, calc(1.2rem + 5vw), 1.8rem);
  padding-left: 0.5rem;
 }
}

.logo-box .site-title {
 margin: 0;
 padding: 0;
 color: var(--prsn-color);
 font-size: clamp(1.6rem, 5vw, 2.6rem);
 font-size: calc(1.15rem + 1.1vw);
}

.logo-box .site-subtitle {
 margin: 0;
 padding: 0;
 font-size: clamp(1.6rem, 5vw, 1.3rem);
 font-size: calc(1.05rem + 0.25vw);
}

.logo-box .section-title {
 margin-bottom: 0;
 color: var(--bs-body-color);
 font-size: calc(1.5rem + 1.35vw);
 font-family:'Neue-Haas-Grotesk';
 white-space: pre-wrap;
 font-weight: 400;
 font-weight: bolder;
 overflow-wrap: break-word;
 word-break: normal;
 letter-spacing: normal;
}

.services .logo-box {
 margin: 3rem 0;
 padding: 1rem 0;
}



.logo-pagos-holder {
 margin: 0 auto;
 padding: 1rem 0.5rem;
}

.logo-pagos {
 max-height: 90px;
 width: auto;
 margin: 0 auto;
 -webkit-transition: opacity 500ms;
 transition: opacity 500ms;
}

.logo-pagos.bbva {
 max-height: 82px;
}

.logo-pagos.paypal {
 max-height: 68px;
}

.logo-bbva {
 margin: 0;
 padding: 0;
 width: auto;
 height: auto;
}

.logo-bbva .logo-svg {
 margin: 0;
 padding: 0;
 width: auto;
 height: 6rem;
}

.logo-bbva-h .logo-svg {
 margin: 0;
 padding: 0;
 width: auto;
 height: 4rem;
}

.bbva-bg-color {
 fill: none;
}

[data-bs-theme=dark] .bbva-bg-color {
 fill: none;
}

.bbva-color {
 fill: #062245;
}

[data-bs-theme=dark] .bbva-color {
 fill: #ffffff;
}

.logo-paypal {
 margin: 0;
 padding: 0;
 width: auto;
 height: auto;
}

.logo-paypal .logo-svg {
 margin: 0;
 padding: 0;
 width: auto;
 height: 6rem;
}

.logo-paypal-h .logo-svg {
 margin: 0;
 padding: 0;
 width: auto;
 height: 4rem;
}

.paypal-1 {
 fill: none;
}

.paypal-2 {
 fill: #253b80;
 fill: #003087;
}

[data-bs-theme=dark] .paypal-2 {
 fill: #0070e0;
}

.paypal-3 {
 fill: #222d65;
 fill: #001c64;
}

.paypal-4 {
 fill: #179bd7;
 fill: #0070e0;
}

[data-bs-theme=dark] .paypal-4 {
 fill: #ffffff;
}

.openpay-color {
 fill: #004481;
}

[data-bs-theme=dark] .openpay-color {
 fill: #ffffff;
}

.openpay-bbva-color {
 fill: #004481;
}

.openpay-pay-color {
 fill: #14C8BE;
}

.table-payment {
 margin: 2rem 0;
 font-size: calc(1rem + 0.25vw);
}

.table-payment th {
 font-size: calc(1.1rem + 0.25vw);
 font-weight: bold;
}

.table.table-payment> :not(caption)>*>* {
 background: none;
}

[data-bs-theme=light] .table-payment .btn-outline-secondary {
 --bs-btn-color: #24272a;
 --bs-btn-border-color: #24272a;
 --bs-btn-hover-color: #fff;
 --bs-btn-hover-bg: #6c757d;
 --bs-btn-hover-border-color: #24272a;
 --bs-btn-focus-shadow-rgb: 108, 117, 125;
 --bs-btn-active-color: #fff;
 --bs-btn-active-bg: #6c757d;
 --bs-btn-active-border-color: #24272a;
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color: #6c757d;
 --bs-btn-disabled-bg: transparent;
 --bs-btn-disabled-border-color: #6c757d;
 --bs-gradient: none;
}



.logo-mapbox .mb-color {
 fill: #000000;
}

[data-bs-theme=dark] .logo-mapbox .mb-color {
 fill: #ffffff;
}

[data-bs-theme=light] .logo-mapbox-dark {
 display: none;
}

[data-bs-theme=dark] .logo-mapbox-dark {
 display: block;
}

[data-bs-theme=light] .logo-mapbox-light {
 display: block;
}

[data-bs-theme=dark] .logo-mapbox-light {
 display: none;
}

[data-bs-theme=light] .logo-maplibre-dark {
 display: none;
}

[data-bs-theme=dark] .logo-maplibre-dark {
 display: block;
}

[data-bs-theme=light] .logo-maplibre-light {
 display: block;
}

[data-bs-theme=dark] .logo-maplibre-light {
 display: none;
}

.logo-maplibre .ml-color-1 {
 fill: #82b4fe;
}

.logo-maplibre .ml-color-2 {
 fill: #ffffff;
}

[data-bs-theme=dark] .logo-maplibre .ml-color-1 {
 fill: #82b4fe;
}

[data-bs-theme=dark] .logo-maplibre .ml-color-2 {
 fill: #ffffff;
}



.nav-scroll-off {
 box-shadow: none;
 transform: translateY(-4rem);
 -ms-transform: translateY(-4rem);
 -webkit-transform: translateY(-4rem);
 transition: 300ms linear;
 -webkit-transition: transform 300ms;
}

.nav-scroll-m-off {
 box-shadow: none;
 transform: translateY(4rem);
 -ms-transform: translateY(4rem);
 -webkit-transform: translateY(4rem);
 transition: 300ms linear;
 -webkit-transition: transform 300ms;
}

.bg-amarillo {
 background-color: rgba(219, 162, 93, 0.4);
}

.menu-logo-ggg {
 position: absolute;
 top: 50%;
 right: 50%;
 margin: -1.125rem -1.125rem 0 0;
 width: 2.25rem;
 height: 2.25rem;
 background: no-repeat center center;
 background-size: 100% 100%;
 background-image: url(../../css/svgs/logo-gerardo.svg);
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.2));
}

.nav-pills {
 --bs-nav-pills-border-radius: var(--bs-border-radius);
 --bs-nav-pills-link-active-color: #fff;
 --bs-nav-pills-link-active-bg: rgba(53, 47, 67, 0.5);
 --bs-nav-pills-link-active-bg: rgba(75, 103, 205, 0.85);
}

[data-bs-theme=dark] .nav-pills {
 --bs-nav-pills-border-radius: var(--bs-border-radius);
 --bs-nav-pills-link-active-color: #fff;
 --bs-nav-pills-link-active-bg: rgba(53, 47, 67, 0.5);
 --bs-nav-pills-link-active-bg: rgba(75, 103, 205, 0.35);
}

.nav-pills .nav-link {
 border: 0.063rem solid rgba(75, 103, 205, 0);
 background: none;
}

.nav-pills .nav-link:hover {
 border: 0.063rem solid rgba(75, 103, 205, 0.0);
 background: none;
}

.nav-pills .nav-link.active {
 color: rgba(95, 126, 238, 0.95);
 border: 0.063rem solid rgba(75, 103, 205, 0.35);
 background: none;
}



.btn-holder-logo {
 position: fixed;
 display: none;
 top: 0;
 left: 0;
 align-content: center;
 text-align: center;
 width: 4rem;
 height: 4rem;
 text-indent: -9999px;
 z-index: 22265 !important;
}

@media (min-width: 768px) {
 .btn-holder-logo {
  display: grid;
 }
}

.btn-holder-logo a div {
 display: block;
 width: auto;
 height: 100%;
 pointer-events: auto;
}

.btn-holder-logo a div span {
 pointer-events: none;
}

.btn-holder-logo-off {
 box-shadow: none;
 transform: translateY(-4rem);
 -ms-transform: translateY(-4rem);
 -webkit-transform: translateY(-4rem);
 transition: 300ms linear;
 -webkit-transition: transform 300ms;
 will-change: transform;
}

#navbarMenu {
 position: fixed;
 margin: 0;
 padding: 0;
 width: 100%;
 height: 4rem;
 font-size: 1.2rem;
 background: rgba(var(--bs-nav-menu-color-rgb), 0.1);
 border-radius: 0;
 border: none;
 box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.14), 0 0.02rem 0.09rem rgba(0, 0, 0, 0.2), 0 0.02rem 0.99rem rgba(0, 0, 0, 0.12);
 box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.125rem 0.125rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.12);
 box-sizing: border-box;
 transition-duration: 300ms;
 -webkit-transition-duration: 300ms;
 transition: transform 1000ms, background-color 1s;
 z-index: 2050;
}

[data-bs-theme=dark] #navbarMenu {
 background: rgba(var(--bs-nav-menu-color-rgb), 0.35);
 box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}

#navbarMenu::after {
 content:"";
 backdrop-filter: blur(0.50rem);
 -webkit-backdrop-filter: blur(0.50rem);
}

.nav-menu {
 display: flex !important;
 flex-wrap: wrap;
 align-items: end;
 justify-content: space-between !important;
}

.nav-menu-link {
 margin: 0;
 display: block;height: 4rem;
 padding: 1rem 1rem;
 color: var(--bs-body-color);
 background: none;
 text-decoration: none;
 text-align: center;
 font-weight: 600;
 text-shadow: 0 0.01rem 0.01rem rgba(144, 144, 144, 0.657);
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

button.nav-menu-link {
 margin: 0;height: 4rem;
 padding: 1rem 1rem;
 color: var(--bs-body-color);
 background: none;
 border: none;
 text-decoration: none;
 text-align: center;
 font-weight: 600;
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

[data-bs-theme=dark] .nav-menu-link {
 color: var(--bs-nav-link-color);
 text-shadow: 0 0.01rem 0.01rem rgb(84, 83, 83);
}

[data-bs-theme=dark] button.nav-menu-link {
 color: var(--bs-nav-link-color);
 text-shadow: 0 0.01rem 0.01rem rgb(84, 83, 83);
}

.nav-menu-link {
 position: relative;
 z-index: 2200;
}

.nav-menu-link .title {
 display: inline-block;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {
 .nav-menu-link .title {
  display: none;
  display: inline-block;
 }
}

@media (min-width: 768px) {
 .nav-menu-link .title {
  position: absolute;
  display: none;
  top: -0.15rem;
  left: 50%;
  transform: translate(-50%, -0%);
  border-radius: 0.250rem;
  padding: 0.125rem 0.250rem;
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--bs-nav-link-color);
  background-color: rgba(var(--bs-body-bg-rgb), 1);
  text-shadow: 0 0.06rem 0.08rem rgba(0, 0, 0, 0.75);
  z-index: 3333;
 }
 .nav-menu-link:hover:not(.btn-link) .title,
 .nav-menu-link:focus:not(.btn-link) .title {
  top: -0.20rem;
  display: block;
 }
}

.nav-menu .nav-menu-link:hover {
 padding-top: 1.25rem;
 background-color: #6948a5;
}

.nav-menu-link.btn-link {
 width: 2.25rem;
 height: 4rem;
 padding: 1rem 0.5rem 1rem 0.5rem;
 color: var(--bs-nav-link-color);
}

@media (min-width: 768px) {
 .nav-menu-link.btn-link {
  width: 2.25rem;
  height: 4rem;
 }
}

.nav-link-btn-a {
 margin: 0;
 padding: 0;
 display: flex;
 flex-direction: row;
 justify-content: center;
}

.nav-menu-link.btn-sidebar {
 flex: 1 1 auto;
}

.nav-menu-link.btn-sidebar-left {
 flex-grow: 1;
}

.nav-menu-link.btn-sidebar-right {
 flex-grow: 1;
}

@media (min-width: 768px) {
 .nav-menu-link.btn-sidebar-left {
  flex-grow: 0;
  width: 21%;
 }
 .nav-menu-link.btn-sidebar-right {
  flex-grow: 0;
  width: 18%;
 }
}

@media (min-width: 992px) {
 .nav-menu-link.btn-sidebar-left {
  flex-grow: 0;
  width: 21%;
 }
 .nav-menu-link.btn-sidebar-right {
  flex-grow: 0;
  width: 18%;
 }
}

.nav-menu .dropdown {
 display: inline;
}

.nav-menu .dropdown-menu {
 --bs-dropdown-padding-x: 0;
 --bs-dropdown-padding-y: 0.5rem;
 --bs-dropdown-link-active-color: #fff;
 --bs-dropdown-link-active-bg: #0d6efd;
 border-radius: 0;
}

.nav-menu .dropdown-menu {
 position: static;
}

.nav-menu .dropdown-menu .dropdown-item button,
.offcanvas-nav-menu .dropdown-menu .dropdown-item button {
 display: inline-block;
 padding: 0.28rem 0.62rem;
 font-size: 0.82rem;
 border-radius: 0;
 color: var(--bs-body-color);
 background-color: transparent;
}

.nav-menu .dropdown-toggle {
 display: inline;
 padding: 0.8rem 0.8rem;
}

.nav-menu .btn-nav-menu-off {
 flex: 1 1 auto !important;
 height: 4rem;
}

.nav-menu button.nav-menu-link.btn-nav-menu {
 flex: 1 1 auto !important;
 width: 4rem;
 height: 4rem;
}

.nav-menu button.nav-menu-link.btn-nav-app {
 width: 5rem;
 height: 4rem;
 align-items: center;
 padding: 1.2rem 1rem;
 background: transparent;
 border: none;
 border-left: 0.01rem solid rgba(0, 0, 0, 0.175);
 border-right: 0.01rem solid rgba(0, 0, 0, 0.175);
 color: var(--bs-body-color);
 text-decoration: none;
 text-align: center;
 font-weight: 600;
 font-size: 1.1rem;
 z-index: 2050;
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
 mix-blend-mode: difference;
}

.item-btns {
 display: flex !important;
}

.nav-login,
button.nav-login {
 color: var(--bs-nav-link-color);
 background: none;
 border: none;
 text-decoration: none;
 text-align: center;
 font-weight: 600;
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-login:focus,
button.nav-login:focus {
 color: var(--ggg-primary-color);
 background-color: rgba(12, 12, 12, 0.6);
}

.nav-login:hover,
button.nav-login:hover {
 -webkit-animation: glowing 300ms forwards;
 -moz-animation: glowing 300ms forwards;
 -o-animation: glowing 300ms forwards;
 animation: glowing 300ms forwards;
}

.nav-menu .nav-menu-link.btn-user,
.nav-menu button.nav-menu-link.btn-user {
 display: flex;
 flex-direction: row;
 align-items: center;
 width: 4rem;
 height: 4rem;
 padding: 1.2rem 1rem;
 background: transparent;
 border: none;
 border-left: 1px solid rgba(0, 0, 0, 0.36);
 color: var(--bs-body-color);
 text-decoration: none;
 text-align: center;
 font-weight: 600;
 font-size: 1.1rem;
 -webkit-backdrop-filter: blur(0.725rem);
 backdrop-filter: blur(0.725rem);
 z-index: 2050;
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

[data-bs-theme=dark] .nav-menu .nav-menu-link.btn-user,
[data-bs-theme=dark] .nav-menu button.nav-menu-link.btn-user {
 text-shadow: 0 0.01rem 0.01rem rgba(84, 83, 83, 0.657);
}

@media (min-width: 768px) {
 .nav-menu .nav-menu-link.btn-user,
 .nav-menu button.nav-menu-link.btn-user {}
}

.nav-menu .nav-menu-link:hover,
.nav-menu button.nav-menu-link:hover,
.nav-menu button.nav-menu-link.btn-user:hover {
 -webkit-animation: glowingGreen 300ms forwards;
 -moz-animation: glowingGreen 300ms forwards;
 -o-animation: glowingGreen 300ms forwards;
 animation: glowingGreen 300ms forwards;
}

.nav-menu .nav-menu-link:focus,
.nav-menu button.nav-menu-link:focus,
.nav-menu button.nav-menu-link.btn-user:focus,
.nav-menu button.nav-menu-link.btn-nav-app:focus {
 color: var(--ggg-primary-color);
 background-color: rgba(12, 12, 12, 0.6);
}

.nav-menu .nav-menu-link.active,
.nav-menu .nav-menu-link:active,
.nav-menu button.nav-menu-link.active,
.nav-menu button.nav-menu-link:active,
.nav-menu button.nav-menu-link.btn-user.active,
.nav-menu button.nav-menu-link.btn-user:active {
 color: var(--ggg-primary-color);
 text-shadow: 0 0.06rem 0.08rem rgba(0, 0, 0, 0.75);
}

.nav-menu button.nav-menu-link.btn-nav-app {
 color: #6948a5;
 background-color: rgba(0, 0, 0, 0.1);
}

[data-bs-theme=dark] .nav-menu button.nav-menu-link.btn-nav-app {
 background-color: rgba(116, 116, 116, 0.1);
}

.nav-menu .nav-menu-link:not(:disabled):not(.disabled).active,
.nav-menu .nav-menu-link:not(:disabled):not(.disabled):active,
.show>.nav-menu-link.dropdown-toggle {
 color: var(--ggg-primary-color);
}

.nav-menu .nav-menu-link:not(:disabled):not(.disabled).active:focus,
.nav-menu .nav-menu-link:not(:disabled):not(.disabled):active:focus,
.show>.nav-menu-link.dropdown-toggle:focus {
 color: var(--ggg-primary-color);
 box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}

.nav-menu .nav-menu-link.active .icon-ggg,
.nav-menu .nav-menu-link:active .icon-ggg,
.nav-menu .nav-menu-link:focus .icon-ggg {
 padding-top: 1.25rem;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%23008245' d='M50,2C23.5,2,2,23.5,2,50s21.5,48,48,48s48-21.5,48-48S76.5,2,50,2z M50,91C27.4,91,9,72.6,9,50S27.4,9,50,9s41,18.4,41,41 S72.6,91,50,91z M84,67.1c-2.4,5.1-5.9,9.5-10.4,13.2c-3.4,2.7-6.1,4.3-8.3,4.8V17.7c0-0.3,0.1-0.5,0.4-0.6 c10,4.3,16.6,11.8,19.8,22.4c-3.1,0.3-5.5,0.4-6.9,0.2c-0.5-0.5-1.3-1.9-2.4-4.1c-0.8-1.8-1.8-2.9-3-3.4c-0.7,9.2-0.8,22-0.4,38.4 c1.3-0.6,2.9-2.8,4.7-6.6c1.6-3.3,2.5-6.1,2.6-8.5c-0.1-0.4-0.6-0.6-1.5-0.6c-1,0-1.7,0-1.9-0.2c-0.4-2.3-0.4-4.6,0-7 c3.6-0.3,7.1-0.3,10.7,0C87.9,54.8,86.8,61.3,84,67.1L84,67.1z M35,47.8c0.3,12.5,0.3,25.1,0,37.7c-6.3-2.9-11.3-7-15.2-12.1 c-4.2-5.6-6.6-12-7.2-19.3c-0.5-6,0.5-12,3.1-18c3.6-8.3,9.8-14.7,18.6-19.2h0.2c0.4,0.5,0.6,2.3,0.6,5.3c0,9.6-0.1,15.3-0.2,17.3 c-1.6,0.6-4.1,0.6-7.3,0.2c0-0.4,0-1.6,0-3.7c0-1.5,0-2.7-0.2-3.5c-1.7,0.8-3.4,3.4-5.1,7.8c-2,5.1-2.6,10.6-1.7,16.6 c0.9,6.3,3.1,10.8,6.7,13.5c0.3-0.4,0.4-2.8,0.4-7.1v-7.9c-0.2-0.3-0.9-0.5-1.9-0.4c-1.1,0-1.8,0-2.1-0.2c-0.4-2.4-0.4-4.8,0-7.1 C25,47.4,28.7,47.5,35,47.8L35,47.8z M61.3,47.6c0.3,12.9,0.3,25.9,0,38.8c-2.5,1.5-6.1,2.2-10.9,2.3c-4.5,0-8.3-0.6-11.3-1.8 c-0.3-23.9-0.3-47.8,0-71.7c3-1,6.7-1.6,11-1.6s7.9,0.5,11,1.6c0.5,10.7,0.5,18.8,0.2,24.4c-2.4,0.4-4.8,0.4-7.1,0 c-0.1-2-0.2-4.9-0.1-8.8c0.1-4.2,0.1-7.3,0.1-9.1c-0.7-0.7-1.9-1-3.8-1.1c-1.9,0-3.2,0.3-3.9,0.9c-0.2,7.4-0.2,17.3-0.2,29.4 c0,16.2,0,26.1,0,29.6c0.6,0.6,1.8,1,3.5,1c1.5,0.1,2.9-0.1,4-0.5C54,77.9,54,73.6,54,68.3c0-7.1-0.1-11.5-0.1-13 c-0.2-0.3-0.8-0.4-1.7-0.4c-1.1,0-1.7,0-2-0.2c-0.4-2.4-0.4-4.8,0-7.1C54,47.2,57.7,47.2,61.3,47.6L61.3,47.6z'/%3E %3C/g%3E %3C/svg%3E ");
}

@media (min-width: 768px) {
 .nav-menu .navbar-toggler.btn-nav-menu {
  display: none;
 }
}

.btn-nav-prev-next {
 margin: 0;
 padding: 1.25rem 0.8rem;
 width: 5rem;
 height: 4rem;
 font-size: 1rem;
 text-align: center;
}

ul.navbar-nav-menu {
 display: flex;
 flex-direction: column;
 padding-left: 0;
 margin-bottom: 0;
 list-style: none;
 background: none;
}

.navbar-nav-menu li {
 mix-blend-mode: difference;
}

@media (min-width: 768px) {
 .navbar-expand-md ul.navbar-nav-menu {
  flex-direction: row;
  justify-content: flex-end;
 }
}



#navbarContent {
 height: 52vh;
 z-index: 2200 !important;
}

#navbarWeb {
 height: 62vh;
 z-index: 2300 !important;
}

.nav-menu .offcanvas.offcanvas-nav-menu {
 margin: 0;
 padding: 0;
 width: 100%;
 height: auto;
 background: rgba(var(--bg-light-gray-rgb), 0.175);
 border-radius: 0;
 border: 0.063rem solid rgba(0, 0, 0, 0.175);
 box-shadow: 0 0.025rem 0.025rem rgba(0, 0, 0, 0.1);
 backdrop-filter: blur(0.725rem);
 -webkit-backdrop-filter: blur(0.725rem);
 transition-duration: 300ms;
 -webkit-transition-duration: 300ms;
 z-index: 2140;
}

[data-bs-theme=dark] .nav-menu .offcanvas.offcanvas-nav-menu {
 background: rgba(var(--bs-body-bg-rgb), 0.75);
 backdrop-filter: blur(0.45rem);
 -webkit-backdrop-filter: blur(0.45rem);
}

.offcanvas-nav-menu .offcanvas-header {
 margin: 0;
 padding: 0.375rem 0.375rem;
 justify-content: space-between;
}

.offcanvas-nav-menu .offcanvas-header .offcanvas-title {
 padding: 0.75rem 0.75rem;
 font-family:'avenir-next-regular';
 font-size: 1rem;
 color: rgba(var(--white-links-rgb), 0.6);
 text-decoration: none;
}

#navbarContentLabel {
 text-decoration: none;
}

.offcanvas-header a span {
 text-decoration: none;
}

.offcanvas-nav-menu .navbar-body {
 margin: 0;
 padding: 0;
 background: none;
 overflow: hidden;
 overflow-y: scroll;
 height: 51vh;
}

@media (min-width: 576px) {
 .offcanvas-nav-menu .navbar-body {
  height: 51vh;
 }
}

@media (min-width: 768px) {
 .offcanvas-nav-menu .navbar-body {
  overflow: hidden;
  height: 68vh;
 }
}

.offcanvas-nav-menu .nav-header i {
 color: rgba(var(--ggg-primary-color-rgb), 0.5);
}

.offcanvas-nav-menu .navbar-footer {
 display: grid;
 place-items: center;
 margin: 0;
 width: 100%;
 height: 2.125rem;
 background-color: #351E8C;
 background-color: rgba(54, 30, 140, 0.5);
}

.offcanvas-nav-menu .navbar-footer .btn-close {
 width: 100%;
}

@media (min-width: 768px) {
 .offcanvas-nav-menu .navbar-footer,
 .offcanvas-nav-menu.nav-menu-logged .navbar-footer {
  display: none;
 }
}

.offcanvas-nav-menu .nav-body ul {
 list-style: none;
}

[data-bs-theme=dark] .offcanvas-nav-menu .nav-body li {
 background-color: rgba(19, 19, 19, 0.55);
}

.offcanvas-nav-menu .nav-body a {
 display: inline-block;
 width: 100%;
 padding: 0.3rem 0.3rem;
 font-weight: 200;
 color: var(--bs-link-color);
 text-decoration: none;
}

.offcanvas-nav-menu .nav-body a:hover {
 color: var(--bs-link-color);
 background-color: rgba(38, 38, 38, 0.15);
}

[data-bs-theme=dark] .offcanvas-nav-menu .nav-body a:hover {
 color: var(--bs-link-color);
 background-color: rgba(38, 38, 38, 0.55);
}

.offcanvas-nav-menu .nav-body .active {
 color: var(--bs-link-color);
 background-color: rgba(10, 10, 10, 0.1);
}

[data-bs-theme=dark] .offcanvas-nav-menu .nav-body .active {
 color: var(--bs-link-color);
 background-color: rgba(10, 10, 10, 0.6);
}



.nav-menu .dropdown-menu {
 z-index: 2155;
}

.offcanvas {
 z-index: 2050;
}

.offcanvas-md {
 z-index: 2100;
}

.offcanvas-bottom {
 z-index: 2100;
}

.offcanvas-top {
 z-index: 2100;
}

.offcanvas-backdrop.fade {
 opacity: 0;
}

.offcanvas-backdrop.show {
 opacity: 0.45;
}

[data-bs-theme=dark] .offcanvas-backdrop.show {
 opacity: 0.75;
}

.offcanvas-backdrop.fade.show {
 z-index: 2010 !important;
}

.fixed-bottom {
 z-index: 2050;
}

.fixed-top {
 z-index: 2050;
}



.navDockNav {
 --e: 0;
 --nvd-purple-rgb: 39, 9, 98;
 --nvd-dark-rgb: 210, 210, 210;
 --nvd-gutter-x: 0.5rem;
 --nvd-gutter-y: 0.5rem;
 --nvd-gap: 0.25rem;
 margin: 0;
 padding-top: var(--nvd-gutter-y);
 padding-bottom: var(--nvd-gutter-y);
 padding-right: var(--nvd-gutter-x);
 padding-left: var(--nvd-gutter-x);
 position: fixed;
 bottom: 5%;
 left: 50%;
 transform: translate(-50%, 0);
 width: auto;
 width: 100%;
 min-height: 3rem;
 margin-right: auto;
 margin-left: auto;
 text-align: center;
 border-radius: 0.750rem;
 border: none;
 outline: 0.063rem solid var(---bs-border-color-translucent);
 background: rgba(var(--nvd-dark-rgb), 0.85);
 z-index: 1333;
 box-sizing: border-box;
}[data-bs-theme=dark] .navDockNav {
 --nvd-dark-rgb: 27, 27, 31;
 background: rgba(44, 44, 51, 0.65);
 outline: 0.063rem solid rgba(0, 0, 0, 0.85);
 box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
 box-shadow: none;
 backdrop-filter: blur(0.50rem);
 -webkit-backdrop-filter: blur(0.50rem);
}

.fixed--top {
 top: 5%;
 left: 0;
 right: 0;
 bottom: unset;
}

.fixed--bottom {
 top: unset;
 left: 0;
 bottom: 5%;
 right: 0;
}

.navDock {
 display: flex;
 gap: var( --nvd-gap);
 align-items: center;
 justify-content: center;
 text-align: center;
}

@media (min-width: 576px) {
 .navDockNav {
  --nvd-gutter-x: 0.75rem;
  --nvd-gutter-y: 1rem;
  top: 2%;
  bottom: unset;
  width: auto;
 }
 .navDock {
  --nvd-gap: 1rem;
 }
}

@media (min-width: 768px) {
 .navDockNav {
  --nvd-gutter-x: 1rem;
  --nvd-gutter-y: 0.75rem;
 }
}

.navDock .seperator {
 width: 1px;
 height: 24px;
 background: #2c2c2c;
 margin: 0px -4px;
}

.menu__item {
 position: relative;
 height: 2.75rem;
 width: 2.75rem;
 display: grid;
 align-items: center;
 justify-content: center;
 text-decoration: none;
 border: none;
 color: #919191;
 background: #212121;
 background: rgba(var(--bs-nav-menu-color-rgb), 0.45);
 outline: 0.063rem solid rgba(145, 145, 145, 0.375);
 backdrop-filter: blur(0.45rem);
 -webkit-backdrop-filter: blur(0.45rem);
 border-radius: 0.750rem;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 transition: transform 0.25s, margin 0.25s, width 0.25s, height 0.25s;
}

.menu__item {
 margin: 0;
 height: 3.750rem;
 width: 2.75rem;
}

.menu__item i {
 font-size: 1rem;
}

[data-bs-theme=dark] .menu__item {
 color: #bebebe;
 background: rgba(var(--bs-nav-menu-color-rgb), 0.75);
 outline: 0.063rem solid rgba(0, 0, 0, 0.75);
}

@media (min-width: 576px) {
 .menu__item {
  height: 3rem;
  width: 3rem;
 }
 .menu__item i {
  font-size: 1.2rem;
 }
}

@media (min-width: 768px) {
 .menu__item {
  height: 4rem;
  width: 4rem;
 }
 .menu__item i {
  font-size: 1.5rem;
 }
}

.menu__item svg {
 margin: auto;
 width: 1.6rem;
 height: 1.6rem;
 color: #919191;
 stroke: currentColor;
 fill: currentColor;
 transition: width 0.25s, height 0.25s;
}

.menu__item.menu__item--sidebar {
 display: inline-block;
 width: 4rem;
 height: 2.8rem;
 color: var(--purple-two);
 color: #6948a5;
 text-shadow: 0 0.06rem 0.08rem rgba(0, 0, 0, 0.75);
 background: rgba(var(--bs-nav-menu-color-rgb), 0.75);
 background: transparent;
 text-shadow: none;
 border-radius: 0;
 border: none;
 background: none;
 outline: none;
 box-shadow: none;
}

@media (min-width: 576px) {
 .menu__item.menu__item--sidebar {
  width: 5rem;
  height: 3rem;
 }
}

.dockLine .menu__item--sidebar.btn-toggle-subline {
 margin: 0;
 padding: 0;
 height: 3.750rem;
 width: 3.750rem;
 display: flex;
 align-items: center;
 justify-content: center;
 z-index: 100;
 background-color: blue;
}

.dockLine.open .menu__item--sidebar.btn-toggle-subline {
 transform: rotate(290deg);
 background: rgba(var(--bs-nav-menu-color-rgb), 0.65);
 outline: 0.063rem solid rgba(145, 145, 145, 0.375);
 border-radius: 0.750rem;
}

.menu__item.menu__item--submenu {
 display: flex;
 align-items: center;
 justify-content: center;
 z-index: 100;
 background-color: green;
}

.menu__item.menu__item--submenu svg {
 margin: auto;
 width: 1.6rem;
 height: 1.6rem;
 cursor: pointer;
 pointer-events: none;
}

.navDock .menu__item[aria-current="page"] {
 color: var(--purple-two);
 text-shadow: 0 0.06rem 0.08rem rgba(0, 0, 0, 0.75);
 background: rgba(var(--bs-nav-menu-color-rgb), 0.75);
}

.navDock .menu__item[aria-current="page"]::after {
 content:"";
 position: absolute;
 align-items: start;
 bottom: -8px;
 left: 50%;
 width: 5px;
 height: 5px;
 border-radius: 16px;
 color: var(--purple-two);
 text-shadow: 0 0.06rem 0.08rem rgba(0, 0, 0, 0.75);
 background: rgba(var(--bs-nav-menu-color-rgb), 0.95);
 background-color: #6948a5;
}

.menu__item--active::after {
 content:"";
 position: absolute;
 align-items: start;
 bottom: -8px;
 left: 50%;
 width: 5px;
 height: 5px;
 border-radius: 16px;
}

.menu__item .title {
 position: absolute;
 top: -1.25rem;
 left: 50%;
 transform: translate(-50%, -50%);
 display: none;
 border-radius: 0.250rem;
 padding: 0.125rem 0.250rem;
 font-size: 0.8rem;
 font-weight: 500;
 color: var(--bs-nav-link-color);
 z-index: 3333;
}

[data-bs-theme=dark] .menu__item .title {
 color: var(--bs-body-color);
 background: rgba(var(--just-black-rgb), 1);
}

.menu__item .title.title--left {
 top: 50%;
 left: 5.5rem;
 background-color: red;
}

.menu__item .title--sub {
 opacity: 0;
}

.menu__item:hover:not(.menu__item--sidebar),
.menu__item:focus:not(.menu__item--sidebar) {
 animation: glowing 300ms forwards;
}

.menu__item .item:active {
 color: var(--purple-two);
 background-color: rgba(var(--nvl-purple-rgb), 0.8);
}

.menu__item .item:active svg {
 color: var(--purple-two);
 stroke: currentColor;
 fill: currentColor;
}

.menu__item:hover:not(.menu__item--sidebar) .title,
.menu__item:focus:not(.menu__item--sidebar) .title {
 display: block;
}

@media (min-width: 576px) {
 .menu__item:hover:not(.menu__item--sidebar),
 .menu__item:focus:not(.menu__item--sidebar) {
  transform: scale(1.3);
  margin: 0 10px;
 }
 .menu__item:hover:not(.menu__item--sidebar) svg,
 .menu__item:focus:not(.menu__item--sidebar) svg {
  width: 2.125rem;
  height: 2.125rem;
  color: var(--purple-two);
  stroke: currentColor;
  fill: currentColor;
 }
}

.dockLine .sub-list {
 position: absolute;
 margin: -1.75rem 0 0 0;
 padding: 0;
 display: flex;
 align-items: center;
 transform: rotate(0);
 background: none;
 list-style: none;
 box-sizing: border-box;
}

.dockLine .sub-list li {
 margin: 0;
 padding: 0;
 position: absolute;
 transform: translateY(calc(var(--e) * 0));
 transition: transform 0.6s ease, opacity 0.25s;
 opacity: 0;
 z-index: calc(var(--e) - 99);
 box-sizing: border-box;
}

.dockLine.open .sub-list li {
 transform: translateY(calc(var(--e) * -90px));
 opacity: 1;
}

@media (min-width: 576px) {
 .dockLine.open .sub-list-off li {
  transform: translateY(calc(var(--i) * 80px));
  opacity: 1;
 }
}

.dockLine .sub-list .item {
 margin: 0;
 padding: 0;
 height: 3rem;
 width: 3rem;
 display: grid;
 align-items: center;
 justify-content: center;
 text-decoration: none;
 background-color: red;
}

.dockLine .sub-list .item-off {
 position: relative;
 height: 3rem;
 width: 3rem;
 display: grid;
 align-items: center;
 justify-content: center;
 text-decoration: none;
 color: #919191;
 color: #707070;
 border: none;
 background: rgba(var(--bs-nav-menu-color-rgb), 0.45);
 backdrop-filter: blur(0.45rem);
 -webkit-backdrop-filter: blur(0.45rem);
 outline: 0.063rem solid rgba(145, 145, 145, 0.75);
 border-radius: 0.750rem;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 transition: transform 0.25s, margin 0.25s, width 0.25s, height 0.25s;
}

.dockLine .sub-list .item svg {
 margin: auto;
 width: 1.6rem;
 height: 1.6rem;
 color: #919191;
 stroke: currentColor;
 fill: currentColor;
 transition: width 0.25s, height 0.25s;
}

.dockLine .sub-list .item .title {
 position: absolute;
 padding: 0.125rem 0.250rem;
 right: 4rem;
 display: none;
 border-radius: 0.250rem;
 font-size: 0.8rem;
 font-weight: 500;
 color: var(--bs-nav-link-color);
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}



.navLine-nav {
 --i: 0;
 --r: 7;
 --nvl-purple-rgb: 39, 9, 98;
 display: flex;
 flex-direction: column;
 margin: auto;
 position: fixed;
 bottom: 2%;
 right: 2.125rem;
 transform: translate(0%, 0);
 width: auto;
 height: auto;
 text-align: center;
 background: transparent;
 z-index: 2150;
}

.navLine-nav--top {
 right: 2%;
 top: 2%;
}

.navLine-nav--bottom {
 right: 20%;
 bottom: 15%;
}

@media (min-width: 576px) {
 .navLine-nav {
  right: 0.75rem;
  top: 1.8%;
  bottom: 0;
  flex-direction: column;
 }
}

@media (min-width: 768px) {
 .navLine-nav {
  z-index: 2250;
 }
}

.navLine-nav .item {
 position: relative;
 height: 3rem;
 width: 3rem;
 display: grid;
 align-items: center;
 justify-content: center;
 text-decoration: none;
 color: #919191;
 color: #707070;
 border: none;
 background: rgba(var(--bs-nav-menu-color-rgb), 0.01);
 backdrop-filter: blur(0.45rem);
 -webkit-backdrop-filter: blur(0.45rem);
 outline: 0.063rem solid rgba(145, 145, 145, 0.75);
 border-radius: 0.750rem;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 transition: transform 0.25s ease, opacity 0.25s, margin 0.25s, width 0.25s, height 0.25s;
}

[data-bs-theme=dark] .navLine-nav .item {
 color: #bebebe;
 background: rgba(var(--bs-nav-menu-color-rgb), 0.01);
 outline: 0.063rem solid rgba(0, 0, 0, 0.75);
}

.navLine-nav .item--sidebar {
 display: block;
 right: 0;
 margin-top: 1rem;
 padding: 0;
 width: 4rem;
 height: 3.750rem;
 color: var(--purple-two);
 color: #6948a5;
 color: var(--ggg-primary-color);
 text-shadow: 0 0.06rem 0.08rem rgba(0, 0, 0, 0.75);
 text-shadow: none;
 border-radius: 0;
 border-radius: 0.750rem;
 border: none;
 outline: none;
 box-shadow: none;
 transition: transform 0.6s ease, opacity 0.25s;
}

.navLine-nav .item--sidebar:hover {
 color: var(--ggg-primary-color-hover);
}

@media (min-width: 576px) {
 .navLine-nav .item--sidebar {
  height: 16%;
  transform: translateY(calc(1 * 80px));
 }
 .navLine-nav.open .item--sidebar {
  transform: translateY(calc(var(--i) * -60px));
 }
 .navLine-nav.open .item--sidebar {
  transform: translateY(calc(var(--i) * 80px));
 }
}

.navLine {
 width: auto;
 height: 4rem;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 z-index: 2103;
 background: transparent;
 background-color: red;
 background: rgba(var(--bs-nav-menu-color-rgb), 0.01);
}

.navLine .toggle-btn-line {
 margin: 0;
 padding: 0;
 height: 3.750rem;
 width: 3.750rem;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 2rem;
 color: #0e2431;
 z-index: 100;
 cursor: pointer;
 transform: rotate(0deg);
 transform-origin: center;
 transition: transform 0.6s ease;
}

.navLine.open .toggle-btn-line {
 transform: rotate(290deg);
 background: rgba(var(--bs-nav-menu-color-rgb), 0.1);
 outline: 0.063rem solid rgba(145, 145, 145, 0.375);
 border-radius: 0.750rem;
}

.navLine .toggle-btn-line .logo-ggg {
 padding: 1.5rem;
 width: 2.25rem;
 height: 2.25rem;
 background: no-repeat center center;
 background-size: 100% 100%;
 background-image: url(../../css/svgs/logo-gerardo.svg);
 filter: drop-shadow(0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.6));
 pointer-events: none;
}

[data-bs-theme=dark] .navLine .toggle-btn-line .logo-ggg {}

.navLine .toggle-btn-line .logo-ggg span {
 pointer-events: none;
}

.navLine-nav .arrow-down {
 display: none;
 margin: 0 auto;
 padding: 0;
 width: 0;
 height: 0;
 border-color: black transparent;
 border-left: 0.5rem solid transparent;
 border-right: 0.5rem solid transparent;
 border-top: 0.5rem solid rgba(var(--ggg-primary-color-rgb), 0.7);
 opacity: 1;
 transition: opacity 650ms, display 950ms;
 animation: glowingGreenBorderTop 300ms;
 animation-iteration-count: 1;
 animation-delay: 500ms;
}

.navLine-nav.open .arrow-down {
 opacity: 0;
 display: none;
}

@media (min-width: 576px) {
 .navLine-nav .arrow-down {
  opacity: 1;
  display: block;
 }
}

.navLine-nav .arrow-down.offf {
 margin-top: -50px;
}

@media (min-height: 300px) {
 .navLine-nav .arrow-down.offf {
  margin-top: -60px;
 }
}

@media (min-height: 500px) {
 .navLine-nav .arrow-down.offf {
  margin-top: -70px;
 }
}

@media (min-height: 600px) {
 .navLine-nav .arrow-down.offf {
  margin-top: -80px;
 }
}

@media (min-height: 700px) {
 .navLine-nav .arrow-down.offf {
  margin-top: -200px;
 }
}

.navLine-nav .arrow-up {
 display: block;
 margin: 0 auto;
 padding: 0;
 width: 0;
 height: 0;
 border-color: black transparent;
 border-left: 0.5rem solid transparent;
 border-right: 0.5rem solid transparent;
 border-bottom: 0.5rem solid rgba(var(--ggg-primary-color-rgb), 0.7);
 opacity: 1;
 transition: opacity 650ms, display 950ms;
 animation: glowingGreenBorderBottom 300ms;
 animation-iteration-count: 1;
 animation-delay: 500ms;
}

.navLine-nav.open .arrow-up {
 opacity: 0;
}

@media (min-width: 576px) {
 .navLine-nav .arrow-up {
  opacity: 0;
 }
}

.navLine .list {
 position: absolute;
 margin: 0;
 padding: 0 0 0 0;
 display: flex;
 align-items: center;
 justify-content: center;
 transform: rotate(0);
 background: none;
 list-style: none;
 box-sizing: border-box;
}

.navLine .list li {
 margin: 0;
 padding: 0;
 position: absolute;
 transform: translateY(calc(var(--i) * 0));
 transition: transform 0.6s ease, opacity 0.25s;
 opacity: 0;
 box-sizing: border-box;
 pointer-events: none;
}

.navLine.open .list li {
 transform: translateY(calc(var(--i) * -60px));
 opacity: 1;
 pointer-events: initial;
}

@media (min-width: 576px) {
 .navLine.open .list li {
  transform: translateY(calc(var(--i) * 80px));
  opacity: 1;
  pointer-events: initial;
 }
}

.navLine .item {
 position: relative;
 height: 3rem;
 width: 3rem;
 display: grid;
 align-items: center;
 justify-content: center;
 text-decoration: none;
 color: #919191;
 color: #707070;
 border: none;
 background: rgba(var(--bs-nav-menu-color-rgb), 0.1);
 background: rgba(var(--just-black-rgb), 0.1);
 backdrop-filter: blur(0.45rem);
 -webkit-backdrop-filter: blur(0.45rem);
 outline: 0.063rem solid rgba(145, 145, 145, 0.75);
 border-radius: 0.750rem;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 transition: transform 0.25s, margin 0.25s, width 0.25s, height 0.25s;
}

[data-bs-theme=dark] .navLine .item {
 color: #bebebe;
 background: rgba(var(--bs-nav-menu-color-rgb), 0.75);
 background: rgba(var(--just-black-rgb), 0.1);
 outline: 0.063rem solid rgba(0, 0, 0, 0.75);
}

.navLine .item svg {
 margin: auto;
 width: 1.6rem;
 height: 1.6rem;
 color: #919191;
 stroke: currentColor;
 fill: currentColor;
 transition: width 0.25s, height 0.25s;
}

.navLine .item--sidebar {
 display: block;
 padding: 0;
 width: 4rem;
 height: 3.750rem;
 color: var(--purple-two);
 color: #6948a5;
 color: var(--ggg-primary-color);
 text-shadow: 0 0.06rem 0.08rem rgba(0, 0, 0, 0.15);
 text-shadow: none;
 border-radius: 0;
 border: none;
 background: red;
 outline: none;
 box-shadow: none;
}

@media (min-width: 576px) {
 .navLine .item {
  height: 4rem;
  width: 4rem;
 }}

.navLine .item .title {
 position: absolute;
 padding: 0.125rem 0.250rem;
 right: 4rem;
 display: none;
 border-radius: 0.250rem;
 font-size: 0.8rem;
 font-weight: 500;
 color: var(--bs-nav-link-color);
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}

[data-bs-theme=dark] .navLine .item .title {
 color: var(--bs-body-color);
 background: rgba(var(--just-black-rgb), 1);
}

@media (min-width: 576px) {
 .navLine .item .title {
  right: 4.4rem;
 }
}

.navLine .item[aria-current="page"] {
 color: var(--ggg-primary-color);
 background-color: rgba(var(--ggg-primary-color-rgb), 0.2);
 background-color: rgba(var(--just-black-rgb), 0.1);
}

.navLine .item:hover:not(.item--sidebar),
.navLine .item:focus:not(.item--sidebar) {
 animation: glowingGreen 300ms forwards;
}

.navLine .item:active {
 color: var(--ggg-primary-color);
 background-color: rgba(var(--ggg-primary-color-rgb), 0.2);
 background-color: rgba(var(--just-black-rgb), 0.1);
}

.navLine .item:active svg {
 color: var(--ggg-primary-color);
 stroke: currentColor;
 fill: currentColor;
}

.navLine .item:hover .title,
.navLine .item:focus .title {
 display: block;
}



.navDock-nav {
 --d: 0;
 --e: 0;
 --nvd-purple-rgb: 39, 9, 98;
 --nvd-dark-rgb: 210, 210, 210;
 --nvd-gutter-x: 0rem;
 --nvd-gutter-y: 0rem;
 --nvd-gap: 0.25rem;
 position: fixed;
 margin: 0;
 padding: 0;
 width: auto;
 height: auto;
 right: 2.5%;
 bottom: 2.5rem;
 transform: translate(0%, 0);
 z-index: 2000;
 background-color: mediumvioletred;
}

.navDock-nav.navDock-nav--top {
 right: 2.5%;
 top: 2.5rem;
 bottom: unset;
}

@media (min-width: 768px) {
 .navDock-nav {
  right: 5%;
  top: unset;
  bottom: 5rem;
 }
 .navDock-nav.navDock-nav--top {
  right: 5%;
  top: 5rem;
  bottom: unset;
 }
}

.navDock {
 width: auto;
 height: auto;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}

@media (min-width: 768px) {
 .navDock {
  flex-direction: row;
 }
}

.navDock .toggle-btn-dock {
 position: relative;
 z-index: 2150;
}

.navDock .menu {
 background-color: yellow;
}

.navDock .list {
 background-color: green;
}

.menu__item.menu__item--sidebar {
 transform: translateX(0.75rem);
}

.navDock .list {
 position: relative;
 margin: 0;
 padding: 0;
 width: auto;
 height: auto;
 transform: translateY(-4rem);
 z-index: 2100;
}

.navDock .list>li {
 margin: 0;
 padding: 0;
 position: absolute;
 transform: translateX(calc(var(--d) * 0)) translateY(calc(var(--d) * 0));
 opacity: 0;
 z-index: 2099;
 transition: transform 400ms ease-out, opacity 300ms ease-in-out;
}

.navDock.open .list>li {
 opacity: 1;
 transform: translateY(calc(var(--d) * -4.25rem));
}

.navDock.navDock--top.open .list>li {
 opacity: 1;
 transform: translateY(calc(var(--d) * 4.25rem));
}

@media (max-height: 600px) {
 .menu__item.menu__item--sidebar {
  transform: translateX(0.5rem);
 }
 .navDock.open .list>li,
 .navDock.navDock--top.open .list>li {
  transform: translateX(calc(var(--d) * -4.25rem));
 }
}

@media (min-width: 768px) and (min-height: 600px) {
 .menu__item.menu__item--sidebar {
  transform: translateX(0.5rem);
 }
 .navDock.open .list>li,
 .navDock.navDock--top.open .list>li {
  transform: translateX(calc(var(--d) * -4.25rem));
 }
}

.dockLine .sub-list {
 position: relative;
 margin: 0;
 padding: 0;
 transform: translateY(-3.75rem);
 z-index: 2100;
}

.dockLine .sub-list>li {
 margin: 0;
 padding: 0;
 position: absolute;
 transform: translateX(calc(var(--e) * 0)) translateY(0rem);
 opacity: 0;
 z-index: 2099;
 transition: transform 420ms ease-out, opacity 300ms ease-in-out;
}

.dockLine.open .sub-list>li {
 transform: translateX(calc(var(--e) * -4.25rem)) translateY( 0rem);
 opacity: 1;
}

.dockLine.dockLine--top.open .sub-list>li {
 transform: translateX(calc(var(--e) * -4.25rem));
 opacity: 1;
}

@media (max-height: 600px) {
 .dockLine.open .sub-list>li {
  transform: translateY(calc(var(--e) * -4.25rem));
  opacity: 1;
 }
 .dockLine.dockLine--top.open .sub-list>li {
  transform: translateY(calc(var(--e) * 4.25rem));
  opacity: 1;
 }
}

@media (min-width: 768px) {
 .dockLine.open .sub-list>li {
  transform: translateY(calc(var(--e) * -4.25rem));
  opacity: 1;
 }
 .dockLine.dockLine--top.open .sub-list>li {
  transform: translateY(calc(var(--e) * 4.25rem));
  opacity: 1;
 }
}

.dockLine .menu__item--submenu.btn-toggle-subline {
 position: relative;
 margin: 0;
 z-index: 2150;
}



.sidebarNav {
 position: fixed;
 margin: 0;
 padding: 0;
 height: 100%;
 top: 0;
 right: 0;
 bottom: 0%;
 width: auto;
 height: auto;
 display: flex;
 align-items: center;
 background: transparent;
 pointer-events: none;
 z-index: 2100;
}

.sidebarNav .item {
 display: inline-block;
 height: 3.75rem;
 width: 2.75rem;
 text-decoration: none;
 background: rgba(var(--bs-nav-menu-color-rgb), 0.45);
 pointer-events: initial;
}

.sidebarNav .item:hover {
 width: 4.75rem;
}

.sidebarNav .title {
 display: none;
}

.offcanvas.sidebars-offcanvas {
 width: 16rem;
 top: 0;
 box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.188rem 0.063rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.063rem 0.313rem 0 rgba(0, 0, 0, 0.12);
 box-sizing: border-box;
 background: rgba(var(--bs-body-bg-rgb), 1);
 z-index: 2210;
}

.offcanvas.sidebars-offcanvas .offcanvas-body {
 margin: 0;
 padding: 0;
}

#adminCanvasMenu {
 width: 15rem;
 z-index: 1210;
}

#sidebarAdminNav {
 width: 15rem;
 z-index: 2210;
}

@media(min-width: 768px) {
 .offcanvas.sidebars-offcanvas {
  width: 30rem;
  padding-right: 0rem;
 }
}

.sidebars-offcanvas .offcanvas-header {
 padding: 0.5rem 0.5rem;
}

.sidebars-offcanvas a,
.sidebars-offcanvas a:hover,
.sidebars-offcanvas a:focus {
 text-decoration: none;
 transition: 300ms;
}

.sidebars-offcanvas a:not(.btn):not([class]):not([rol]),
.sidebars-offcanvas a:not(.btn):not([class]):not([rol]):active,
.sidebars-offcanvas a:not(.btn):not([class]):not([rol]):link,
.sidebars-offcanvas a:not(.btn):not([class]):not([rol]):visited {
 text-decoration: none;
}

.sidebars-offcanvas .btn {
 border-radius: 0px;
 border-width: 0px;
 color: var(--bs-light-text);
}

.sidebars-offcanvas .sidebar-header {
 display: inline-block;
 width: 100%;
 padding: 0.35rem;
 margin: 0 auto;
 font-family:"Roboto","Helvetica","Arial", sans-serif;
 font-size: 1rem;
 font-weight: 500;
 line-height: 1;
 letter-spacing: 0.02em;
 font-weight: 400;
 box-sizing: border-box;
 line-height: 2rem;
}

.sidebars-offcanvas .list-unstyled {
 padding: 0;
 margin: 0;
}

.sidebars-offcanvas ul.components {
 padding: 0;
}

.sidebars-offcanvas i {
 color: var(--bs-link-color);
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.sidebars-offcanvas ul li a {
 display: block;
 margin: 0;
 padding: calc(3rem * 0.5) calc(1.5rem * 0.5);
 font-size: calc(0.875rem + 0.5vw);
 font-weight: 400;
 color: var(--bs-light-text);
 text-decoration: none;
 line-height: 1.5rem;
 letter-spacing: 0;
}

.sidebars-offcanvas ul li a {
 -webkit-flex-shrink: 0;
 -ms-flex-negative: 0;
 flex-shrink: 0;
}

.sidebars-offcanvas ul li button {
 display: block;
 width: 100%;
 margin: 0;
 padding: calc(3rem * 0.5) calc(1.5rem * 0.5);
 text-align: left;
 font-size: calc(0.875rem + 0.5vw);
 font-weight: 400;
 color: var(--bs-light-text);
 text-decoration: none;
 line-height: 1.5rem;
 letter-spacing: 0;
}

.sidebars-offcanvas ul li button span {
 pointer-events: none;
}

.sidebars-offcanvas ul li a:hover,
.sidebars-offcanvas ul li button:hover {
 color: var(--ggg-primary-color-hover);
 background-color: var(--bs-light-bg-subtle);
}

.sidebars-offcanvas ul li.active>a {
 color: var(--ggg-primary-color-hover);
 background-color: var(--bs-light-bg-subtle);
}

.sidebars-offcanvas a[aria-expanded="true"] {
 color: var( --io-active-sb);
 background-color: rgba(var( --bs-body-bg-hover-rgb), 0.8);
}

.sidebars-offcanvas li.active-off {
 color: var(--bs-warning-text);
 background-color: var(--bs-light-bg-subtle);
}

.sidebars-offcanvas li.off a::after {
 content:" -";
 content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='%23ffda6a' stroke='%23ffda6a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
 content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='%23ffda6a' stroke='%23ffda6a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2 5l6 6l6-6'/%3e%3c/svg%3e");
}

.sidebars-offcanvas ul ul a {
 padding-left: 1rem !important;
 background-color: rgba(var(--bs-body-bg-rgb), 0.8);
}

.sidebars-offcanvas ul li ul {
 border-bottom: thin solid rgb(66, 66, 66);
}

.sidebars-offcanvas ul li ul li ul {
 border-bottom: thin solid rgba(66, 66, 66);
}

.sidebars-offcanvas ul li ul li ul li a {
 padding-left: 1.5rem !important;
}

.sidebars-offcanvas li a.submenu::before {
 content:" ";
 padding-left: 0.75rem;
}

.sidebars-offcanvas li.active a.submenu::before {
 content:" ";
}

.sidebars-offcanvas li.active li.active .submenu {
 color: var(--bs-warning-text);
 background-color: rgba(52, 58, 64, 0.4);
}

.sidebars-offcanvas ul li ul li a {
 display: block;
}

.sidebars-offcanvas .sub {
 text-align: center;
 color: rgba(var( --io-active-sb), 0.9);
 background-color: rgba(var( --bs-body-bg-hover-rgb), 0.1);
}

.sidebars-offcanvas .sub button {
 padding: 1rem 2.2rem;
 font-size: 1rem;
}

.sidebars-offcanvas .divider {
 margin: 0;
 overflow: hidden;
 border-top: 1px solid var(--bs-border-color-translucent);
 border-bottom: 1px solid var(--bs-border-color-translucent);
 opacity: 1;
 display: block;
 padding: 1rem 0 0.5rem 1rem;
 height: 1.75rem;
 font-size: 0.875rem;
 font-weight: 400;
 color: var(--bs-light-text);
 text-decoration: none;
 line-height: 1.5rem;
 letter-spacing: 0;
 background-color: var(--bs-border-color-translucent);
 -webkit-flex-shrink: 0;
 -ms-flex-negative: 0;
 flex-shrink: 0;
 opacity: 0.5;
}

.sidebar-footer {
 display: block;
 height: 6.250rem;
}



#sidebarLeftNav .offcanvas-body {
 margin: 0;
 padding: 0;
}

#sidebarLeftNav {
 width: 240px;
 z-index: 2210;
}



#sidebarRightNav .offcanvas-body {
 margin: 0;
 padding: 0;
}

#sidebarRightNav.sidebars-offcanvas {
 width: 240px;
 z-index: 2210;
}

#sidebarStudio.sidebars-offcanvas {
 width: 240px;
 z-index: 2210;
}

#sidebarStudio .offcanvas-body {
 margin: 0;
 padding: 0;
}



.offcanvas.labinfo-offcanvas {
 height: 68vh;
 background: rgba(255, 255, 255, 0.41);
 background: rgba(var(--bg-light-gray-rgb), 0.6);
 border-radius: 0;
 z-index: 2450;
}

.offcanvas.labinfo-offcanvas::after {
 box-shadow: 0 0.25rem 1.875rem rgba(0, 0, 0, 0.1);
 backdrop-filter: blur(0.5rem);
 -webkit-backdrop-filter: blur(0.5rem);
 border: 0.063rem solid rgba(255, 255, 255, 0.1);
 transition-duration: 300ms;
 -webkit-transition-duration: 300ms;
 transform: translateZ(0) translate3d(0, 0, 0);
}

[data-bs-theme=dark] .offcanvas.labinfo-offcanvas {
 box-shadow: 0.125rem 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
 background: rgba(97, 97, 97, 0.1);
}

.offcanvas.labinfo-offcanvas .offcanvas-header {
 background: rgba(97, 97, 97, 0.1);
}

.offcanvas.labinfo-offcanvas .offcanvas-header .offcanvas-title {
 color: rgba(var(--bs-body-color-rgb), 0.6);
}

.offcanvas.labinfo-offcanvas .cover-nav-body {
 display: grid;
 place-items: center;
 padding-left: 0;
 padding-right: 0;
 height: 66vh;
}

.offcanvas.labinfo-offcanvas .cover-nav-body .row {
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

@media(min-width: 768px) {
 .offcanvas.labinfo-offcanvas {
  height: 52vh;
 }
 .offcanvas.labinfo-offcanvas .cover-nav-body {
  height: 50vh;
 }
}

.offcanvas.labinfo-offcanvas .info {
 padding: 0 0.5rem 1rem 0.5rem;
}

.offcanvas.labinfo-offcanvas .info .title {
 display: block;
 line-height: 1rem;
 font-size: clamp(1.2rem, 5vw, 2rem);
 pointer-events: none;
}

.offcanvas.labinfo-offcanvas .info .description {
 line-height: 1.75;
 max-width: 720px;
 font-size: clamp(1rem, 5vw, 1.2rem);
 display: block;
}

.offcanvas.labinfo-offcanvas .info .title {
 display: block;
 line-height: 3rem;
 font-size: clamp(1.2rem, 5vw, 2rem);
 pointer-events: none;
}

.offcanvas.labinfo-offcanvas .info .references {
 display: block;
 font-size: clamp(0.9rem, 5vw, 1rem);
}

.offcanvas.labinfo-offcanvas .info .url {
 display: block;
 font-size: clamp(0.625rem, 3vw, 0.9rem);
}

.info .form-check-label {
 font-size: 0.85rem;
}

@media (min-width: 768px) {
 .offcanvas.labinfo-offcanvas .info .title,
 .offcanvas.labinfo-offcanvas .info .description,
 .offcanvas.labinfo-offcanvas .info .references,
 .offcanvas.labinfo-offcanvas .info .url {
  padding-bottom: 0.5rem;
 }
}

.offcanvas.labinfo-offcanvas .info .dropdown-toggle::after {
 display: none;
 margin-left: 0.255em;
 vertical-align: 0.255em;
 content:"";
 border-top: 0.3em solid;
 border-right: 0.3em solid transparent;
 border-bottom: 0;
 border-left: 0.3em solid transparent;
}

.cover-controls {
 --cover-controls-bottom: 22%;
 --cover-controls-width: 16rem;
 position: fixed;
 bottom: var(--cover-controls-bottom);
 left: calc(49% - (var(--cover-controls-width) / 2));
 width: var(--cover-controls-width);
 display: grid;
 text-align: center;
 background: none;
 z-index: 1400;
 -webkit-transition: opacity 500ms, bottom 500ms;
 transition: opacity 500ms, bottom 500ms;
 pointer-events: none;
 inherits: false;
}

.cover-controls>div {
 mix-blend-mode: difference;
}

.cover-controls.cover-controls--center {
 --cover-controls-bottom: 42%;
 mix-blend-mode: difference;
}

.cover-controls.cover-controls--bottom {
 --cover-controls-bottom: calc(1% + (var( --app-footer-section)));
 mix-blend-mode: difference;
}

.cover-control-info {
 position: fixed;
 bottom: 22%;
 right: 1%;
 display: block;
 z-index: 2400;
 mix-blend-mode: difference;
}

.info .simbol {
 --bs-badge-padding-x: 0.65em;
 --bs-badge-padding-y: 0.35em;
 --bs-badge-font-size: 0.75em;
 --bs-badge-font-weight: 700;
 --bs-badge-color: #fff;
 --bs-badge-border-radius: var(--bs-border-radius);
 display: inline-block;
 padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
 font-size: var(--bs-badge-font-size);
 font-weight: var(--bs-badge-font-weight);
 line-height: 1;
 color: var(--bs-badge-color);
 text-align: center;
 white-space: nowrap;
 vertical-align: baseline;
 border-radius: var(--bs-badge-border-radius);
 background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 0.1));
}

.info .simbol i {
 font-size: 1.1rem;
}

.info .simbol span {
 display: none;
 padding-top: 0.35rem;
 font-size: 0.8rem;
}

.btns-prev-next {
 position: fixed;
 display: none;
 margin: 0 auto;
 padding: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 100%;
 height: auto;
 z-index: 150;
 pointer-events: none;
 will-change: background-color, transform;
}

@media ( min-width: 576px) {
 .btns-prev-next {
  display: flex;
  justify-content: flex-end;
 }
}

.btns-prev-next {
 -webkit-transition: background-color 500ms linear, transform 300ms cubic-bezier(1, 1, 1, 1);
 transition: background-color 500ms linear, transform 300ms cubic-bezier(1, 1, 1, 1);
 transition-delay: 0s;
 transform: translateZ(0) translate3d(0, 0, 0);
}

.btn-back-absolute {
 display: block;
 margin: 0;
 bottom: 0;
 left: 0;
 width: 50%;
 height: 12%;
 pointer-events: auto;
 mix-blend-mode: difference;
}

.btn-next-absolute {
 display: block;
 margin: 0;
 bottom: 0;
 right: 0;
 width: 50%;
 height: 12%;
 pointer-events: auto;
 mix-blend-mode: difference;
}

.btn-control-prev,
.btn-control-next {
 display: grid;
 width: auto;
 height: 100%;
 border: 0;
 border-radius: 0;
 color: var(--amarillo-1);
 font-size: 4rem;
 opacity: 0.7;
 mix-blend-mode: difference;
}

.btn-control-prev.on,
.btn-control-next.on {
 background-color: rgba(33, 37, 41, 0.65);
}

.btn-control-prev span,
.btn-control-next span {
 font-size: 2rem;
}

.btn-control-prev {
 text-align: left;
}

.btn-control-next {
 text-align: right;
}

.btn-info-cover {
 --bs-btn-color: rgba(var(--ggg-primary-color-rgb), 0.6);
 --bs-btn-font-size: 1.5rem;
 --bs-btn-hover-color: rgba(var(--ggg-primary-color-hover-rgb), 0.6);
 -moz-animation: fadeIn 500ms ease-in forwards;
 -webkit-animation: fadeIn 500ms ease-in forwards;
 -o-animation: fadeIn 500ms ease-in forwards;
 animation: fadeIn 500ms ease-in forwards;
}



.btn-sound {
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 display: block;
 margin-bottom: 8px;
 padding: 0.375rem 0.75rem;
 height: 60px;
 width: 60px;
 font-weight: 400;
 font-size: calc(1.5rem + 0.3vw);
 line-height: 1.5;
 color: rgba(235, 235, 235, 0.8);
 text-align: center;
 text-decoration: none;
 background-color: transparent;
 border: none;
 border-radius: 50%;
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 will-change: color, background-color, border-color, box-shadow;
}

.btn-sound:active,
.btn-sound:hover,
.btn-sound:focus {
 background-color: rgba(77, 77, 77, 0.4);
}

.btn-pre-sound {
 --bs-btn-color: rgba(var(--ggg-primary-color-rgb), 0.6);
 --bs-btn-font-size: 1.5rem;
 -moz-animation: fadeIn 500ms ease-in forwards;
 -webkit-animation: fadeIn 500ms ease-in forwards;
 -o-animation: fadeIn 500ms ease-in forwards;
 animation: fadeIn 500ms ease-in forwards;
 pointer-events: initial;
}

.btn-play-sound {
 --bs-btn-color: rgba(var(--ggg-primary-color-rgb), 0.6);
 --bs-btn-font-size: 1.5rem;
 -moz-animation: fadeIn 500ms ease-in forwards;
 -webkit-animation: fadeIn 500ms ease-in forwards;
 -o-animation: fadeIn 500ms ease-in forwards;
 animation: fadeIn 500ms ease-in forwards;
 pointer-events: initial;
}

.btn-pause-sound {
 --bs-btn-color: rgba(var(--ggg-primary-color-rgb), 0.6);
 --bs-btn-font-size: 1.5rem;
 -moz-animation: fadeIn 500ms ease-in forwards;
 -webkit-animation: fadeIn 500ms ease-in forwards;
 -o-animation: fadeIn 500ms ease-in forwards;
 animation: fadeIn 500ms ease-in forwards;
 pointer-events: initial;
}

.div-instruction-sound {
 text-align: center;
 line-height: 1.2;
 pointer-events: none;
}



.btn-pre-video {
 --bs-btn-color: rgba(var(--ggg-primary-color-rgb), 0.6);
 --bs-btn-font-size: 1.5rem;
 -moz-animation: fadeIn 500ms ease-in forwards;
 -webkit-animation: fadeIn 500ms ease-in forwards;
 -o-animation: fadeIn 500ms ease-in forwards;
 animation: fadeIn 500ms ease-in forwards;
 pointer-events: initial;
}

.btn-play-video {
 --bs-btn-color: rgba(var(--ggg-primary-color-rgb), 0.6);
 --bs-btn-font-size: 1.5rem;
 -moz-animation: fadeIn 500ms ease-in forwards;
 -webkit-animation: fadeIn 500ms ease-in forwards;
 -o-animation: fadeIn 500ms ease-in forwards;
 animation: fadeIn 500ms ease-in forwards;
 pointer-events: initial;
}

.btn-pause-video {
 --bs-btn-color: rgba(var(--ggg-primary-color-rgb), 0.6);
 --bs-btn-font-size: 1.5rem;
 -moz-animation: fadeIn 500ms ease-in forwards;
 -webkit-animation: fadeIn 500ms ease-in forwards;
 -o-animation: fadeIn 500ms ease-in forwards;
 animation: fadeIn 500ms ease-in forwards;
 pointer-events: initial;
}

.div-instruction-video {
 text-align: center;
 line-height: 1.2;
 pointer-events: none;
}



::selection {
 background: #CCB0F3;
 color: #333;
}

 ::-moz-selection {
 background: #CCB0F3;
 color: #333;
}

 ::-webkit-selection {
 background: #CCB0F3;
 color: #333;
}

a>i {
 pointer-events: none;
}

a i.fas {
 pointer-events: none;
}

a {
 color: var(--bs-link-color);
 background-color: transparent;
 text-shadow: 0.03rem 0.03rem 0.03rem rgba(0, 0, 0, 0.80);
}

a:hover {
 color: var(--bs-link-hover-color);
 text-decoration: none;
}

button>i {
 pointer-events: none;
}

button em {
 pointer-events: none;
}

button.btn span {
 pointer-events: none;
}

button.btn-sound span {
 pointer-events: none;
}

button i.fas {
 pointer-events: none;
}

.btn-switch-mode i {
 pointer-events: none;
}

.fas,
.fab {
 pointer-events: none;
}

.btn svg {display: block;
 width: 25px;
 height: auto;
 margin: 0;
 padding: 0;
}

.btn[data-bs-theme-value] {
 border: none;
}

button span.link,
a span.link {
 pointer-events: auto;
 margin: auto;
 padding: 0.75rem 0.375rem;
 width: 100%;
 height: 100%;
}

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

.btn-back-holder {
 margin: 0 auto;
 padding: 0;
 padding-top: 1.563rem;
 width: 91.66666667%;
 height: 5rem;
 background-color: transparent;
 pointer-events: none;
 z-index: 15;
}

@media (min-width: 576px) {
 .btn-back-holder {
  padding-top: 4rem;
  height: 7.5rem;
  width: 75%;
 }
}

@media (min-width: 768px) {
 .btn-back-holder {
  position: absolute;
  width: 8.33333333%;
  top: 4.5rem;
  left: 5%;
  height: 7.5rem;
  padding-top: 0.5rem;
 }
}

@media (min-width: 992px) {
 .btn-back-holder {
  left: 10%;
 }
}

@media (min-width: 1200px) {
 .btn-back-holder {
  left: 15%;
 }
}

@media (min-width: 1400px) {
 .btn-back-holder {
  left: 20%;
 }
}.btn-back-hold {
 margin: 0;
 padding: 0;
 width: auto;
 height: 3rem;
 position: relative;
}

.btn-back-arrow {
 --bs-btn-color: var(--bs-link-color);
 --bs-btn-border-color: var(--bs-border-color-translucent);
 --bs-btn-border-radius: 9999px;
 position: relative;
 transform: translate3d(0, 0, 0);
 transform-origin: center;
 transition: transform 400ms, padding 400ms, font-size 400ms;
 pointer-events: all;
}

.btn-back-arrow i {
 color: #a1a1aa;
}

.btn-back-arrow:hover {
 position: absolute;
 color: var(--bs-body-color);
 background-color: var(--bs-btn-hover-bg);
 border-color: var(--bs-border-color);
 padding: 1.375rem 1.75rem;
 transform: translate3d(-0.78125rem, -0.390625rem, 0);
 transform-origin: center;
 transform-box: fill-box;
}

.btn-back-arrow:hover i,
.btn-back-arrow:active i {
 color: var(--bs-body-color);
 color: var(--bs-link-color);
}

.btn-post {
 --bs-btn-border-color: var(--bs-border-color-translucent);
 border: none;
}

.btn-post .badge {
 color: var(--bs-body-color);
}

.btn-post:hover,
.btn-post:active {
 --bs-btn-color: var(--bs-link-color);
 --bs-btn-border-color: var(--bs-border-color-translucent);
 border: none;
 color: var(--bs-link-color);
}

.btn-post:hover .badge {
 color: #FFFFFF;
}

.btn-purple {
 color: rgba(255, 255, 255, 0.4);
 background-color: rgba(46, 42, 56, 0.8);
}

.btn-purple:hover {
 color: #ed3b7c;
 background-color: #24202e;
 background-image: linear-gradient(90deg, #2e2733 -17%, #38274e -17%, #31273b -1%, #31273a 34%, #38274f 66%, #2e2734 91%, #2e2733 104%);
 border-top-right-radius: 8px;
 border-top-left-radius: 8px;
 border: 1px solid #493c56;
 box-sizing: border-box;
}

.btn-outline-dark {
 --bs-btn-color: rgba(var(--bs-body-color-rgb), 0.42);
 --bs-btn-border-color: var( --bs-border-color-translucent);
 --bs-btn-hover-color: rgba(var(--bs-body-color-rgb), 1);
 --bs-btn-hover-bg: #212529;
 --bs-btn-hover-bg: rgba(12, 14, 18, 0.159);
 --bs-btn-hover-border-color: rgba(12, 14, 18, 0.159);
 --bs-btn-focus-shadow-rgb: 33, 37, 41;
 --bs-btn-active-color: #fff;
 --bs-btn-active-bg: rgba(12, 14, 18, 0.159);
 --bs-btn-active-border-color: rgba(12, 14, 18, 0.159);
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color: #212529;
 --bs-btn-disabled-bg: transparent;
 --bs-btn-disabled-border-color: #212529;
 --bs-gradient: none;
}

[data-bs-theme=dark] .btn-black {
 --bs-btn-hover-bg: #212529;
 --bs-btn-hover-border-color: #212529;
 --bs-btn-active-color: #fff;
 --bs-btn-active-bg: #212529;
 --bs-btn-active-border-color: #212529;
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-black {
 --bs-btn-color: #e9ecef;
 --bs-btn-color: var(--bs-body-color);
 --bs-btn-bg: rgba(var( --bs-dark-bg-subtle-rgb), 0.2);
 --bs-btn-bg: var(--bs-body-bg);
 --bs-btn-bg: var(--bs-card-cap-bg);
 font-size: calc(0.8rem + 0.1vw);
}

[data-bs-theme=dark] .btn-black {
 --bs-btn-color: #e9ecef;
 --bs-btn-color: #9ca3ab;
 --bs-btn-bg: rgba(var( --bs-dark-bg-subtle-rgb), 0.5);
}

.btn-black:hover,
.btn-black:active {
 --bs-btn-color: #9ca3ab;
 --bs-btn-bg: rgba(var( --bs-dark-bg-subtle-rgb), 0.5);
 font-size: calc(0.8rem + 0.1vw);
}

.btn-how {
 padding: 1.2rem 1.2rem;
 color: #767676;
 border-color: #767676;
 font-size: clamp(1.5rem, 1.4vw, 2.1rem);
 mix-blend-mode: difference;
}

.btn-how:hover {
 color: #767676;
 border-color: #767676;
 background-color: rgba(125, 125, 125, 0.2);
}

[data-bs-theme=dark] .btn-how {
 color: #f8f9fa;
 border-color: #f8f9fa;
}

[data-bs-theme=dark] .btn-how:hover {
 color: #f8f9fa;
 border-color: #f8f9fa;
 background-color: rgba(248, 249, 250, 0.2);
}

.btn-fill {
 --bs-btn-padding-x: 1rem;
 --bs-btn-padding-y: 1rem;
 --bs-btn-border-radius: 0;
 margin: auto;
 width: 100%;
 height: 100%;
 display: grid;
 align-items: center;
}

.btn-fill.disabled {
 --bs-btn-disabled-opacity: 0.25;
 border: none;
}

@media (min-width: 768px) {
 .btn-fill {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 1.5rem;
 }
}

.btn-portf {
 padding: 1.2rem 1.2rem;
 color: rgba(27, 32, 37, 0.7);
 border-color: rgba(48, 54, 60, 0.672);
 font-size: clamp(1.5rem, 1.4vw, 2.1rem);
 mix-blend-mode: difference;
}

.btn-portf:hover {
 color: rgba(48, 54, 60, 0.672);
 border-color: rgba(74, 84, 94, 0.8);
}

[data-bs-theme=dark] .btn-portf {
 color: rgba(109, 127, 146, 0.7);
 border-color: rgba(127, 148, 172, 0.9);
 background-color: rgba(30, 34, 39, 0.2);
}

[data-bs-theme=dark] .btn-portf:hover {
 color: rgba(161, 175, 191, 0.6);
 border-color: rgba(151, 161, 172, 0.8);
}

.text-allow-sound {
 color: #b3b3b3;
}

.btn-outline-admin {
 --bs-btn-color: rgba(var(--bs-body-color-rgb), 0.6);
 --bs-btn-bg: rgba(33, 37, 41, 0.15);
 --bs-btn-border-color: var( --bs-border-color-translucent);
 --bs-btn-border-radius: 0;
 --bs-btn-hover-color: rgba(var(--bs-body-color-rgb), 1);
 --bs-btn-hover-bg: #212529;
 --bs-btn-hover-border-color: #212529;
 --bs-btn-focus-shadow-rgb: 33, 37, 41;
 --bs-btn-active-color: #fff;
 --bs-btn-active-bg: #212529;
 --bs-btn-active-border-color: #212529;
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color: #212529;
 --bs-btn-disabled-bg: transparent;
 --bs-btn-disabled-border-color: #212529;
 --bs-gradient: none;
}

[data-bs-theme=dark] .btn-outline-admin {
 --bs-btn-color: rgba(var(--bs-body-color-rgb), 0.42);
 --bs-btn-bg: rgba(33, 37, 41, 0.4);
}

.btn-outline-action {
 --bs-btn-color: rgba(var(--bs-body-color-rgb), 0.6);
 --bs-btn-bg: rgba(33, 37, 41, 0.15);
 --bs-btn-bg: transparent;
 --bs-btn-border-color: var( --bs-border-color-translucent);
 --bs-btn-border-radius: 0;
 --bs-btn-hover-color: rgba(var(--bs-body-color-rgb), 1);
 --bs-btn-hover-bg: #212529;
 --bs-btn-hover-border-color: #212529;
 --bs-btn-focus-shadow-rgb: 33, 37, 41;
 --bs-btn-active-color: #fff;
 --bs-btn-active-bg: #212529;
 --bs-btn-active-border-color: #212529;
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color: #212529;
 --bs-btn-disabled-bg: transparent;
 --bs-btn-disabled-border-color: #212529;
 --bs-gradient: none;
 border: none;
 vertical-align: inherit;
}

[data-bs-theme=dark] .btn-outline-action {
 --bs-btn-color: rgba(var(--bs-body-color-rgb), 0.42);
 --bs-btn-bg: rgba(33, 37, 41, 0.4);
}

.btn-outline-action.primary {
 --bs-btn-color: rgba(13, 110, 253, 1);
 --bs-btn-hover-bg: rgba(33, 37, 41, 0.236);
 --bs-btn-hover-color: #FFF;
}

.btn-outline-black {
 --bs-btn-color: rgba(var(--bs-body-color-rgb), 0.6);
 --bs-btn-bg: rgba(33, 37, 41, 0.15);
 --bs-btn-bg: transparent;
 --bs-btn-border-color: var( --bs-border-color-translucent);
 --bs-btn-border-radius: 0;
 --bs-btn-hover-color: rgba(var(--bs-body-color-rgb), 1);
 --bs-btn-hover-bg: rgba(33, 37, 41, 0.15);
 --bs-btn-hover-bg: rgba( var(--bs-tertiary-bg-rgb), 1);
 --bs-btn-hover-border-color: #212529;
 --bs-btn-focus-shadow-rgb: 33, 37, 41;
 --bs-btn-active-color: #fff;
 --bs-btn-active-bg: #212529;
 --bs-btn-active-border-color: #212529;
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color: #212529;
 --bs-btn-disabled-bg: transparent;
 --bs-btn-disabled-border-color: #212529;
 --bs-gradient: none;
 vertical-align: inherit;
}

[data-bs-theme=dark] .btn-outline-black {
 --bs-btn-color: rgba(var(--bs-body-color-rgb), 0.92);
 --bs-btn-color: #FFF;
 --bs-btn-bg: rgba(33, 37, 41, 0.4);
}

.btn-outline-edit {
 --bs-btn-color: rgba(var(--bs-body-color-rgb), 0.42);
 --bs-btn-border-color: var( --bs-border-color-translucent);
 --bs-btn-border-radius: 0;
 --bs-btn-hover-color: rgba(var(--bs-body-color-rgb), 1);
 --bs-btn-hover-bg: #212529;
 --bs-btn-hover-border-color: #212529;
 --bs-btn-focus-shadow-rgb: 33, 37, 41;
 --bs-btn-active-color: #fff;
 --bs-btn-active-bg: #212529;
 --bs-btn-active-border-color: #212529;
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color: #212529;
 --bs-btn-disabled-bg: transparent;
 --bs-btn-disabled-border-color: #212529;
 --bs-gradient: none;
}

.button-circle-wrap {
 width: 45px;
 height: 45px;
 justify-content: center;
 align-items: center;
 display: flex;
 position: relative;
}

.btn-circle-back {
 --bs-btn-padding-x: 0.5rem;
 --bs-btn-padding-y: 0.25rem;
 --bs-btn-bg: red;
}

.btn-circle-back .txt {
 margin-left: 0.75rem;
 opacity: 0;
 transition: margin 600ms, opacity 600ms;
 -webkit-transition: margin 600ms, opacity 600ms;
 will-change: transform;
}

.btn-circle-back .arrow {
 padding: 0;
 position: relative;
}

.btn-circle-back .arrow i {
 margin-left: 0rem;
 position: relative;
 z-index: 3;
}

.btn-circle-back .arrow::after {
 content:"";
 position: absolute;
 top: -0.7rem;
 left: -0.75rem;
 width: 2.75rem;
 height: 2.75rem;
 transform: translate3d(0, 0, 0);
 transform-origin: center;
 transform-box: fill-box;
 border-radius: 50%;
 border: 0.063rem solid var(--bs-border-color-translucent);
 background-color: rgba(var( --bs-dark-bg-subtle-rgb), 0.5);
 z-index: 1;
 transition: height 600ms, width 600ms, transform 600ms;
 -webkit-transition: height 600ms, width 600ms, transform 600ms;
 will-change: transform;
}

.btn-circle-back:hover .arrow::after {
 top: -1.0rem;
 left: -1rem;
 width: 6.0rem;
 height: 6.0rem;
 transform: translate3d(-2.2rem, -1.25rem, 0);
}

.btn-circle-back:hover .arrow i {
 margin-left: -1.6rem;
 transition: margin 600ms;
 -webkit-transition: margin 600ms;
 will-change: transform;
}

.btn-circle-back:hover .txt {
 margin-left: 3.25rem;
 opacity: 1;
}

.btn-bg-wrap {
 margin: auto;
 padding: 0.5rem;
 margin-left: 0.75rem;
 margin-right: 1.75rem;
 width: 1rem;
 height: 1rem;
 background-position: center center;
 background-repeat: no-repeat;
}

.btn-bg--arrow-right-45 {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23000000' d='M98.58,145.99v-31.4c0-13.29,10.75-24.04,23.97-23.97l274.85-.07c13.29,0,24.04,10.75,23.97,23.97V389.45c0,13.29-10.75,24.04-23.97,23.97h-31.4c-13.44,0-24.25-11.1-23.97-24.54l4.03-166.38-203.22,203.22c-9.4,9.4-24.54,9.4-33.94,0l-22.63-22.63c-9.4-9.4-9.4-24.54,0-33.94l203.22-203.22-166.38,4.03c-13.51,.35-24.61-10.47-24.54-23.97Z'/%3E %3C/svg%3E");
}

[data-bs-theme=dark] .btn-bg--arrow-right-45 {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23FFFFFF' d='M98.58,145.99v-31.4c0-13.29,10.75-24.04,23.97-23.97l274.85-.07c13.29,0,24.04,10.75,23.97,23.97V389.45c0,13.29-10.75,24.04-23.97,23.97h-31.4c-13.44,0-24.25-11.1-23.97-24.54l4.03-166.38-203.22,203.22c-9.4,9.4-24.54,9.4-33.94,0l-22.63-22.63c-9.4-9.4-9.4-24.54,0-33.94l203.22-203.22-166.38,4.03c-13.51,.35-24.61-10.47-24.54-23.97Z'/%3E %3C/svg%3E");
}

.btn-bg--arrow-right {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23000000' d='M222.48,445.1c-9.6-9.5-9.4-25,.4-34.3l120.5-114.8H55.98c-13.3,0-24-10.7-24-24v-32c0-13.3,10.7-24,24-24H343.37s-120.5-114.8-120.5-114.8c-9.7-9.3-9.9-24.8-.4-34.3l22.2-22.2c9.3-9.4,24.5-9.4,33.9,0l194.4,194.4c9.4,9.3,9.4,24.5,0,33.9l-194.4,194.3c-9.3,9.4-24.5,9.4-33.9,0l-22.2-22.2h0Z'/%3E %3C/svg%3E");
}

[data-bs-theme=dark] .btn-bg--arrow-right {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23FFFFFF' d='M222.48,445.1c-9.6-9.5-9.4-25,.4-34.3l120.5-114.8H55.98c-13.3,0-24-10.7-24-24v-32c0-13.3,10.7-24,24-24H343.37s-120.5-114.8-120.5-114.8c-9.7-9.3-9.9-24.8-.4-34.3l22.2-22.2c9.3-9.4,24.5-9.4,33.9,0l194.4,194.4c9.4,9.3,9.4,24.5,0,33.9l-194.4,194.3c-9.3,9.4-24.5,9.4-33.9,0l-22.2-22.2h0Z'/%3E %3C/svg%3E");
}

.btn-bg--arrow-left {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23000000' d='M289.52,445.1l-22.2,22.2c-9.4,9.4-24.6,9.4-33.9,0L39.02,273c-9.4-9.4-9.4-24.6,0-33.9L233.42,44.7c9.4-9.4,24.6-9.4,33.9,0l22.2,22.2c9.5,9.5,9.3,25-.4,34.3l-120.5,114.8H456.02c13.3,0,24,10.7,24,24v32c0,13.3-10.7,24-24,24H168.63l120.5,114.8c9.8,9.3,10,24.8,.4,34.3h0Z'/%3E %3C/svg%3E");
}

[data-bs-theme=dark] .btn-bg--arrow-left {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23FFFFFF' d='M289.52,445.1l-22.2,22.2c-9.4,9.4-24.6,9.4-33.9,0L39.02,273c-9.4-9.4-9.4-24.6,0-33.9L233.42,44.7c9.4-9.4,24.6-9.4,33.9,0l22.2,22.2c9.5,9.5,9.3,25-.4,34.3l-120.5,114.8H456.02c13.3,0,24,10.7,24,24v32c0,13.3-10.7,24-24,24H168.63l120.5,114.8c9.8,9.3,10,24.8,.4,34.3h0Z'/%3E %3C/svg%3E");
}

.btn-bg--plus {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23000000' d='M470.29,202.43h-160.71V41.71c0-19.72-15.99-35.71-35.71-35.71h-35.71c-19.72,0-35.71,15.99-35.71,35.71V202.43H41.71c-19.72,0-35.71,15.99-35.71,35.71v35.71c0,19.72,15.99,35.71,35.71,35.71H202.43v160.71c0,19.72,15.99,35.71,35.71,35.71h35.71c19.72,0,35.71-15.99,35.71-35.71v-160.71h160.71c19.72,0,35.71-15.99,35.71-35.71v-35.71c0-19.72-15.99-35.71-35.71-35.71Z'/%3E %3C/svg%3E");
}

[data-bs-theme=dark] .btn-bg--plus {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23FFFFFF' d='M470.29,202.43h-160.71V41.71c0-19.72-15.99-35.71-35.71-35.71h-35.71c-19.72,0-35.71,15.99-35.71,35.71V202.43H41.71c-19.72,0-35.71,15.99-35.71,35.71v35.71c0,19.72,15.99,35.71,35.71,35.71H202.43v160.71c0,19.72,15.99,35.71,35.71,35.71h35.71c19.72,0,35.71-15.99,35.71-35.71v-160.71h160.71c19.72,0,35.71-15.99,35.71-35.71v-35.71c0-19.72-15.99-35.71-35.71-35.71Z'/%3E %3C/svg%3E");
}

.btn-circle-arrow-wrap {
 margin: auto;
 padding: 0.5rem;
 margin-left: 0.75rem;
 margin-right: 1.75rem;
 width: 1rem;
 height: 1rem;
 background-position: center center;
 background-repeat: no-repeat;
 z-index: 3;
}

.btn-circle-plus-wrap {
 margin: auto;
 padding: 0.5rem;
 margin-left: 0.75rem;
 margin-right: 1.75rem;
 width: 1rem;
 height: 1rem;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23000000' d='M470.29,202.43h-160.71V41.71c0-19.72-15.99-35.71-35.71-35.71h-35.71c-19.72,0-35.71,15.99-35.71,35.71V202.43H41.71c-19.72,0-35.71,15.99-35.71,35.71v35.71c0,19.72,15.99,35.71,35.71,35.71H202.43v160.71c0,19.72,15.99,35.71,35.71,35.71h35.71c19.72,0,35.71-15.99,35.71-35.71v-160.71h160.71c19.72,0,35.71-15.99,35.71-35.71v-35.71c0-19.72-15.99-35.71-35.71-35.71Z'/%3E %3C/svg%3E");
 background-position: center center;
 background-repeat: no-repeat;
 z-index: 3;
}

[data-bs-theme=dark] .btn-circle-plus-wrap {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23FFFFFF' d='M470.29,202.43h-160.71V41.71c0-19.72-15.99-35.71-35.71-35.71h-35.71c-19.72,0-35.71,15.99-35.71,35.71V202.43H41.71c-19.72,0-35.71,15.99-35.71,35.71v35.71c0,19.72,15.99,35.71,35.71,35.71H202.43v160.71c0,19.72,15.99,35.71,35.71,35.71h35.71c19.72,0,35.71-15.99,35.71-35.71v-160.71h160.71c19.72,0,35.71-15.99,35.71-35.71v-35.71c0-19.72-15.99-35.71-35.71-35.71Z'/%3E %3C/svg%3E");
}

.btn-metallic {
 border: none;
 outline: none;
 color: #000;
 background: linear-gradient( 45deg, #999 5%, #fff 10%, #ccc 30%, #ddd 50%, #ccc 70%, #fff 80%, #999 95%);
 text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}



.btn-cookie {
 position: fixed;
 bottom: 3rem;
 left: 0.625rem;
 display: block;
 padding: 1.2rem 0.55rem;
 z-index: 2000;
 border: none;
}

.btn-cookie:hover {
 background-color: rgba(38, 31, 16, 0);
}

.btn-cookie #cookie {
 display: inline-block;
 width: 2rem;
 height: 2rem;
 text-indent: -9999px;
 text-decoration: none;
 background-size: contain;
 vertical-align: middle;
 background-image: url('../../css/svgs/galleta.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 filter: drop-shadow(0 0.2rem 0.18rem rgba(3, 3, 3, 0.8));
}

@media ( min-width: 768px) {
 .btn-cookie {
  bottom: 0.063rem;
  left: 0.063rem;
 }
 .btn-cookie #cookie {
  width: 3.625rem;
  height: 3.625rem;
 }
}



.btn-copy {
 padding: 0.5rem 1.5rem;
}

.bottoms-nav {
 position: relative;
 display: block;
 margin: 0 auto;
 padding: 0;
 height: auto;
 background-color: rgba(var( --bs-body-bg-rgb), 0.9);
 background-color: transparent;
 z-index: 11;
}

.btn-bottom {
 padding: 1.75rem 0.375rem;
 border: none;
 border-radius: 0;
 font-size: calc(1rem + 0.1vw);
 color: #ffdcb2;
 font-weight: 500;
 text-transform: uppercase;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
 background-color: rgba(var( --bs-dark-bg-subtle-rgb), 0.125);
}

.btn-bottom:hover {
 background-color: rgba(var( --bs-dark-bg-subtle-rgb), 0.3);
}

[data-bs-theme=dark] .btn-bottom {
 color: #93a5b4;
 background-color: rgba(var( --bs-dark-bg-subtle-rgb), 0.1);
}

[data-bs-theme=dark] .btn-bottom:hover {
 color: #63707c;
 background-color: rgba(var( --bs-body-bg-hover-rgb), 0.3);
}

@media (min-width: 768px) {
 .bottoms-nav .btn-bottom {
  margin: calc(3rem + 1vw) 0;
  font-size: calc(1rem + 0.5vw);
 }
}



.btn-dbwebsite-holder {
 position: fixed;
 left: 5%;
 bottom: 18%;
 width: 5rem;
 height: auto;
 padding: 0.3rem 0;
 display: block;
 z-index: 3000;
 text-align: center;
}

.dashdropdown .dropdown-menu {
 --bs-dropdown-min-width: 20rem;
 --bs-dropdown-padding-x: 0.5rem;
 --bs-dropdown-padding-y: 0.5rem;
}

.btn-dbwebsite {
 background-color: rgba(0, 0, 0, 0.235);
}

.btn-musiteca {
 position: fixed;
 right: 5%;
 bottom: 10%;
 z-index: 3000;
}

.btn-dump-holder {
 position: fixed;
 right: 5%;
 bottom: 10%;
 width: 5rem;
 height: auto;
 padding: 0.3rem 0;
 display: block;
 z-index: 3000;
 text-align: center;
}

.btn-dump-bottom {
 background-color: rgba(255, 94, 40, 0.235);
}

.btn-layout-holder {
 position: fixed;
 left: 2%;
 bottom: 25%;
 width: 5rem;
 height: auto;
 padding: 0.3rem 0;
 display: block;
 z-index: 4000;
 text-align: center;
}

.btn-layout {
 background-color: rgba(94, 40, 255, 0.235);
}

.btns-holder {
 position: relative;
 margin: auto;
 padding: 1rem 0;
 width: auto;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 background-color: #38274f;
}

.btns-holdered {
 padding: 0.5rem 0.25rem;
 margin-left: 2.2rem;
 min-height: 3rem;
 display: flex;
 justify-content: start;
 align-items: center;
 background-color: transparent;
}

.btn-holding {
 background-color: dodgerblue;
 padding: 1rem 2rem;
}

.btn-hold {
 --bs-btn-font-family: ;
 --bs-btn-font-size: 1rem;
 --bs-btn-font-weight: 400;
 --bs-btn-line-height: 1.5;
 --bs-btn-color: var(--bs-body-color);
 --sbs-btn-bg: red;
 --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 --bs-btn-disabled-opacity: 0.65;
 --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
 --bs-btn-padding-x: 0.5rem;
 --bs-btn-padding-y: 1.5rem;
 --bs-border-width: 0.063rem;
 --bs-border-style: solid;
 --bs-btn-border-width: var(--bs-border-width);
 --bs-btn-border-color: var(--bs-border-color-translucent);
 --bs-border-radius: 50%;
 --bs-btn-hover-border-color: var(--bs-border-color-translucent);
 --bs-btn-bg: rgba(var( --bs-dark-bg-subtle-rgb), 0.5);
 --bs-btn-border-radius: var(--bs-border-radius);
 position: relative;
 background-color: yellowgreen;
}

.btn-circles {
 --bs-btn-padding-x: 0.5rem;
 --bs-btn-padding-y: 1.5rem;
 --bs-border-width: 0.063rem;
 --bs-border-style: solid;
 --bs-btn-border-width: var(--bs-border-width);
 --bs-btn-border-color: var(--bs-border-color-translucent);
 --bs-border-radius: 50%;
 --bs-btn-hover-border-color: var(--bs-border-color-translucent);
 --bs-btn-bg: rgba(var( --bs-dark-bg-subtle-rgb), 0.5);
 --bs-btn-border-radius: var(--bs-border-radius);
 position: absolute;
 margin: auto;
 width: 4rem;
 height: 4rem;
 transform: translate3d(0.78125rem, 0, 0);
 transform-origin: center;
 transform-box: fill-box;
 transition: height 600ms, width 600ms, padding 600ms, transform 600ms;
 -webkit-transition: height 600ms, width 600ms, padding 600ms, transform 600ms;
}

.btn-circles:hover {
 --bs-btn-padding-x: 1rem;
 --bs-btn-padding-y: 3rem;
 width: 6.250rem;
 height: 6.250rem;
 color: var(--bs-btn-hover-color);
 background-color: var(--bs-btn-hover-bg);
 border-color: var(--bs-btn-hover-border-color);
 transform: translate3d(-0.78125rem, -0.78125rem, 0);
}

.btn-circle {
 position: relative;
 margin: 0;
 min-width: 2.25rem;
 min-height: 2rem;
 padding: 0.25rem 0.75rem;
 background-color: magenta;
}

.btn-circle::before {
 content:"";
 position: absolute;
 left: 0rem;
 top: -0.75rem;
 margin: auto;
 padding: 0;
 width: 4rem;
 height: 4rem;
 border-radius: 50%;
 border: 0.063rem solid rgba(0, 0, 0, 0.175);
 background-color: transparent;
 background-color: rgba(var( --bs-dark-bg-subtle-rgb), 0.5);
 transform: translate3d(0, 0, 0);
 transform-origin: center;
 transform-box: fill-box;
 z-index: 1;
 transition: height 600ms, width 600ms, left 600ms, top 600ms, transform 600ms;
 -webkit-transition: height 600ms, width 600ms, left 600ms, top 600ms, transform 600ms;
}

.btn-arrow-left-wrap {
 position: relative;
 margin: auto;
 padding: 0.5rem;
 margin-left: 0.75rem;
 margin-right: 1.75rem;
 width: 1rem;
 height: 1rem;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23000000' d='M289.52,445.1l-22.2,22.2c-9.4,9.4-24.6,9.4-33.9,0L39.02,273c-9.4-9.4-9.4-24.6,0-33.9L233.42,44.7c9.4-9.4,24.6-9.4,33.9,0l22.2,22.2c9.5,9.5,9.3,25-.4,34.3l-120.5,114.8H456.02c13.3,0,24,10.7,24,24v32c0,13.3-10.7,24-24,24H168.63l120.5,114.8c9.8,9.3,10,24.8,.4,34.3h0Z'/%3E %3C/svg%3E");
 background-position: center center;
 background-repeat: no-repeat;
 z-index: 3;
}

[data-bs-theme=dark] .btn-arrow-left-wrap {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23FFFFFF' d='M289.52,445.1l-22.2,22.2c-9.4,9.4-24.6,9.4-33.9,0L39.02,273c-9.4-9.4-9.4-24.6,0-33.9L233.42,44.7c9.4-9.4,24.6-9.4,33.9,0l22.2,22.2c9.5,9.5,9.3,25-.4,34.3l-120.5,114.8H456.02c13.3,0,24,10.7,24,24v32c0,13.3-10.7,24-24,24H168.63l120.5,114.8c9.8,9.3,10,24.8,.4,34.3h0Z'/%3E %3C/svg%3E");
}

.btn-circle:hover::before {
 left: -1rem;
 top: -2.25rem;
 width: 6.250rem;
 height: 6.250rem;
 transform: translate3d(-0.75rem, 0.25rem, 0);
}

.btn-circle:hover span {
 padding-left: 1rem;
 padding-right: 0;
 margin-right: 2.5rem;
}

.btn-circle-na:hover {
 padding: 2.75rem 1.25rem;
 border-radius: 50%;
 border: 0.063rem solid rgba(0, 0, 0, 0.175);
 background-color: lightsalmon;
}

.btn-circle-v {
 --bs-btn-padding-x: 0.75rem;
 --bs-btn-padding-y: 0.375rem;
 --bs-btn-font-family: ;
 --bs-btn-font-size: 1rem;
 --bs-btn-font-weight: 400;
 --bs-btn-line-height: 1.5;
 --bs-btn-color: var(--bs-body-color);
 --bs-btn-bg: transparent;
 --bs-btn-border-width: var(--bs-border-width);
 --bs-btn-border-color: transparent;
 --bs-btn-border-radius: var(--bs-border-radius);
 --bs-btn-hover-border-color: transparent;
 --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 --bs-btn-disabled-opacity: 0.65;
 --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
}

.btn-circle-na {
 width: 70px;
 height: 70px;
 justify-content: center;
 align-items: center;
 display: flex;
 position: absolute;
 border-radius: 50%;
 border: 0.063rem solid rgba(0, 0, 0, 0.175);
 background-color: rgba(var( --bs-dark-bg-subtle-rgb), 0.5);
 transform: translate3d(1rem, 0, 0);
 transform-origin: center;
 transform-box: fill-box;
 transition: height 600ms, width 600ms, transform 600ms;
 -webkit-transition: height 600ms, width 600ms, transform 600ms;
}

[data-bs-theme=dark] .btn-circle-na {
 border: 0.063rem solid rgba(255, 255, 255, 0.15);
 background-color: rgba(var( --bs-dark-bg-subtle-rgb), 0.5);
}



.btn-mensajero {
 position: fixed;
 bottom: 4.25rem;
 right: 6rem;
 display: block;
 padding: 1.2rem 0.55rem;
 padding: 0.35rem 0.35rem;
 z-index: 2000;
 border: none;
}

.btn-mensajero #svg-mensajero {
 display: inline-block;
 width: 5.60rem;
 height: 4.25rem;
 text-indent: -9999px;
 text-decoration: none;
 filter: drop-shadow(0.03rem 0.063rem 0.03rem rgba(3, 3, 3, 0.6));
 opacity: 0.75;
 background: none;
}

@media ( min-width: 768px) {
 .btn-mensajero {
  bottom: 0.25rem;
  right: 6rem;
 }
 .btn-mensajero #svg-mensajero {
  width: 7.60rem;
  height: 6rem;
 }
}

#svg-mensajero.on {
 fill: #f3f3d8;
 opacity: 0.9;
}

.clsmsgs-1 {
 fill: none;
}

.clsmsgs-2 {
 fill: #f5f5f5;
 fill: #e4eaea;
}

#svg-mensajero.on .clsmsgs-2 {
 fill: #f3f3d8;
}

.clsmsgs-3 {
 fill: #312c26;
 fill: #484848;
}

#svg-mensajero.on .clsmsgs-3 {
 fill: #b9ce5d;
}

#svg-mensajero #off {
 opacity: 0;
}

#svg-mensajero.on #off {
 opacity: 0;
}

#svg-mensajero #off-on {
 opacity: 0;
}

#svg-mensajero.on #off-on {
 opacity: 1;
}#svg-mensajero #off-on path.clsmsgs-3 {
 -moz-animation: fadeInOut 620ms;
 -webkit-animation: fadeInOut 620ms;
 animation: fadeInOut 620ms;
}

#svg-mensajero #point-off {
 fill: #6a6a6a;
 opacity: 0.6;
}

#svg-mensajero.on #point-off {
 opacity: 0;
}



.img-logo-gray {
 filter: grayscale(100%) invert(100%) drop-shadow(0.125rem 0.125rem 0.063rem #000000);
}

.img-logo-xs {
 width: auto;
 max-height: 100px;
}

.img-logo-sm {
 width: auto;
 max-height: 120px;
}

.img-logo-md {
 width: auto;
 max-height: 160px;
}

.img-logo-w-md {
 height: auto;
 max-width: 150px;
}

.img-logo-lg {
 width: auto;
 max-height: 200px;
}

.img-logo-xl {
 width: auto;
 max-height: 220px;
}

.img-logo-xxl {
 width: auto;
 max-height: 296px;
}

@media (min-width: 576px) {
 .img-logo-xxl {
  width: auto;
  max-height: 320px;
 }
}

.thumb-logo {
 text-align: center;
 padding: 3%;
 max-height: 180px;
 mix-blend-mode: difference;
}

.thumb-img {
 padding: 3%;
 max-height: 180px;
}

.img-logo {
 max-width: 120px;
 height: auto;
}

.img-h-logo {
 width: auto;
 max-height: 120px;
}



figure {
 margin: auto;
 padding: 0;
 width: auto;
 height: auto;
}

.image a {
 display: block;
 margin: auto;
 padding: 0;
 width: 100%;
}

.image-prt {
 margin: auto;
 padding: 0;
 overflow: hidden;
 position: relative;
 max-width: 100%;
 height: 25vh;
 text-align: center;
 background-color: var(--bs-body-bg);
}

.img-holder-center {
 display: grid;
 place-items: center;
 place-content: center;
 align-content: center;
 text-align: center;
}

.image-prt>img {
 text-align: center;
 pointer-events: none;
 background-color: var(--bs-body-bg);
}

.image-prt .thumbfile {
 width: 100%;
 height: auto;
 -webkit-transition: opacity 1000ms;
 transition: opacity 1000ms;
}

.image-prt .thumb {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
 -webkit-transition: opacity 1000ms, transform 1000ms;
 transition: opacity 1000ms, transform 1000ms;
}

.image a:hover .thumb {
 -webkit-transform: scale(1.4);
 -moz-transform: scale(1.4);
 -o-transform: scale(1.4);
 transform: scale(1.4);
}

.image-prt .cover-prt,
.image-prt .cover-prt img {
 position: absolute;
 margin: auto;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 text-align: center;
}

.image-fprt {
 overflow: hidden;
 position: relative;
 display: block;
 justify-content: center;
 align-items: center;
}

@media (min-width: 576px) {
 .image-fprt {
  display: flex;
 }
}

.image-fprt img {
 margin: 0 auto;
 pointer-events: none;
}

.image-fprt .cover-fprt,
.image-fprt .cover-fprt img {
 position: absolute;
 margin: 0;
 padding: 0;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 text-align: center;
}

.image-fprt figcaption {
 display: block;
 font-size: 0.9rem;
}



.view-lazy-loading {
 opacity: 0;
}

.view-lazy-loaded {
 opacity: 1;
}

.viewLazy {
 opacity: 0;
 -webkit-transition: opacity 500ms;
 transition: opacity 500ms;
}



.img-h-50 {
 display: block;
 width: auto;
 height: 50px;
}

.img-h-60 {
 display: block;
 width: auto;
 height: 60px;
}

.img-lh-60 {
 width: auto;
 height: 60px;
}

.img-h-160 {
 display: block;
 width: auto;
 height: 160px;
}

.bg-position-center {
 background-position: center center;
}

.bg-position-top {
 background-position: top 0 center;
}

.bg-position-bottom {
 background-position: bottom 0 center;
}

.bg-position-center-bottom {
 background-position: center bottom;
}



.glightbox-container .gslider {
 width: 100vw;
 height: 100vh;
}

.gslide-video {
 position: relative;
 max-width: 100vw;
 width: 100% !important;
}

.gtitulo {
 z-index: 9999;
 cursor: pointer;
 border: none;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}

.gtitulo {
 color: #bebebe;
 text-align: center;
 font-size: calc(1rem + 0.05vw);
 padding: 0.74rem 3.74rem;
}

.glightbox-clean .gtitulo {
 position: absolute;
 top: 0.938rem;
 left: 4.375rem;
 width: 100;
 height: auto;
 background-color: red;
 background-color: rgba(22, 22, 22, 0.578);
}

@media (min-width: 992px) {
 .glightbox-clean .gtitulo {
  opacity: 0.7;
  left: 6.85rem;
 }
}

.gLDownload,
.gLVDownload,
.gLPreview {
 z-index: 9999;
 cursor: pointer;
 width: 26px;
 height: 28rem;
 border: none;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}

.gLDownload,
.gLVDownload,
.gLPreview {
 color: #bebebe;
 border-radius: 0;
}

.gLDownload svg,
.gLVDownload svg,
.gLPreview svg {
 display: block;
 width: 1.563rem;
 height: auto;
 margin: 0;
 padding: 0;
}

.gLDownload.disabled,
.gLVDownload.disabled,
.gLPreview.disabled {
 opacity: 0.1;
}

.gLDownload .garrow,
.gLVDownload .garrow,
.gLPreview .garrow {
 stroke: #fff;
}

.glightbox-closing .gLDownload,
.glightbox-closing .gLVDownload,
.glightbox-closing .gLPreview {
 opacity: 0 !important;
}

.glightbox-clean .gLDownload path,
.glightbox-clean .gLVDownload path,
.glightbox-clean .gLPreview path {
 fill: #fff;
}

.glightbox-clean .gLDownload,
.glightbox-clean .gLVDownload {
 position: absolute;
 top: 0.938rem;
 left: 1.875rem;
 width: 2.500rem;
 height: 3.125rem;
}

.glightbox-clean .gLPreview {
 position: absolute;
 top: 0.938rem;
 left: 4.375rem;
 width: 2.500rem;
 height: 3.125rem;
}

.glightbox-clean .gLDownload svg,
.glightbox-clean .gLVDownload svg,
.glightbox-clean .gLPreview svg {
 width: 1.125rem;
 height: auto;
 pointer-events: none;
}

.glightbox-clean .gLDownload:hover,
.glightbox-clean .gLVDownload:hover,
.glightbox-clean .gLPreview:hover {
 opacity: 1;
}

.glightbox-clean .gLDownload,
.glightbox-clean .gLVDownload,
.glightbox-clean .gLPreview {
 border-radius: 0;
 background-color: rgba(0, 0, 0, 0.32);
 background-color: rgba(var(--bs-success-rgb), 0.8);
}

.glightbox-clean .gLDownload:hover,
.glightbox-clean .gLVDownload:hover,
.glightbox-clean .gLPreview:hover {
 background-color: rgba(0, 0, 0, 0.7);
 background-color: rgba(var(--bs-success-rgb), 0.9);
}

@media (min-width: 992px) {
 .glightbox-clean .gLDownload,
 .glightbox-clean .gLVDownload,
 .glightbox-clean .gLPreview {
  opacity: 0.7;
  right: 1.250rem;
 }
}



.svg-background {
 position: absolute;
 top: 0;
 left: 0;
 margin: auto;
 width: 100%;
 height: 100%;
 z-index: 5;
}

.svg-background svg path {
 transform-box: fill-box;
}

.svg-background .scene {
 margin: auto;
 width: 100%;
 height: 100vh;
 vertical-align: middle;
 z-index: 5;
}

#dh-layer {
 pointer-events: all;
}



.fondo-svg {
 z-index: 2;
}

.fondo-svg svg path {
 opacity: 1;
 transform-box: fill-box;
}

.fondo-svg .scene {
 position: fixed;top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 z-index: 2;
}

.fondo-svg .scene #helmet {
 transform-origin: center;
 transform-box: fill-box;
}

.fondo-svg .scene #helmet path {
 opacity: 0;
 transform-origin: top left;
}

.fondo-svg .scene #logo-helmet {
 opacity: 0;
 transform-origin: 50% 50%;
 transform-box: fill-box;
}

.fondo-svg .scene #logo-helmet path {
 opacity: 0;
}

.fondo-svg .scene #seccion-rediseno {
 opacity: 0;
 transform-origin: center;
 transform-box: fill-box;
}

.fondo-svg .scene #helmet path {
 fill-opacity: 0;}

.fondo-svg .scene #helmet path:first-of-type {
 fill-opacity: 0.5;
}

.fondo-svg .scene #helmet path:nth-of-type(2) {
 fill-opacity: 0.6;
}

.fondo-svg .scene #helmet path:nth-of-type(3) {
 fill-opacity: 0.7;
}

.fondo-svg .scene #helmet path:nth-of-type(4) {
 fill-opacity: 0.8;
}

.fondo-svg .scene #helmet path:nth-of-type(5) {
 fill-opacity: 1;
}

.fondo-svg .actualizando-contenido {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 z-index: 2;
}



.access-holder {
 margin: auto;
 width: 100%;
 height: 100%;
 overflow: hidden;
}

.access-svg {
 margin: auto;
 z-index: 2;
 max-width: 100%;
 height: auto;
}

.access-svg .accsvg {
 width: 100%;
 height: calc(100vh * 0.9);
}

@media (min-width: 576px) {
 .access-svg .accsvg {
  width: 100%;
  height: calc(100vh * 1);
 }
}

.access-svg svg {
 user-select: none;
 -moz-user-select: none;
 -webkit-user-drag: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 pointer-events: none;
}

.access-svg svg {
 opacity: 0.9;
}

.access-svg svg path {
 opacity: 1;
 transform-box: fill-box;
}

.nas-1 {
 fill: #f97046;
}

.nas-2 {
 fill: #f15a25;
}

.nas-3 {
 fill: #e8e8e8;
}

.nas-4 {
 fill: #ef4136;
}

.nas-5 {
 fill: #919191;
}

.nas-6 {
 fill: #7c7c7c;
}

.nas-7 {
 fill: #d1d1d1;
}

.nas-8 {
 fill: #c4c4c4;
}

.nas-9 {
 fill: rgba(183, 196, 141, 0.5);
}



@media (min-width: 992px) {
 .modal-xxl {
  --bs-modal-width: 800px;
 }
}

@media (min-width: 1200px) {
 .modal-xxl {
  --bs-modal-width: 1140px;
 }
}

@media (min-width: 1400px) {
 .modal-xxl {
  --bs-modal-width: 1320px;
 }
}

.modal {
 z-index: 4001 !important;
}

.modal-backdrop {
 z-index: 3500 !important;
}

.modal-footer .btn-close {
 width: 100%;
}

.modal-header {
 margin: 0.4rem;
 padding: 0.35rem;
 color: #bebebe;
 border: none;
 font-size: 1.3rem;
}

.modal-content {
 padding: 0;
 margin: 0;
 background: rgba(240, 240, 240, 0.25);
 border: 1px solid rgba(10, 10, 10, 0.36);
 border-radius: 0;
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 box-sizing: border-box;
 backdrop-filter: blur(8.3px);
 -webkit-backdrop-filter: blur(8.3px);
}

[data-bs-theme=dark] .modal-content {
 padding: 0;
 margin: 0;
 background: rgba(194, 194, 194, 0.1);
 border: 1px solid rgba(10, 10, 10, 0.36);
 border-radius: 0;
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 box-sizing: border-box;
 backdrop-filter: blur(8.3px);
 -webkit-backdrop-filter: blur(8.3px);
}

.modal-body {
 padding: 0 0.45rem;
 margin: 0;
 width: 100%;
}

.modal-footer {
 margin: 0.4rem;
 padding: 0.35rem;
 color: #bebebe;
 border: none;
 font-size: 1.3rem;
}

.loading-modal {
 width: 100%;
 text-align: center;
}

#wsr-modal .modal-content {
 padding: 0;
 margin: 0;
}

#wsr-modal .modal-body {
 padding: 0 12px;
 margin: 0;
 width: 100%;
}

#wsr-modal .modal-footer {
 display: none;
}

#wsv-modal .modal-header {
 border-radius: 0;
}

#wsv-modal .modal-content {
 padding: 0;
 margin: 0;
 border-radius: 0;
}

#wsrc-modal .modal-content {
 background-color: #a02f47b3;
}

#wsrc-modal .modal-header {
 border-radius: 0;
 display: none;
}

#wsrc-modal .modal-body {
 width: 100%;
 display: grid;
 place-items: center;
}

#wsrc-modal .modal-body,
#wsrc-modal .modal-body h1 a {
 color: #bebebe;
}

#wsrc-modal .modal-footer .btn {
 border-radius: 0;
}



#modalFiltros {
 z-index: 4001 !important;
}



.modal-img-full .modal-header,
.modal-img-full .modal-footer {
 border-radius: 0;
}

.modal-img-full .modal-header {
 display: none;
}

.modal-img-full .img-block {
 min-height: 50%;
 display: block;
}

.modal-img-full #wsi-modal-reference {
 text-align: left;
}

.modal-img-full .modal-footer .btn-bg-close {
 background: rgba(194, 194, 194, 0.1);
}#wsi-modal .modal-content {
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
 border-radius: 0;
}

#wsi-modal .modal-body {
 border-radius: 0;
}

#wsi-modal .m-content {
 display: grid;
 place-items: center;
 align-content: center;
}

#imagemodal .modal-body {
 width: 100%;
 display: grid;
 place-items: center;
}

#exportIMGModal {
 z-index: 4001 !important;
}







#wspdf-modal .modal-header {
 border-radius: 0;
 display: none;
}

#wspdf-modal .modal-content {
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
 border-radius: 0;
}



.modal-share .modal-backdrop {
 background-color: #000 !important;
 opacity: 0.98 !important;
}



#modal-video {
 background-color: #161616;
}

#modal-video video {
 opacity: 0.8;
}

#modal-video .section-sh {
 position: absolute;
 width: 100%;
 display: grid;
 place-items: center;
 right: 0;
 bottom: 0;
 left: 0;
 top: 0;
 padding-top: 1.25rem;
 padding-bottom: 1.25rem;
 z-index: 8;
}

#modal-video .container-fluid2 {
 position: absolute;
 display: block;
 text-align: center;
 z-index: 11;
}

#modal-video .cover-text {
 color: var(--font-light-color);
 display: block;
 padding: 1rem;
 min-width: 50%;
 z-index: 12;
}



#dontLeaveWiggle {
 z-index: 9001;
}

#dontLeaveWiggle .modal-content {
 padding: 0;
 margin: 0;
 background-color: rgba(var(--just-black-rgb), 1);
}

#dontLeaveWiggle .modal-body {
 padding: 0;
 margin: 0;
}

#dontLeaveWiggle .modal-body .section-sh {
 padding: 0;
 margin: 0;
 font-family:'Hellix';
 font-size: clamp(5rem, 9vw, 7rem);
 font-weight: bolder;
 line-height: 1;
 letter-spacing: -0.04em;
 text-shadow: 0 0.08rem 0.08rem #161616;
 color: rgba(245, 245, 245, 0.7);
 mix-blend-mode: difference;
}

#dontLeaveWiggle .modal-body .section-sh .btn {
 font-size: 2rem;
}

#dontLeaveWiggle .video-item::before {
 content:"";
 position: absolute;
 top: 0px;
 right: 0px;
 bottom: 0px;
 left: 0px;
 z-index: 5;
 background: url('../../images/templates/textures/paper-g.jpg') rgba(0, 0, 0, 0.9) no-repeat center center scroll;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 filter: opacity(0.2);
}

#dontLeaveWiggle .overlay::after {
 content:"";
 display: block;
 width: 100vw;
 height: 100vh;
 z-index: 7;
 background: radial-gradient(transparent, rgba(0, 0, 0, 1));
 background-size: cover;
}



#blockScreen .modal-header {
 border-radius: 0;
 display: none;
}

#blockScreen .modal-content {
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
 border-radius: 0;
 background: rgba(9, 9, 9, 0.98);
 backdrop-filter: blur(16px);
 -webkit-backdrop-filter: blur(16px);
}







#formAccordion {
 display: block;
 width: 100%;
}

#formAccordion .accordion-item {
 background-color: transparent;
 border: none;
}

#formAccordion .accordion-body {
 padding: 0;
}



.btn-file {
 position: relative;
 overflow: hidden;
}

.btn-file input[type=file] {
 position: absolute;
 top: 0;
 right: 0;
 min-width: 100%;
 min-height: 100%;
 font-size: 100px;
 text-align: right;
 filter: alpha(opacity=0);
 opacity: 0;
 outline: none;
 background: white;
 cursor: inherit;
 display: block;
}

.total-fixed {
 position: fixed;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1030;
 background-color: rgba(255, 255, 255, 0.8);
}



.op2 input[type="radio"],
.op2 input[type="checkbox"] {
 display: none;
}

.op2 input[type="radio"]+label,
.op2 input[type="checkbox"]+label {
 display: inline-block;
 background-color: #d3d3d3;
}

[data-bs-theme=dark] .op2 input[type="radio"]+label,
[data-bs-theme=dark] .op2 input[type="checkbox"]+label {
 display: inline-block;
 color: #cbcbcb;
 background-color: #7e7e7e;
}

.op2 input[type="radio"]+label:hover,
.op2 input[type="checkbox"]+label:hover {
 color: #fff;
 cursor: pointer;
 background-color: #5cb85c;
}

.op2 input[type="radio"]:checked+label,
.op2 input[type="checkbox"]:checked+label {
 color: #fff;
 background-color: #5cb85c;
}

.op2 input[value="F"]+label {
 background-color: #d3d3d3 !important;
}

.op2 input[value="H"]+label {
 background-color: #d3d3d3 !important;
}

[data-bs-theme=dark] .op2 input[value="F"]+label {
 background-color: #7e7e7e !important;
}

[data-bs-theme=dark] .op2 input[value="H"]+label {
 background-color: #7e7e7e !important;
}

[data-bs-theme=dark] .op2 input[value="Pre"]+label {
 background-color: #7e7e7e !important;
}

.op2 input[value="F"]+label:hover,
.op2 input[value="F"]:checked+label {
 color: #fff !important;
 background-color: #d9534f !important;
}

.op2 input[value="H"]+label:hover,
.op2 input[value="H"]:checked+label {
 color: rgb(32, 30, 30) !important;
 background-color: #d9ad4f !important;
}

.op2 input[value="B"]+label:hover,
.op2 input[value="B"]:checked+label {
 color: rgb(255, 255, 255) !important;
 background-color: #ff5e28 !important;
}

.op2 input[value="Pre"]+label:hover,
.op2 input[value="Pre"]:checked+label {
 color: #fff !important;
 background-color: #49578c !important;
}

.op2 input[type="text"],
.op2 input[type="number"] {
 width: 60%;
 text-align: center;
 padding: 16px 10px;
 margin: 8px 0px;
 background-color: #ddd;
 color: #686868;
 font-size: 13pt;
}

.op2 input[type="text"].disabled,
.op2 input[type="number"].disabled {
 border: none;
}

.op2 input[type="radio"]:disabled+label,
.op2 input[type="checkbox"]:disabled+label,
.op2 input[type="radio"].disabled,
.op2 input[type="checkbox"].disabled {
 border: none;
}

.op2 button {
 border-radius: 0 !important;
 background-color: #5cb85c;
}

.op2 .btn-op {
 width: 100%;
 text-align: center;
 display: inline-block;
 padding: 0.75rem 1rem;
 margin: 0.5rem 0;
 background-color: #ddd;
 color: #686868;
 font-size: 13pt;
}

.op2 .op2-danger {
 background-color: #d9534f;
}

.op2 .op2-second {
 background-color: #d9ad4f;
}

.op2 .op2-block {
 background-color: #ff5e28;
}

.op2 .op2-off {
 background-color: #d3d3d3;
}

.op3 input[type="radio"],
.op3 input[type="checkbox"] {
 display: none;
}

.op3 input[type="radio"]+label,
.op3 input[type="checkbox"]+label {
 width: 100%;
 text-align: center;
 display: inline-block;
 padding: 16px 10px;
 margin: 8px 0px;
 background-color: #ddd;
 color: #686868;
 font-size: 13pt;
}

.op3 input[type="radio"]+label:hover,
.op3 input[type="checkbox"]+label:hover {
 color: #fff;
 cursor: pointer;
 background-color: #5cb85c;
}

.op3 input[type="radio"]:checked+label,
.op3 input[type="checkbox"]:checked+label {
 color: #fff;
 background-color: #5cb85c;
}

.op3 input[type="radio"]:disabled+label,
.op3 input[type="checkbox"]:disabled+label,
.op3 input[type="radio"].disabled,
.op3 input[type="checkbox"].disabled {
 pointer-events: none;
 color: #686868;
 background-color: #e9ecef;
 opacity: 0.5;
}

.op3 input[type="text"],
.op3 input[type="number"] {
 width: 100%;
 text-align: center;
 display: inline-block;
 padding: 16px 10px;
 margin: 8px 0px;
 background-color: #ddd;
 color: #686868;
 font-size: 13pt;
}

.op3 input[type="text"].disabled,
.op3 input[type="number"].disabled {
 width: 100%;
 text-align: center;
 display: inline-block;
 padding: 16px 10px;
 margin: 8px 0px;
 color: #686868;
 background-color: #e9ecef;
 color: #686868;
 font-size: 13pt;
 opacity: 0.5;
 border: none;
}

.op33 input[type="radio"]+label,
.op33 input[type="checkbox"]+label {
 background-color: rgb(191, 215, 255);
 color: #686868;
 font-size: 13pt;
}

.op33 input[type="radio"]+label:hover,
.op33 input[type="checkbox"]+label:hover {
 color: #fff;
 cursor: pointer;
 background-color: rgba(13, 109, 253, 0.6);
}

.op33 input[type="radio"]:checked+label,
.op33 input[type="checkbox"]:checked+label {
 color: #fff;
 background-color: rgba(13, 109, 253, 0.8);
}

.opNone input[type="radio"]+label,
.opNone input[type="checkbox"]+label {
 background-color: #d9534f;
 color: #686868;
 font-size: 13pt;
}

.opNone input[type="radio"]+label:hover,
.opNone input[type="checkbox"]+label:hover {
 color: #fff;
 cursor: pointer;
 background-color: #d9534f;
}

.opNone input[type="radio"]:checked+label,
.opNone input[type="checkbox"]:checked+label {
 color: #fff;
 background-color: #d9534f;
}



.file-uploader::-webkit-file-upload-button {
 display: none;
 background: rgba(33, 37, 41, 0.4);
}

.file-uploader::file-selector-button {
 display: none;
 background: rgba(33, 37, 41, 0.4);
}

.file-uploader::-webkit-file-upload-button {
 display: none;
 background: rgba(33, 37, 41, 0.4);
}

a[href^="tel:"] {
 margin-top: 2px;
 margin-bottom: 2px;
}

.form-label {
 padding-top: calc(0.5rem + 1px);
 padding-bottom: calc(1rem + 1px);
 margin-bottom: calc(1.5rem * 0.5);
 font-size: 1.5rem;
 line-height: 1.5;
 color: var(--ggg-label-font-color);
 display: inline;
}

.form-label {
 color: var(--ggg-label-font-color);
}

.form-label-flex {
 margin: 0 auto;
 padding: 0 0.5rem 0.25rem 0;
 display: flex;
 justify-content: space-between;
}

.radio-inline {
 padding-top: calc(0.5rem + 1px);
 padding-bottom: calc(0.5rem + 1px);
 font-size: 1.3rem;
 line-height: 1.5;
 color: var(--ggg-label-font-color);
 display: inline;
 margin-bottom: 0.8rem;
}

.form-check-input {
 background-color: transparent;
}

.form-check-input:checked+.form-checked-content {
 opacity: .5;
}

.form-check-input-placeholder {
 border-style: dashed;
}

.form-fx {
 mix-blend-mode: exclusion;
}

.form-fxw {
 mix-blend-mode: exclusion;
 font-weight: 500;
}

[contenteditable]:focus {
 outline: 0;
}

.form-control::-moz-placeholder {
 color: var(--ggg-form-placeholder-color);
 opacity: 1;
}

[data-bs-theme=dark] .form-control::-moz-placeholder {
 color: var(--ggg-placholder-font-color);
 opacity: 1;
}

.form-control::placeholder {
 color: var(--ggg-form-placeholder-color);
 opacity: 1;
}

[data-bs-theme=dark] .form-control::placeholder {
 color: var(--ggg-placholder-font-color);
 opacity: 1;
}

.form:focus-within {
 outline: 0.063rem solid var(---bs-border-color-translucent);
}

.form-control {
 background-color: rgba(var(--bs-body-bg-rgb), 0.3);
}

.form-control:disabled {
 color: rgba(53, 51, 62, 0.8);
 background-color: rgba(74, 63, 63, 0.4);
 opacity: 1;
}

.form-control[readonly] {
 color: rgba(53, 51, 62, 0.6);
 background-color: rgba(var(--bs-secondary-bg-rgb), 0.5);
 opacity: 1;
}

[data-bs-theme=dark] .form-control:disabled {
 color: rgba(137, 122, 122, 0.487);
 background-color: rgba(74, 63, 63, 0.4);
 color: rgba(137, 122, 122, 0.487);
 background-color: rgba(61, 58, 47, 0.42);
 background-color: rgba(var(--bs-secondary-bg-rgb), 0.24);
 opacity: 1;
}

[data-bs-theme=dark] .form-control[readonly] {
 color: rgba(137, 122, 122, 0.487);
 background-color: rgba(61, 58, 47, 0.42);
 background-color: rgba(var(--bs-secondary-bg-rgb), 0.24);
 opacity: 1;
}

.form-control-lg {
 min-height: calc(1.5em + 1.5rem + calc(var(--bs-border-width) * 2));
 padding: 0.5rem 1rem;
 font-size: 1.25rem;
 border-radius: var(--bs-border-radius-lg);
}

.form-control-lg[type=file] {
 min-height: auto;
 padding: 0.5rem 1rem;
}

.form-control-color.form-control-lg {
 width: calc(5rem + 1px);
 height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
 color: var(--bs-body-color);
 background-color: rgba(var(--bs-body-bg-rgb), 0.3);
 background-color: var(--bs-body-bg);
 background-color: rgba(var(--bs-body-bg-rgb), 0.3);
 background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
}

.form-select:disabled {
 background-color: var(--bs-secondary-bg);
 background-color: rgba(var(--bs-secondary-bg-rgb), 0.5);
 background-color: rgba(var(--bs-body-bg-rgb), 0.3);
 background-color: var(--bs-body-bg-hover);
 background-color: rgba(var(--bs-body-bg-hover-rgb), 0.3);
 background-color: rgba(74, 63, 63, 0.4);
 opacity: 1;
}

.form-select-lg {
 min-height: calc(1.5em + 1.5rem + calc(var(--bs-border-width) * 2));
 padding: 0.5rem 1rem;
 font-size: 1.25rem;
 border-radius: var(--bs-border-radius-lg);
}

.form-text {
 margin-top: 0.25rem;
 font-size: 0.875em;
 color: var(--ggg-form-text-color);
}

.form-address .form-label {
 font-size: 1.2rem;
}

.email-format {
 display: inline-block;
}

.text-muted-label {
 padding-left: 0.375rem;
 font-size: calc(1rem + 0.15vw);
 color: var(--ggg-label-font-color);
}

.form-text-muted {
 color: var(--ggg-label-font-color);
}

.total-fixed {
 position: fixed;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1030;
 background-color: rgba(255, 255, 255, 0.8);
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
 height: calc(4.5rem + calc(var(--bs-border-width) * 2));
 min-height: calc(4.5rem + calc(var(--bs-border-width) * 2));
 line-height: 1.25;
}

.form-floating>label {
 padding: 0.35rem 0.75rem 0.25rem 0.75rem;
}

.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-select~label::after {
 position: absolute;
 inset: 0.5rem 0.375rem;
 z-index: -1;
 height: 1.70em;
 content:"";
 background-color: var(--bs-body-bg);
 background-color: transparent;
 border-radius: var(--bs-border-radius);
}

.form-control-pin {
 padding: 1.25rem 1.75rem;
 font-size: 2rem;
 letter-spacing: 0.75ch;
 text-align: center;
}

.btn-outline-group {
 --bs-btn-color: rgba(var(--bs-body-color-rgb), 0.75);
 --bs-btn-bg: var(--bs-tertiary-bg);
 --bs-btn-border-color: var( --bs-border-color-translucent);
 --bs-btn-border-radius: 0;
 --bs-btn-hover-color: rgba(var(--bs-body-color-rgb), 1);
 --bs-btn-hover-bg: rgba(var(--bs-tertiary-bg-rgb), 1);
 --bs-btn-hover-border-color: #212529;
 --bs-btn-focus-shadow-rgb: 33, 37, 41;
 --bs-btn-active-color: #fff;
 --bs-btn-active-bg: #212529;
 --bs-btn-active-border-color: #212529;
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color: #212529;
 --bs-btn-disabled-bg: transparent;
 --bs-btn-disabled-border-color: #212529;
 --bs-gradient: none;
 vertical-align: inherit;
}

[data-bs-theme=dark] .btn-outline-group {
 --bs-btn-color: #fff;
 --bs-btn-color: rgba(var(--bs-body-color-rgb), 0.75);
 --bs-btn-bg: rgba(33, 37, 41, 0.4);
 --bs-btn-bg: var(--bs-tertiary-bg);
 --bs-btn-hover-border-color: #212529;
}

.btn-outline-group:hover {
 color: var(--bs-btn-hover-color);
 background-color: var(--bs-btn-hover-bg);
 background-color: rgba(var(--bs-tertiary-bg-rgb), 1);
 border-color: var(--bs-btn-hover-border-color);
}

.input-group-text {
 display: flex;
 align-items: center;
 padding: 0.375rem 0.75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: var(--bs-body-color);
 text-align: center;
 white-space: nowrap;
 background-color: var(--bs-tertiary-bg);
 border: var(--bs-border-width) solid var(--bs-border-color);
 border-radius: var(--bs-border-radius);
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
 padding: 0.5rem 1rem;
 font-size: 1.25rem;
 border-radius: var(--bs-border-radius-lg);
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
 padding: 0.25rem 0.5rem;
 font-size: 0.875rem;
 border-radius: var(--bs-border-radius-sm);
}



.form-range {
 --bs-range-w: 1rem;
 --bs-range-h: 1rem;
 --bs-margin-top: -0.25rem;
 --bs-border-radius: 1rem;
 --bs-range-track-h: 0.5rem;
 --bs-range-form-h: 1.5rem;
 --bs-range-bg-color: #0d6efd;
 width: 100%;
 height: 1.5rem;
 padding: 0;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background-color: transparent;
}

.form-range.range-confirm {
 --bs-range-w: 7rem;
 --bs-range-h: 2.75rem;
 --bs-margin-top: 0rem;
 --bs-border-radius: 1.75rem;
 --bs-range-track-h: 2.75rem;
 --bs-range-form-h: 3.25rem;
 --bs-range-bg-color: #0d6efd;
}

.form-range.range-confirm.confirmed {
 --bs-range-bg-color: #198754;
}

.form-range.range-confirm.confirmed.disabled {
 --bs-range-bg-color: #198754;
}

.form-range:focus {
 outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
 box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range:focus::-moz-range-thumb {
 box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range::-moz-focus-outer {
 border: 0;
}

.form-range::-webkit-slider-thumb {
 width: var(--bs-range-w);
 height: var(--bs-range-h);
 margin-top: var(--bs-margin-top);
 -webkit-appearance: none;
 appearance: none;
 background-color: var(--bs-range-bg-color);
 border: 0;
 border-radius: var(--bs-border-radius);
 -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
 .form-range::-webkit-slider-thumb {
  -webkit-transition: none;
  transition: none;
 }
}

.form-range::-webkit-slider-thumb:active {
 background-color: #b6d4fe;
}

.form-range::-webkit-slider-runnable-track {
 width: 100%;
 height: var(--bs-range-track-h);
 color: transparent;
 cursor: pointer;
 background-color: var(--bs-secondary-bg);
 border-color: transparent;
 border-radius: var(--bs-border-radius);
}

.form-range::-moz-range-thumb {
 width: var(--bs-range-w);
 height: var(--bs-range-h);
 -moz-appearance: none;
 appearance: none;
 background-color: var(--bs-range-bg-color);
 border: 0;
 border-radius: var(--bs-border-radius);
 -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
 .form-range::-moz-range-thumb {
  -moz-transition: none;
  transition: none;
 }
}

.form-range::-moz-range-thumb:active {
 background-color: #b6d4fe;
}

.form-range::-moz-range-track {
 width: 100%;
 height: var(--bs-range-track-h);
 color: transparent;
 cursor: pointer;
 background-color: var(--bs-secondary-bg);
 border-color: transparent;
 border-radius: var(--bs-border-radius);
}

.form-range:disabled {
 pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
 background-color: var(--bs-secondary-color);
}

.form-range:disabled::-moz-range-thumb {
 background-color: var(--bs-secondary-color);
}

.form-confirm-pay {
 padding: 2rem 1.5rem 1.5rem 1.5rem;
}

.form-confirm-pay .form-label {
 padding-top: calc(0.5rem + 1px);
 padding-bottom: calc(1rem + 1px);
 margin-bottom: calc(1.5rem * 0.5);
 font-size: 1.5rem;
 line-height: 1.5;
 color: var(--ggg-label-font-color);
 display: inline;
}



.form-switch.form-switch-md {
 margin-bottom: 1rem;}

.form-switch.form-switch-md .form-check-input {
 height: 1.5rem;
 width: calc(2rem + 0.75rem);
 border-radius: 3rem;
}

.form-switch.form-switch-lg {
 margin-bottom: 1.5rem;}

.form-switch.form-switch-lg .form-check-input {
 height: 2rem;
 width: calc(3rem + 0.75rem);
 border-radius: 4rem;
}

.form-switch.form-switch-xl {
 margin-bottom: 2rem;}

.form-switch.form-switch-xl .form-check-input {
 height: 2.5rem;
 width: calc(4rem + 0.75rem);
 border-radius: 5rem;
}

.form-switch-box {
 background: none;
}

.form-switch .form-check-input.check-success {
 border: #198754;
 background-color: #198754;
}

.form-switch .form-check-input.check-disabled {
 border: #dde0e3;
 background-color: #b5bcc4;
}

.form-check-input-success:checked {
 background-color: #198754;
 border-color: #198754;
}

.form-check-input-danger.required:not(:checked) {
 background-color: #dc3545;
 border-color: #dc3545;
}



[data-bs-theme=dark] .ckehtml {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}

[data-bs-theme=dark] .cke_reset {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}

[data-bs-theme=dark] .cke_inner {
 background: rgba(255, 255, 255, 0.6);
}

[data-bs-theme=dark] .cke_top {
 color: #afafaf;
 border-bottom: 1px solid rgba(var(--bs-body-bg-rgb), 0.1);
 background: rgba(var(--bs-body-bg-rgb), 0.3);
}

[data-bs-theme=dark] .cke_wysiwyg_div {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}

[data-bs-theme=dark] .cke_contents {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}

[data-bs-theme=dark] .cke_wysiwyg_frame {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}

[data-bs-theme=dark] .cke_wysiwyg_div {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}

[data-bs-theme=dark] .cke_editable {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1) !important;
}

[data-bs-theme=dark] body.cke_editable {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1) !important;
}

[data-bs-theme=dark] .cke_editable body {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1) !important;
}

[data-bs-theme=dark] .cke_editable_themed {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1) !important;
}

[data-bs-theme=light] .cke_contents_ltr {
 font-size: calc(1.15rem + 0.12vw);
 background-color: rgba(var(--bs-body-bg-hover-rgb), 1) !important;
}

[data-bs-theme=dark] .cke_contents_ltr {
 font-size: calc(1.15rem + 0.12vw);
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1) !important;
}

[data-bs-theme=dark] .cke_show_borders {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1) !important;
}

[data-bs-theme=dark] .cke_show_borders p {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 1) !important;
}

#contents_id {
 color: #bebebe;
 background-color: red !important;
}

.pc-cke-body {
 color: #bebebe;
 background-color: red !important;
}

textarea.cke_source {
 font-family:'Courier New', Monospace;
 font-size: var(--ggg-font-size);white-space: pre-wrap;
 border: 0;
 padding: 0;
 margin: 0;
 display: block;
}



.drop-area-div {
 position: relative;
 margin: auto;
 padding: 0;
 display: grid;
 place-content: center;
 text-align: center;
 height: calc(70vh - var( --app-footer-height));
 background-color: rgba(108, 117, 125, 0.1);
 background-color: rgba(var( --bs-body-bg-hover-rgb), 0.75);
 border: none;
 overflow: hidden;
 -webkit-transition: background-color 300ms;
 transition: background-color 300ms;
}

[data-bs-theme=dark] .drop-area-div {
 background-color: rgba(var( --bs-body-bg-hover-rgb), 0.15);
}

.drop-area-div.is-active {
 background-color: rgba(100, 169, 243, 0.4);
}

.drop-area-div.is-error {
 background-color: rgba(220, 53, 70, 0.7);
}

[data-bs-theme=dark] .drop-area-div.is-error {
 background-color: rgba(220, 53, 70, 0.4);
}

.drop-area-div.is-warning {
 background-color: rgba(255, 193, 7, 0.4);
}

.drop-area-div.is-drop {
 background-color: rgba(25, 135, 84, 0.4);
}

.drop-area-div img {
 position: relative;
 margin: auto;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 max-width: 100%;
 height: auto;
}

.drop-area-div .drop-files-inputs {
 display: none;
 padding: 0.25rem 0.5rem;
}

.drop-area-div .drop-holder-inputs {
 display: block;
 position: absolute;
 padding: 0.25rem 0.5rem;
 top: 40%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
}

.drop-area-div .drop-holder-inputs.close {
 display: none;
}



.bs-wizard {
 border-bottom: solid 1px #e0e0e0;
 padding: 0 0 10px 0;
}

.bs-wizard>.bs-wizard-step {
 padding: 0;
 position: relative;
}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
 color: #595959;
 font-size: 16px;
 margin-bottom: 5px;
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
 color: #999;
 font-size: 14px;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
 position: absolute;
 width: 30px;
 height: 30px;
 display: block;
 background: #fbe8aa;
 top: 45px;
 left: 50%;
 margin-top: -15px;
 margin-left: -15px;
 border-radius: 50%;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
 content:' ';
 width: 14px;
 height: 14px;
 background: #fbbd19;
 border-radius: 50px;
 position: absolute;
 top: 8px;
 left: 8px;
}

.bs-wizard>.bs-wizard-step>.progress {
 position: relative;
 border-radius: 0px;
 height: 8px;
 box-shadow: none;
 margin: 20px 0;
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
 width: 0px;
 box-shadow: none;
 background: #fbe8aa;
}

.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
 width: 100%;
}

.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
 width: 50%;
}

.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar {
 width: 0%;
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
 width: 100%;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
 background-color: #f5f5f5;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
 opacity: 0;
}

.bs-wizard>.bs-wizard-step:first-child>.progress {
 left: 50%;
 width: 50%;
}

.bs-wizard>.bs-wizard-step:last-child>.progress {
 width: 50%;
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
 pointer-events: none;
}



#steps-holder {
 display: block;
}

#steps-holder #progress-steps {
 position: absolute;
 width: 88%;
 margin: 0 auto;
 padding: 0 1rem;
 top: 39%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
 text-align: center;
 z-index: 5;
}

#steps-holder #progress-steps.progress-col-3 {
 position: absolute;
 width: 88%;
 margin: 0 auto;
 padding: 0 1rem;
 top: 39%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
 text-align: center;
 z-index: 5;
}

#steps-holder #progress-steps.progress-col-4 {
 position: absolute;
 width: 88%;
 margin: 0 auto;
 padding: 0 1rem;
 top: 39%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
 text-align: center;
 z-index: 5;
}

#steps-holder #progress-steps .progress {
 height: 0.5rem;
 width: 100%;
 border-radius: 0;
}

#steps-holder .step-box {
 display: flex;
 justify-content: center;
 height: auto;
 text-align: center;
}

#steps-holder .step-box.box-start {
 justify-content: flex-start !important;
}

#steps-holder .step-box.box-end {
 justify-content: flex-end !important;
}

#steps-holder .step-item {
 display: block;
 font-size: 0.8rem;
 text-align: center;
 font-weight: 200;
 z-index: 8;
}

#steps-holder .step-item .item {
 display: block;
 margin: auto;
 padding: 0.5rem;
 width: 2.25rem;
 height: 2.25rem;
 line-height: 1;
 font-size: 1rem;
 font-weight: 300;
 color: white;
 white-space: nowrap;
 border-radius: 50%;
 background-color: rgba(13, 109, 253, 1);
 box-shadow: 0.1rem 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
}

#steps-holder .step-item .item.active {
 line-height: 1.1;
 font-size: 0.9rem;
 background-color: #198754;
}

@media (min-width: 576px) {
 #steps-holder {
  display: block;
 }
 #steps-holder .step-item {
  font-size: 1.2rem;
  font-weight: 400;
 }
 #steps-holder .step-item .item {
  width: 4rem;
  height: 4rem;
  padding: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
 }
 #steps-holder .step-item .item.active {
  line-height: 1.5;
  font-size: 1.4rem;
 }
}

@media (min-width: 768px) {
 #steps-holder .step-item .item {
  padding: 1.5rem;
  width: 4.5rem;
  height: 4.5rem;
  font-size: 1.9rem;
  font-weight: 700;
 }
 #steps-holder .step-item .item.active {
  line-height: 1.4;
  font-size: 1.6rem;
 }
}

@media (min-width: 992px) {
 #steps-holder .step-item .item {
  padding: 1.5rem;
  width: 5rem;
  height: 5rem;
  font-size: 2rem;
  font-weight: 900;
 }
 #steps-holder .step-item .item.active {
  line-height: 1.5;
  font-size: 1.8rem;
 }
}

#appCotizar .accordion-item {
 background-color: transparent;
 border: none;
}

#appCotizar .accordion-body {
 padding: 0;
}

#appCotizar #steps-holder #progress-steps.progress-col-4 {
 width: 76%;
}

#appCotizar #steps-holder #progress-steps.progress-col-3 {
 width: 70%;
}

#appSteps .accordion-item {
 background-color: transparent;
 border: none;
}

#appSteps .accordion-body {
 padding: 0;
}

#appSteps #steps-holder #progress-steps.progress-col-4 {
 width: 76%;
}

#appSteps #steps-holder #progress-steps.progress-col-3 {
 width: 70%;
}

#stepsAccordion .accordion-item {
 border: none;
}



.list-group {
 --bs-list-group-bg: none;
 --bs-list-group-active-bg: none;
 --bs-list-group-active-border-color: #0d6efd;
}

.list-group-item {
 position: relative;
 display: block;
 padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
 color: var(--bs-list-group-color);
 text-decoration: none;
 background-color: var(--bs-list-group-bg);
 border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.list-group-item.active {
 background-color: var(--bs-list-group-active-bg);
 border-color: none;
}

.list-group-checkable .list-group-item {
 cursor: pointer;
}

.list-group-item-check {
 position: absolute;
 clip: rect(0, 0, 0, 0);
}

.list-group-item-check:hover+.list-group-item {
 background-color: var(--bs-secondary-bg);
}

.list-group-item-check:checked+.list-group-item {
 color: #fff;
 background-color: var(--bs-primary);
 border-color: var(--bs-primary);
}

.list-group-item-check[disabled]+.list-group-item,
.list-group-item-check:disabled+.list-group-item {
 pointer-events: none;
 filter: none;
 opacity: .5;
}

.list-group-radio .list-group-item {
 cursor: pointer;
 border-radius: .5rem;
}

.list-group-radio .form-check-input {
 z-index: 2;
 margin-top: -.5em;
}

.list-group-radio .list-group-item:hover,
.list-group-radio .list-group-item:focus {
 background-color: var(--bs-secondary-bg);
}

.list-group-radio .form-check-input:checked+.list-group-item {
 background-color: var(--bs-body);
 border-color: var(--bs-primary);
 box-shadow: 0 0 0 2px var(--bs-primary);
}

.list-group-radio .form-check-input[disabled]+.list-group-item,
.list-group-radio .form-check-input:disabled+.list-group-item {
 pointer-events: none;
 filter: none;
 opacity: .5;
}



.captcha-box {
 font-size: 0.8rem;
 color: rgba(var(--bs-body-color-rgb), 0.3);
}

.captcha-box .form-label {
 color: rgba(var(--bs-body-color-rgb), 0.4);
 margin-bottom: 0.25rem;
}

.captcha-box .form-text {
 color: rgba(var(--bs-body-color-rgb), 0.5);
 font-size: 0.8rem;
 margin-bottom: 0.5rem;
}

.btnCaptcha {
 font-size: 0.8rem;
 background-color: rgba(255, 129, 3, 0.8);
}

.btnCaptcha i {
 color: rgba(39, 26, 13, 0.8);
}

.captcha-box #addon-captcha {
 color: rgba(var(--bs-form-text-color-rgb), 0.7);
 font-size: 0.8rem;
}



.main-modal .form-control {
 background: none;
 background-color: rgba(var( --io-morado-over-bg-rgb), 0.4);
}

[data-bs-theme=dark] .main-modal .form-control {
 background: none;
 background-color: rgba(var( --bs-body-bg-rgb), 0.4);
}



#observer {
 display: block;
 width: 100%;
 height: 8rem;
}

.cien-cien {
 height: 100%;
 width: 100%;
}

.archivo {
 font-size: 1rem;
}

.img-viewer-section {
 display: block;
 padding: 0;
 margin: 0 auto;
 width: 100%;
 min-height: 100%;
}

.docs-list {
 display: block;
}

[data-bs-theme=dark] .docs-list {
 display: block;
}

[data-bs-theme=dark] .docs-list .btn-success {
 background-color: rgba(var(--bs-success-rgb), 0.4);
 border: none;
}

[data-bs-theme=dark] .docs-list .btn-primary {
 background-color: rgba(var(--bs-primary-rgb), 0.4);
 border: none;
}

.docs-list-imgs {
 display: block;
}

.docs-list-imgs .card-off {
 height: 100%;
 border-radius: 0;
 border: none;
}

.card-list {
 margin: 0;
 width: 100%;
 border-radius: 0;
 border: none;
 background-color: rgba(var(--bs-body-color-rgb), 0.03);
}

.card-list .card-header {
 width: 100%;
 min-height: 2.5rem;
 max-height: 3.5rem;
 padding: 0.375rem;
 margin: 0;
 font-size: 0.8rem;
 line-height: 1.1rem;
 color: rgba(var(--bs-body-color-rgb), 0.7);
 word-wrap: break-word;
 word-break: break-word;
 text-shadow: 0.03rem 0.03rem 0.0rem #231a03;
 border: none;
}

[data-bs-theme=dark] .card-list .card-header {
 text-shadow: 0.063rem 0.063rem 0.063rem #231a03;
}

.card-list .card-body {
 padding: 0;
 margin: 0;
}

.card-list .card-content {
 position: relative;
 width: 100%;
 min-height: 20vh;
 border-radius: 0;
 display: grid;
 place-items: center;
 align-content: center;
 background-color: rgba(var(--bs-body-color-rgb), 0.05);
 overflow: hidden;
}

.card-content .archivo-holder-center {
 margin: 0;
 padding: 0.375rem;
 border: none;
 width: 100%;
 height: 20vh;
 border-radius: 0;
 display: grid;
 place-items: center;
 align-content: center;
 word-wrap: break-word;
 word-break: break-word;
 background-color: rgba(var(--bs-body-color-rgb), 0.05);
 overflow: hidden;
}

.card-list .image {
 margin: 0;
 padding: 0;
 border: none;
}

.card-list .image-prt {
 height: 20vh;
}

.card-list .desc-archivo {
 position: absolute;
 display: block;
 margin: 0;
 padding: 0;
 top: auto;
 bottom: 0;
 left: 0;
 right: 0;
 width: 100%;
 text-align: right;
 font-size: 0.75rem;
 line-height: 1.1rem;
 word-wrap: break-word;
 word-break: break-word;
 color: #f1f1f1;
 background-color: rgba(22, 22, 22, 0.65);
}

.card-list .desc-archivo a {
 display: block;
 margin: auto;
 padding: 0.5rem 0.375rem;
 width: 100%;
 text-decoration: none;
 color: #f1f1f1;
}

.card-list .desc-archivo a:hover {
 color: #ffffff;
 text-shadow: 0.063rem 0.063rem 0.063rem #231a03;
 background-color: rgba(22, 22, 22, 0.45);
}

.card-list .card-footer .btn-group .btn {
 width: 100%;
 border-radius: 0;
}

.card-list .card-footer {
 top: 0;
 left: 0;
 margin: 0;
 padding: 0;
 border-radius: 0;
 border: none;
 font-size: 1rem;
 background-color: rgba(var(--bs-body-color-rgb), 0.05);
}

.card-list .card-tools {
 padding: 0 0 1rem 0;
}

.card-list .card-tools ul {
 padding-top: 1rem;
 padding-left: 0.35rem;
 padding-bottom: 0.5rem;
 padding-right: 0.5rem;
 list-style: none;
}

.card-list .card-tools ul:nth-child(2) {
 padding-left: 1rem;
 padding-right: 0.5rem;
 list-style: none;
}

.card-preview {
 margin: 0;
 width: 100%;
 border-radius: 0;
 border: none;
 background-color: rgba(var(--bs-body-color-rgb), 0.03);
}

.card-preview .image-prt {
 height: 100%;
}

.pagination-box {
 padding: 2.25rem 0 2.750rem 0;}

.pagination {
 margin-bottom: 0.25rem;
}

.pagination-totals {
 font-size: 1rem;
 text-align: center;
 padding-bottom: 0.25rem;
}

.pagination-totals a {
 padding: 0 0.25rem 0.25rem 0.25rem;
 text-decoration: none;
}

.pagination-lg {
 --bs-pagination-padding-x: 1.5rem;
 --bs-pagination-padding-y: 0.75rem;
 --bs-pagination-font-size: 1.25rem;
 --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-md {
 --bs-pagination-padding-x: 1rem;
 --bs-pagination-padding-y: 0.5rem;
 --bs-pagination-font-size: 1rem;
 --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

@media (min-width: 992px) {
 .pagination-totals {
  font-size: 1.35rem;
 }
 .pagination-md {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
 }
}

.pagination-sm {
 --bs-pagination-padding-x: 0.5rem;
 --bs-pagination-padding-y: 0.25rem;
 --bs-pagination-font-size: 0.875rem;
 --bs-pagination-border-radius: var(--bs-border-radius-sm);
}



.folders-accordion .list-group-item {
 --bs-list-group-bg: rgba(var(--bs-body-bg-rgb), 0.2);
 --bs-list-group-item-padding-y-plus: 0.25rem;
 position: relative;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
 color: var(--bs-list-group-color);
 text-decoration: none;
 background-color: var(--bs-list-group-bg);
 border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

[data-bs-theme=dark] .folders-accordion .list-group-item {
 --bs-list-group-bg: rgba(var(--bs-body-bg-rgb), 0.6);
 position: relative;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
 color: var(--bs-list-group-color);
 text-decoration: none;
 background-color: var(--bs-list-group-bg);
 border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.folders-accordion .list-group-item-action {
 width: 100%;
 color: var(--bs-list-group-action-color);
 text-align: inherit;
}

.folders-accordion .list-group-item-action:hover,
.folders-accordion .list-group-item-action:focus {
 z-index: 1;
 color: var(--bs-list-group-action-hover-color);
 text-decoration: none;
 background-color: var(--bs-list-group-action-hover-bg);
}

.folders-accordion .list-group-item-action:active {
 color: var(--bs-list-group-action-active-color);
 background-color: var(--bs-list-group-action-active-bg);
}

.folders-accordion .list-group-item.to-folder {
 font-size: 1rem;
 justify-content: end;
}

.folders-accordion .list-group-item.to-folder a {
 text-decoration: none;
 color: var(--bs-secondary-color);
}

.folders-accordion .list-group-item .badge {
 color: var(--bs-secondary-color);
 background-color: rgba(var(--bs-body-bg-hover-rgb), 0.18);
}

.folder-link {
 display: block;
}

#folder-activo {
 background-color: rgba(var(--bs-body-color-rgb), 0.05);
 background-color: rgba(var(--bs-body-bg-hover-rgb), 0.30);
}

#folder-activo .active {
 background-color: rgba(var(--bs-body-color-rgb), 0.05);
 background-color: yellow;
}

.folders-accordion .list-group-item.subfolder-activo {
 background-color: rgba(var(--bs-body-color-rgb), 0.05);
 background-color: rgba(var(--bs-body-bg-hover-rgb), 0.30);
}

.folders-accordion .list-group-item.subfolder-activo a {
 padding-left: 0.75rem;
 color: rgba(var(--bs-link-hover-color-rgb), 0.7);
 text-decoration: none;
}

.folders-accordion .list-group-item.btn-toggle::after {
 display: inline-block;
 margin-left: 0.255em;
 vertical-align: 0.255em;
 content:"";
 border-top: 0.3em solid;
 border-right: 0.3em solid transparent;
 border-bottom: 0;
 border-left: 0.3em solid transparent;
}

.folders-accordion .list-group-item.pstart-1 {
 padding-left: calc(var(--bs-list-group-item-padding-y) + var(--bs-list-group-item-padding-y-plus));
}

.folders-accordion .list-group-item.--1 {
 padding-left: 1.25rem;
}

.folders-accordion .list-group-item.pstart-2 {
 --bs-list-group-item-padding-y-plus: 0.50rem;
 padding-left: calc(var(--bs-list-group-item-padding-y) + var(--bs-list-group-item-padding-y-plus));
}

.folders-accordion .list-group-item.--2 {
 padding-left: 1.25rem;
}

.folders-accordion .list-group-item.pstart-3 {
 --bs-list-group-item-padding-y-plus: 0.75rem;
 padding-left: calc(var(--bs-list-group-item-padding-y) + var(--bs-list-group-item-padding-y-plus));
}

.folders-accordion .list-group-item .--3 {
 padding-left: 1.75rem;
}



.pagination-box {
 padding: 2.25rem 0 2.750rem 0;
}

.pagination {
 margin-bottom: 0.25rem;
}

.pagination-totals {
 font-size: 1rem;
 text-align: center;
 padding-bottom: 0.25rem;
}

.pagination-totals a {
 padding: 0 0.25rem 0.25rem 0.25rem;
 text-decoration: none;
}

.pagination-lg {
 --bs-pagination-padding-x: 1.5rem;
 --bs-pagination-padding-y: 0.75rem;
 --bs-pagination-font-size: 1.25rem;
 --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-md {
 --bs-pagination-padding-x: 1rem;
 --bs-pagination-padding-y: 0.5rem;
 --bs-pagination-font-size: 1rem;
 --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

@media (min-width: 992px) {
 .pagination-totals {
  font-size: 1.35rem;
 }
 .pagination-md {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
 }
}

.pagination-sm {
 --bs-pagination-padding-x: 0.5rem;
 --bs-pagination-padding-y: 0.25rem;
 --bs-pagination-font-size: 0.875rem;
 --bs-pagination-border-radius: var(--bs-border-radius-sm);
}



.wide-open .card-list .image-prt {
 height: 20vh;
}

.fotograma-list {
 padding: 1rem 0;
}.fotograma-list .album-post {
 background-color: transparent;
}

.fotograma-list .album-post .image {
 position: relative;
}

.fotograma-list .album-post .head {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 display: grid;
 place-items: center;
 align-content: center;z-index: 1000;
}

.fotograma-list .album-post a {
 color: #FFF;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.fotograma-list .album-post a:hover {
 color: #efefef;
 mix-blend-mode: difference;
}

.fotograma-list .album-cover .image-prt {
 height: 12vh;
}

@media (min-width: 768px) {
 .fotograma-list .album-cover .image-prt {
  height: 20vh;
 }
}

.fotograma-list .image-prt .thumb {
 filter: grayscale(1) contrast(140%) brightness(1.2);
 opacity: 0.8;
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
 -webkit-transition: opacity 1000ms, transform 1000ms, filter 1000ms;
 transition: opacity 1000ms, transform 1000ms, filter 1000ms;
}

[data-bs-theme=dark] .fotograma-list .image-prt .thumb {
 filter: grayscale(1) contrast(120%) brightness(0.6);
 opacity: 0.8;
}

.fotograma-list .image a:hover .thumb {
 filter: grayscale(0) contrast(100%) brightness(1);
 opacity: 1;
 -webkit-transform: scale(1.4);
 -moz-transform: scale(1.4);
 -o-transform: scale(1.4);
 transform: scale(1.4);
}



.drop-area {
 margin: 0 auto;
 padding: 0;
 display: grid;
 place-content: center;
 text-align: center;
 height: calc(70vh - var( --app-footer-height));
 background-color: rgba(108, 117, 125, 0.1);
 border: none;
 overflow: hidden;
}

.drop-area img {
 position: relative;
 margin: auto;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 max-width: 100%;
}

#drop-area {
 display: block;
 position: relative;
 width: 100%;
 height: 46vh;
 margin-top: 1rem;
 margin-bottom: 1rem;background-color: rgba(33, 37, 41, 0.1);
 transform: scale(1);
 -webkit-transition: background-color 300ms;
 transition: background-color 300ms;}

#drop-area.is-error {
 background-color: rgba(220, 53, 70, 0.7);
}

#drop-area.is-warning {
 background-color: rgba(255, 193, 7, 0.7);
}

#drop-area.is-drop {
 background-color: rgba(25, 135, 84, 0.6);
}

#drop-area.is-active {
 background-color: rgba(248, 249, 250, 0.8);}

@keyframes pulsa {
 0%,
 100% {
  transform: scale(1);
 }
 50% {
  transform: scale(1.1);
 }
}

#drop-area .archivo-upload-holder {
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
 text-align: center;
}

#drop-area .file-uploader {
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) !important;padding: 1rem 1.5rem;
 font-size: 1rem;
 color: transparent;
 border-radius: 0;
 background-color: rgba(13, 109, 253, 0.2);
}

#drop-area .drop-holder-inputs {
 display: block;
 position: absolute;
 padding: 0 1rem;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
}

#drop-area #label-count {
 display: block;
 margin-right: auto !important;
 margin-left: auto !important;
 font-size: 0.90rem !important;
}

#drop-area #countmesg {
 display: block;
 margin-right: auto !important;
 margin-left: auto !important;
 font-size: 0.90rem !important;
}

.file-uploader::-webkit-file-upload-button {
 display: none;
 background: rgba(33, 37, 41, 0.4);
}

.file-uploader::file-selector-button {
 display: none;
 background: rgba(33, 37, 41, 0.4);
}

.file-uploader::-webkit-file-upload-button {
 display: none;
 background: rgba(33, 37, 41, 0.4);
}



.holder-video {
 position: relative;
}

.video-inner {
 position: relative;
 width: 100%;
 overflow: hidden;
 z-index: 11;
}

.video-inner::after {
 display: block;
 clear: both;
 content:"";
}

.video-item {
 height: 100vh;
 min-height: 300px;
 background: no-repeat center center scroll;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.video-item {
 transition: -webkit-transform 0.5s ease;
 transition: transform 0.5s ease;
 transition: transform 0.5s ease, -webkit-transform 0.5s ease;
 -webkit-backface-visibility: visible;
 backface-visibility: visible;
}

.v-plyr {
 width: 100%;
 height: auto;
}

.video-playing {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100% !important;
 height: 100% !important;
 z-index: 11;
 object-fit: cover;-webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 -webkit-transition: 1200ms opacity, background-color 900ms;
 transition: 1200ms opacity, background-color 900ms;
}

.video-container {
 position: absolute;
 top: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
}

.v-video {
 position: relative;
 display: block;
 margin: 0;
 padding: 0;
}

.v-playing {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100vw !important;
 height: 100vh !important;
 z-index: 11;
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 -webkit-transition: 1s opacity;
 transition: 1s opacity;
 object-fit: cover;
}

@media (prefers-reduced-motion: reduce) {
 .video-item {
  transition: none;
 }
}

.v-video .overlay {
 margin: 0;
 padding: 0;
 mix-blend-mode: multiply;
 opacity: 1;
 position: absolute;
 display: inline-block;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 width: 100vw;
 height: 100vh;
 z-index: 14;
 background: no-repeat center center scroll;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.v-video .overlay::after {
 content:"";
 display: block;
 width: 100vw;
 height: 100vh;
 z-index: 14;
 background: radial-gradient(transparent, rgba(0, 0, 0, 0.9));
 background-size: cover;
}

.old-paper {
 position: relative;
 display: block;
 width: 100vw;
 height: 100vh;
 z-index: 14;
}

.old-paper .overlay {
 mix-blend-mode: multiply;
 opacity: 1;
 position: absolute;
 display: inline-block;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 width: 100vw;
 height: 100vh;
 z-index: 16;
 background: no-repeat center center scroll;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.old-paper .overlay::after {
 content:"";
 position: absolute;
 display: block;
 margin: auto;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 width: 100vw;
 height: 100vh;
 z-index: 17;
 background: radial-gradient(transparent, rgba(255, 68, 68, 0.9));
 background-size: cover;
}

.overlay-halftone {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 opacity: 0;
 z-index: 15;
 filter: brightness(1.4) contrast(2);
 -webkit-filter: brightness(1.4) contrast(2);
}

.overlay-halftone::after {
 content:' ';
 display: block;
 position: absolute;
 width: 100%;
 height: 100vh;
 pointer-events: none;
 background-size: 14px 10px, 14px 10px;
 background-position: 0, 7px 0px;
 background-image: radial-gradient(circle, #000, rgba(255, 255, 255, 0) 60%), radial-gradient(circle, #000, rgba(255, 255, 255, 0) 60%);
 mix-blend-mode: multiply;
 z-index: 16;
}.color-halftone {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 background-color: #fc5e14;
 mix-blend-mode: multiply;
 z-index: 16;
}

.color-halftone::before {
 content:' ';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 border: 8px solid black;
 z-index: 17;
}

.svg-crosshatch {
 display: block;
 opacity: 0.25;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 18;
}

.v-letra {
 position: absolute;
 display: grid;
 align-items: center;
 margin: 0;
 padding: 0;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 z-index: 19;
}

.v-section {
 margin: 0;
 padding: 0;
 position: relative;
 display: block;
 z-index: 1;
 width: 100vw;
 height: 100vh;
}

.v-section {
 position: relative;
 padding: 0;
 margin: 0;
 display: grid;
 place-items: center;
 width: 100vw;
 height: 100vh;
 z-index: 10;
}

.v-section .v-inner {
 position: relative;
 width: 100%;
 height: 100vh;
 overflow: hidden;
 z-index: 12;
}

.v-section .section-sh {
 position: absolute;
 margin: auto;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 text-align: center;
 z-index: 20;
 display: grid;
 place-content: center;
}

.v-section .section-sh .holder {
 z-index: 11;
}

.v-section .section-sh .content-box {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 height: 100%;
 z-index: 20;
}

.v-section .logo-gerardo-gg {
 display: inline-block;
 width: 120px;
 height: 120px;
 background-image: url(../../css/svgs/logo-gerardo-gg-100x100.svg);
 background-repeat: no-repeat;
 vertical-align: middle;
 overflow: hidden;
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.6));
 z-index: 22;
 opacity: 1;
}

.v-section .site-title {
 font-family:'avenir-next-regular';
 font-size: clamp(1.6rem, 5vw, 2.6rem);
 color: #FFF;
 font-weight: 200;
 white-space: pre-wrap;
 letter-spacing: -0.02em;
 text-shadow: 0rem 0.15rem 0.1rem rgba(17, 17, 17, 0.9);
 z-index: 22;
 opacity: 1;
 mix-blend-mode: difference;
}

.v-section .site-subtitle {
 margin-top: 1rem;
 padding-top: 0rem;
 font-family:'avenir-next-regular';
 font-size: clamp(1.6rem, 5vw, 2.3rem);
 font-weight: 200;
 text-align: center;
 text-transform: uppercase;
 color: #bbbbbb;
 white-space: pre-wrap;
 letter-spacing: -0.01em;
 text-shadow: 0rem 0.12rem 0.1rem rgba(11, 11, 11, 0.9);
 z-index: 22;
 opacity: 1;
 mix-blend-mode: difference;
}

.v-section .logo-gerardo-gg,
.v-section .site-title {
 opacity: 1;
}

.v-player {display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100% !important;
 height: 100% !important;
 z-index: 13;
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 -webkit-transition: 1s opacity;
 transition: 1s opacity;
 object-fit: cover;
 pointer-events: none;
}

.bg-video-html {
 margin: auto;
 padding: 0;
 width: 100%;
 height: 100%;
 background-color: var(--bs-bg-color-bg);
 background: center center scroll;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.video-html {
 display: block;
 margin: auto;
 width: 100%;
 height: 100%;
}

.bg-video-poster {
 margin: 0 auto;
 padding: 0;
 position: absolute;
 display: block;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 width: 100vw;
 height: 100vh;
 z-index: 15;
 background: center center scroll;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.bg-video-poster-fadeout {
 -moz-animation: fadeOut 500ms ease-in forwards;
 -webkit-animation: fadeOut 500ms ease-in forwards;
 -o-animation: fadeOut 500ms ease-in forwards;
 animation: fadeOut 500ms ease-in forwards;
 -moz-animation-delay: 1000ms;
 -webkit-animation-delay: 1000ms;
 -o-animation-delay: 1000ms;
 animation-delay: 1000ms;
}

.bg-video-poster-fadein {
 -moz-animation: fadeIn 500ms ease-in forwards;
 -webkit-animation: fadeIn 500ms ease-in forwards;
 -o-animation: fadeIn 500ms ease-in forwards;
 animation: fadeIn 500ms ease-in forwards;
 -moz-animation-delay: 1000ms;
 -webkit-animation-delay: 1000ms;
 -o-animation-delay: 1000ms;
 animation-delay: 1000ms;
}

.kit-bg-video-fadeout {
 -moz-animation: fadeOutBg 500ms ease-in forwards;
 -webkit-animation: fadeOutBg 500ms ease-in forwards;
 -o-animation: fadeOutBg 500ms ease-in forwards;
 animation: fadeOutBg 500ms ease-in forwards;
 -moz-animation-delay: 200ms;
 -webkit-animation-delay: 200ms;
 -o-animation-delay: 200ms;
 animation-delay: 200ms;
}

.kit-bg-video-fadein {
 -moz-animation: fadeInBg 500ms ease-in forwards;
 -webkit-animation: fadeInBg 500ms ease-in forwards;
 -o-animation: fadeInBg 500ms ease-in forwards;
 animation: fadeInBg 500ms ease-in forwards;
 -moz-animation-delay: 100ms;
 -webkit-animation-delay: 100ms;
 -o-animation-delay: 100ms;
 animation-delay: 100ms;
}

.v-section .overlay {
 mix-blend-mode: luminosity;
 opacity: 0.21;
 position: absolute;
 display: inline-block;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 z-index: 14;
 background: no-repeat center center scroll;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.v-section .overlay::after {
 content:"";
 display: block;
 z-index: 14;
 background: radial-gradient(transparent, rgba(2, 2, 2, 0.9) 80%, rgba(3, 3, 3, 0.9) 20%);
 background-size: cover;
}

.v-section .overlay::after {
 content:"";
 display: block;
 z-index: 15;
 background: radial-gradient(transparent, rgb(0, 0, 0) 70%, rgba(3, 3, 3, 1) 0%);
 background-size: cover;
}

.v-section .sound-box {
 position: absolute;
 z-index: 10;
 width: 100%;
 bottom: 25%;
}

.sound-box--center {
 position: relative;
 line-height: 1.5;
}

.sound-box--center .btn {
 line-height: 1;
 margin: 0;
 padding: 0;
}

.sound-box--center .instruction {
 display: block;
 margin: 0;
 padding: 0;
 line-height: 1.5;
}

.logo-gerardogg {
 display: inline-block;
 width: 120px;
 height: 120px;
 background-image: url(../../css/svgs/logo-gerardo-gg-100x100.svg);
 background-repeat: no-repeat;
 vertical-align: middle;
 overflow: hidden;
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.6));
 z-index: 12;
}

#video-topo-section {
 position: relative;
 margin: 0 auto;
 display: grid;
 place-items: center;
 width: 100vw;
 height: 100vh;
 padding: 0;
 margin: 0;
 z-index: 11;
}

#video-topo.video-playing {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100% !important;
 height: 100% !important;
 z-index: 11;
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 -webkit-transition: 1s opacity;
 transition: 1s opacity;
 object-fit: cover;
}

#video-topo-section .overlay {
 mix-blend-mode: multiply;
 opacity: 1;
 position: absolute;
 display: inline-block;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 width: 100vw;
 height: 100vh;
 z-index: 11;
 background: no-repeat center center scroll;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

#video-topo-section .section-sh {
 text-align: center;
 z-index: 10;
}

#video-topo-section .section-sh .holder {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 height: 100%;
 z-index: 10;
}

#video-topo-section .title {
 font-family:'avenir-next-regular';
 font-size: clamp(1.6rem, 5vw, 2.6rem);
 color: #FFF;
 font-weight: 200;
 white-space: pre-wrap;
 letter-spacing: -0.02em;
 text-shadow: 0rem 0.15rem 0.1rem rgba(17, 17, 17, 0.9);
}

#video-topo-section .logo-gerardo-gg {
 display: inline-block;
 width: 100px;
 height: 100px;
 background-image: url(../../css/svgs/logo-gerardo-gg-100x100.svg);
 background-repeat: no-repeat;
 vertical-align: middle;
 overflow: hidden;
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.6));
 z-index: 12;
}

#video-topo-section .subtitle {
 margin-top: 1px;
 padding: 1rem;
 font-family:"Georgia";
 font-style: italic;
 font-size: clamp(1.4rem, 5vw, 1.8rem);
 text-align: center;
 white-space: pre-wrap;
 letter-spacing: -0.01em;
 text-shadow: 0rem 0.12rem 0.12rem rgba(0, 0, 0, 0.9);
 opacity: 11;
}

@media (min-aspect-ratio:16/9) {
 .video-playing {
  width: 100%;
  height: auto;
 }
 .v-playing {
  width: 100%;
  height: auto;
 }
 .video-html-off {
  width: 100%;
  height: auto;
 }
}

@media (max-aspect-ratio:16/9) {
 .video-playing {
  width: auto;
  height: 100%;
 }
 .v-playing {
  width: auto;
  height: 100%;
 }
 .video-html-off {
  width: auto;
  height: 100%;
 }
}



.timeline .card,
.timeline .card-header,
.timeline .card-body {
 border-radius: 0;
 border: none;
 background: none;
}

.timeline {
 position: relative;
 margin-top: 1rem;
 margin-bottom: 1rem;
 margin-left: auto;
 margin-left: auto;
 z-index: 10;
}

.timeline::after {
 content:'';
 width: 1px;
 background: rgba(22, 22, 22, 0.6);
 position: absolute;
 left: 0;
 right: auto;
 margin: auto;
 top: 0;
 bottom: 0;
}

@media only screen and (min-width:768px) {
 .timeline::after {
  right: 0;
 }
}

.timeline .row {
 position: relative;
}

.timeline .row::after {
 content:'';
 position: absolute;
 width: 10px;
 height: 10px;
 left: -2.5px;
 right: auto;
 margin: auto;
 background-color: rgba(148, 30, 109, 0.9);
 border: 0px solid rgba(66, 66, 66, 0.9);
 top: 40px;
 border-radius: 50%;
 z-index: 11;
}

.timeline .row.activo::after {
 background-color: rgba(30, 148, 103, 0.9);
}

@media only screen and (min-width:768px) {
 .timeline .row::after {
  width: 12px;
  height: 12px;
  left: 0;
  right: 0;
  top: 45px;
 }
}

.timeline .card {
 margin: 1.4rem 0;
}

.timeline .card-header {
 padding: 0.5rem 0.5rem 0rem 0.5rem;
 font-size: clamp(1.3rem, 3vw, 1.6rem);
 font-weight: 600;
 color: rgba(var(--bs-body-color-rgb), 0.8);
}

.timeline .card-body {
 padding: 0.2rem 0.5rem 0.2rem 1rem;
 font-size: clamp(1.1rem, 3vw, 1.3rem);
}

.timeline .card-body span {
 color: rgba(var(--bs-body-color-rgb), 0.9);
 font-weight: 700;
}

.timeline .card-body strong {
 color: rgba(var(--bs-body-color-rgb), 0.75);
 font-weight: 800;
}

.timeline.estudios .card-body strong {
 color: rgba(var(--bs-body-color-rgb), 0.9);
 font-weight: 800;
}

.timeline .left-time .card-header {
 text-align: left;
}

.timeline .right-time .card-header {
 text-align: left;
}

.timeline .right-time .card-body {
 text-align: right;
}

@media only screen and (min-width:768px) {
 .timeline .left-time .card-header {
  text-align: left;
  padding-left: 1rem;
 }
 .timeline .right-time .card-header {
  text-align: right;
  padding-right: 1rem;
 }
 .timeline .right-time .card-body {
  text-align: right;
  padding-right: 1rem;
 }
}



.timeline-one {
 --hue: 3;
 --bg: hsl(var(--hue), 10%, 90%);
 --fg: hsl(var(--hue), 10%, 10%);
 --primary: hsl(var(--hue), 90%, 50%);
 --primaryT: hsla(var(--hue), 90%, 50%, 0);
 --trans-dur: 0.3s;
 margin: auto;
 padding: 1.5rem 0.5rem;
}@media (prefers-color-scheme: dark) {
 :root {
  --bg: hsl(var(--hue), 10%, 10%);
  --fg: hsl(var(--hue), 10%, 90%);
  --primary: hsl(var(--hue), 90%, 70%);
 }
}

.timeline-one__items {
 padding: 0;
 list-style: none;
 margin-left: 0.15em;
}

@media (min-width: 576px) {
 .timeline-one__items {
  margin-left: 0.75em;
 }
}

.timeline-one__item {
 padding: 0 0 1.5em 1.25em;
 position: relative;
}

.timeline-one__item .dd::after .dd::before {
 display: none;
}

.timeline-one__item::before,
.timeline-one__item::after,
.timeline-one__item .timeline-one__item-pub,
.timeline-one__item .timeline-one__item-time,
.timeline-one__item .timeline-one__item-link,
.timeline-one__item .timeline-one__item-active {
 transition: background-color var(--trans-dur), opacity var(--trans-dur) cubic-bezier(0.65, 0, 0.35, 1), transform var(--trans-dur) cubic-bezier(0.65, 0, 0.35, 1);
}

.timeline-one__item::before,
.timeline-one__item::after {
 background-color: var(--primary);
 background-color: rgba(66, 66, 66, 0.43);
 background-color: var(--bs-border-color-translucent);
 content:"";
 display: block;
 position: absolute;
 left: 0;
}

.timeline-one__item::before {
 border-radius: 50%;
 top: 0.5em;
 width: 0.7em;
 height: 0.7em;
 transform: translateX(-50%) scale(1);
 z-index: 1;
}

.timeline-one__item-inactive::before {
 background-color: rgb(60, 74, 69);
}

.timeline-one__item-active::before {
 background-color: hsl(157, 66%, 35%);
}

.timeline-one__item::after {
 top: 0.75rem;
 width: 0.063rem;
 height: 100%;
 transform: translateX(-50%);
}

.timeline-one__item::last-child:after {
 display: none;
}

.timeline-one__item-pub,
.timeline-one__item-link,
.timeline-one__item-time {
 display: block;
 opacity: 1;
 transform: translateX(-0.75em);
}

.timeline-one__item-link,
.timeline-one__item-link:visited {
 color: var(--primary);
}

.timeline-one__item-link {
 transition: color var(--trans-dur);
}

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

.timeline-one__item-pub,
.timeline-one__item-time {
 font-size: 0.833em;
 line-height: 1.8;
}

.timeline-one__item-time {
 font-weight: bold;
 font-size: 0.85em;
}

.timeline-one__item-pub {
 padding-left: 0.5rem;
 font-size: 1em;
}

.timeline-one__loading {
 text-align: center;
}.timeline-one__item--in .timeline-one__item-pub,
.timeline-one__item--in .timeline-one__item-link,
.timeline-one__item--in .timeline-one__item-time {
 opacity: 1;
 transform: translateX(0);
}

.timeline-one__item--in:before {
 transform: translateX(-50%) scale(1);
}@media (min-width: 768px) {
 .timeline-one__items {
  margin-left: 14em;
  width: 20em;
 }
 .timeline-one__item-time {
  position: absolute;
  top: 0;
  right: calc(100% + 2rem);
  text-align: right;
  width: 17rem;
  transform: translateX(0.75em);
 }
}



.user-a span {
  font-size: calc(1rem + 0.35vw);
 }
 
 .user-a small {
  font-size: calc(1rem + 0.10vw);
  color: rgba(var(--bs-secondary-color-rgb), 0.75);
 }
 
 .user-photo {
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  display: inline-block;
  border: none;
 }
 
 .user-photo .photo-holder {
  margin: 0;
  padding: 0;
 }
 
 .user-thumb {
  margin: 0;
  padding: 0;
  width: 2rem;
  height: 2rem;
 }
 
 .user-thumb-lg {
  margin: 0;
  padding: 0;
  width: 5rem;
  height: 5rem;
 }



.home-section {
 --gutter-x: 0rem;
 --gutter-y: 0;
 width: 100%;
 padding-right: calc(var(--gutter-x) * 0.5);
 padding-left: calc(var(--gutter-x) * 0.5);
 margin-right: auto;
 margin-left: auto;
 position: relative;
 z-index: 11;
}

.logo-gerardo-gg,
.logo-gerardo-gg-res,
.site-title,
.site-subtitle,
.subtitle {
 opacity: 1;
}

.scrollarea {
 height: 10vh;
 overflow-y: auto;
}

.style-text {
 --stl-font-size: calc(1rem + 2vw);
 --stl-line-height: 2;
 font-size: var(--stl-font-size);
 line-height: var(--stl-line-height);
}

@media (min-width: 576px) {
 .style-text {
  --stl-font-size: clamp(1.2rem, calc(1.6rem + 4vw), 1.8rem);
 }
}

.style-text .section-part {
 margin: 0;
}

.style-text .list-group-item {
 font-size: 2rem;
}

.style-text .list-group {
 margin: 3rem 0;
}

.style-text p {
 margin: 2rem 0 2.4rem 0;
 line-height: 1.6;
}

.style-text p strong {
 padding: 0.35rem 0.5rem;
 background-color: rgba(10, 8, 2, 0.6);
 background-color: rgba(66, 65, 60, 0.4);
}

.info-box {
 margin: 0;
 padding: 0.35rem 0;
 width: 100%;
 min-height: 5vh;
 display: flex;
 justify-content: space-evenly;
 align-items: center;
 font-size: 1.2rem;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

@media ( min-width: 768px) {
 .info-box {
  margin: 0rem 0 0 0;
  padding: 0 0 0 0rem;
 }
}

.info-box span {
 color: hsl(207, 9%, 60%);
}

.info-box a {
 color: hsl(207, 9%, 60%);
 text-decoration: none;
}

.card-last {
 padding: 0;
 margin: 2.5rem 0;
 background-color: rgba(10, 8, 2, 0.3);
 background-color: rgba(var(--bg-light-gray-rgb), 0.8);
}

[data-bs-theme="dark"] .card-last {
 background-color: rgba(var(--bs-body-bg-rgb), 0.8);
 background-color: rgba(10, 8, 2, 0.3);
}

.card-last .card-body {
 font-size: clamp(1rem, calc(1rem + 4vw), 1.2rem);
 color: #1b1b1f;
}

[data-bs-theme="dark"] .card-last .card-body {
 color: #bebebe;
}

.card-holder {
 margin: auto;
 padding: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
 position: relative;
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}

.card-holder .card-img-top {
 background: no-repeat center center scroll;
 background-blend-mode: lighten;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 vertical-align: middle;
 object-fit: cover;
 filter: grayscale(0.6) opacity(0.6);
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);
 -webkit-transition: transform 500ms, filter 500ms, opacity 500ms;
 transition: transform 500ms, filter 500ms, opacity 500ms;
 pointer-events: none;
}

.card-holder:hover .card-img-top,
.card-holder:focus .card-img-top {
 filter: grayscale(0) opacity(0.6);
 transform: scale(1.2);
 opacity: 0.8;
}

.card-holder .cover img {
 position: absolute;
 margin: auto;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 pointer-events: none;
}

.card-last .card-body {
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 order: 1;
}

section.selected-works div.work div.info {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 order: 2;
}



.carousel-kontext {
 --ck-height-pc: 60%;
 --ck-height-vh: 60vh;
 position: relative;
 width: 100%;
 height: var(--ck-height-vh);
 overflow: hidden;
}

.carousel-kontext.carousel-kontext-100 {
 --ck-height-pc: 100%;
 --ck-height-vh: 100vh;
}

.carousel-kontext .layer-holder {
 position: relative;
 width: 100%;
 height: var(--ck-height-pc);
}

.carousel-kontext .layer-holder .layer-bg-off {
 background: no-repeat center center scroll;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 -webkit-filter: brightness(80%);
 -o-filter: brightness(80%);
 filter: brightness(80%);
 -webkit-backface-visibility: visible;
 backface-visibility: visible;
}

.carousel-kontext .layer-holder .layer-bg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: var(--ck-height-vh);
 background: no-repeat center center scroll;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 object-fit: cover;
 -webkit-backface-visibility: visible;
 backface-visibility: visible;
 overflow: hidden;
 box-shadow: 0px 0px 7.50rem rgba( 0, 0, 0, 0.8);
}

.indicators {
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 2;
 display: flex;
 justify-content: center;
 padding: 0;
 margin-right: 15%;
 margin-bottom: 1rem;
 margin-left: 15%;
}

.indicators [data-bs-target] {
 box-sizing: content-box;
 flex: 0 1 auto;
 width: 1.875rem;
 height: 0.188rem;
 padding: 0;
 margin-right: 0.188rem;
 margin-left: 0.188rem;
 text-indent: -999px;
 cursor: pointer;
 background-color: #fff;
 background-clip: padding-box;
 border: 0;
 border-top: 0.625rem solid transparent;
 border-bottom: 0.625rem solid transparent;
 opacity: 0.5;
 transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
 .indicators [data-bs-target] {
  transition: none;
 }
}

.indicators .active {
 opacity: 1;
}

.carousel-kontext .kontext-caption {
 position: absolute;
 right: 15%;
 bottom: 40%;
 left: 15%;
 padding-top: 1.25rem;
 padding-bottom: 1.25rem;
 color: #fff;
 text-align: center;
 z-index: 5;
 text-shadow: 0 .08rem .1rem rgba(0, 0, 0, .9);
}

.carousel-kontext ol {
 list-style: none;
}

.carousel-kontext .kontext-caption span {
 text-align: center;
}

.carousel-kontext .top-text,
.carousel-kontext .bottom-text {
 opacity: 1;
 font-family:"Georgia";
 font-style: italic;
 text-align: center;
}

.carousel-kontext .middle-text {
 margin-top: 0.625rem;
 font-weight: 800;
 text-transform: uppercase;
 text-align: center;
}



.portfolio-section {
 z-index: 21;
}

.portfolio-section .text-center h1 {
 padding: 0;
 margin: 0;
 text-align: center;
 font-size: calc(2rem + 2.5vw);
 font-family:'Hellix';
 white-space: pre-wrap;
 font-weight: 100;
 line-height: 1;
 letter-spacing: -0.02em;
}

[data-bs-theme=dark] .text-center h1 {
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.portfolio-section .text-center span {
 padding: 0;
 margin: 0;
 line-height: 1;
 text-align: center;
 font-size: calc(1rem + 0.4vw);
 font-family:'Hellix';
}

[data-bs-theme=dark] .text-center span {
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.portfolio-section .page-header h1 {
 font-family:'Hellix';
}

.portfolio-section .page-header span {
 font-size: calc(1rem + 0.4vw);
 font-family:'Hellix';
}

[data-bs-theme=dark] .portfolio-section .page-header h1 {
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

[data-bs-theme=dark] .portfolio-section .page-header span {
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.card-portfolio {
 padding: 0;
 margin: 0;
 height: 100%;
 background: rgba(var(--bg-light-gray-rgb), 0.6);
 border-radius: 0;
 border: none;
 box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
 backdrop-filter: blur(0.125rem);
 -webkit-backdrop-filter: blur(0.125rem);
}

[data-bs-theme=dark] .card-portfolio {
 text-shadow: 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.8);
 background: rgba(var(--bs-body-bg-rgb), 0.75);
}

.card-portfolio .card-title {
 margin-bottom: 0.15rem;
}

.card-portfolio .col-3 {
 height: 100%;
 display: grid;
 place-items: center;
 place-content: center;
 align-items: center;
}

.card-portfolio .fill-ggg {
 padding: 0.5rem;
 margin: 0;
 width: auto;
 height: 5rem;
}

.card-portfolio .fill-ggg path {
 fill: #0d0d0d;
 opacity: 0.6;
}

[data-bs-theme=dark] .card-portfolio .fill-ggg path {
 fill: #a2a2a2;
 opacity: 0.3;
}

.card-portfolio a {
 color: #6f22b9;
 text-decoration: underline;
 font-weight: 600;
}

[data-bs-theme=dark] .card-portfolio a {
 font-weight: 300;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.card-portfolio .card-text {
 padding: 0.5rem 0;
 font-size: 0.85rem;
}

.web-developer .list-group {
 --bs-list-group-item-padding-x: 1.5rem;
 --bs-list-group-item-padding-y: 2rem;
}

.web-developer .tecs {
 font-size: 1rem;
}

.web-developer .fa-toggle-on {
 color: rgba(8, 162, 81, 0.6);
}

[data-bs-theme=dark] .web-developer .fa-toggle-on {
 color: rgba(8, 162, 81, 0.5);
}

.web-developer .fa-toggle-off {
 color: rgba(49, 55, 103, 0.6);
}

[data-bs-theme=dark] .web-developer .fa-toggle-off {
 color: rgba(49, 55, 103, 0.9);
}

.web-developer .url {
 font-size: 1.25rem;
 color: rgba(58, 49, 126, 0.844);
}

.web-developer span.url {
 display: block;
 padding: 0.5rem 0;
}

[data-bs-theme=dark] .web-developer .url {
 color: rgba(172, 161, 255, 0.844);
}

.web-developer a.active {
 color: var(--purple-two);
 text-decoration: none;
}

.btn-portfolio-all {
 padding: 0;
 color: rgba(110, 67, 135, 0.906) !important;
 font-weight: 800 !important;
 text-decoration: none !important;
}

.nav-portafolio {
 --bs-nav-link-padding-x: 1rem;
 --bs-nav-link-padding-y: 0.5rem;
 --bs-nav-link-font-weight: 400;
 --bs-nav-link-color: var(--ggg-label-font-color);
 --bs-nav-link-hover-color: var(--bs-link-hover-color);
 --bs-nav-link-disabled-color: var(--bs-secondary-color);
 margin: 0;
 padding: 1rem 1rem 1rem 1rem;
 font-weight: 400;
}

.nav-portafolio .nav-link.active {
 color: var(--prsn-color);
 font-weight: 700;
 border-bottom-color: currentcolor;
}



.reveal-frame {
 margin: 0;
 padding: 0;
 position: relative;
 width: 100%;
 height: calc(100vh - 4rem);
 overflow: hidden;
 z-index: 5;
}

@media (min-width: 576px) {
 .reveal-frame {
  height: calc(100vh);
 }
}

.reveal {
 margin: 0;
 padding: 0;
}

.reveal .page-header-top {
 display: inline-block;
 position: relative;
 top: 0;
 left: 0%;
 margin: 0;
 padding: 0.125rem 0.5rem;
 width: auto;
 height: auto;
 font-size: clamp(1.2rem, 5vw, 3rem);
 font-weight: 300;
 text-decoration: none;
 color: #bebebe;
 background-color: rgba(13, 13, 13, 0.6);
 z-index: 5;
}

.titulo-prn-holder {
 display: inline-block;
 position: absolute;
 top: 0;
 left: 0%;
 margin: 0;
 padding: 0.125rem 0.5rem;
 width: auto;
 height: auto;
 font-size: clamp(1.2rem, 5vw, 3rem);
 font-weight: 300;
 text-decoration: none;
 color: #bebebe;
 background-color: rgba(13, 13, 13, 0.6);
 z-index: 5;
}

@media (min-width: 576px) {
 .titulo-prn-holder {
  padding: 0.5rem 1rem;
 }
}

.titulo-prn-holder.clean {
 background-color: rgba(13, 13, 13, 0);
}

.footer-fuente-holder {
 display: inline-block;
 position: absolute;
 bottom: 0;
 right: 0%;
 padding: 0 0.25rem;
 margin: 0;
 height: 1.75rem;
 color: #f5f5f5;
 font-size: 0.8rem;
 font-size: clamp(0.8rem, 1vw, 1rem);
 font-weight: 100;
 line-height: 1.75rem;
 font-family:'Avenir Next LT Pro', Helvetica, sans-serif;
 text-decoration: none;
 z-index: 5;
 background-color: rgba(13, 13, 13, 0.6);
}

.footer-fuente-holder.clean {
 background-color: rgba(13, 13, 13, 0);
}

.logo-box-dw.presn {
 padding: 1rem;
}

.logo-box-dw.presn .logo-gerardo-gg-dw {
 background-image: url(../../css/svgs/logo-gerardo-silueta-white-100x100.svg);
 opacity: 0.7;
}

.logo-box-dw.presn .logo-gerardo-gg-txt,
.logo-box-dw.presn h2 {
 color: rgba(var( --white-links-rgb), 1);
}



.holder-svg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 6;
 pointer-events: none;
}

.holder-svg .scene {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 z-index: 6;
}

.clswap-1 {
 fill: url(#linear-gradient);
}

.clswap-2 {
 fill: #00b5ac;
}

.clswap-3 {
 fill: #e6e6e6;
}

.clswap-4 {
 fill: #fff;
}

.clswap-5 {
 fill: #ff876c;
}

.clswap-6 {
 fill: #323640;
}

.clswap-7 {
 fill: #24126a;
}

.clswap-8 {
 fill: #2b2f38;
}

.clswap-9 {
 fill: #353535;
}

.clswap-10 {
 fill: #262930;
 isolation: isolate;
 opacity: .41;
}

.clswap-11 {
 fill: url(#linear-gradient-3);
}

.clswap-12 {
 fill: url(#linear-gradient-4);
}

.clswap-13 {
 fill: url(#linear-gradient-2);
}

.clswap-14 {
 fill: url(#linear-gradient-5);
}

.clswap-15 {
 opacity: .2;
}

#sig-gto-ct {
 z-index: 1;
 pointer-events: none;
 mix-blend-mode: difference;
 max-width: 100%;
 height: 60%;
}

.cls-gto-1 {
 stroke: #541577;
}

.cls-gto-1,
.cls-gto-2,
.cls-gto-3,
.cls-gto-4,
.cls-gto-5,
.cls-gto-6,
.cls-gto-7,
.cls-gto-8,
.cls-gto-9,
.cls-gto-10,
.cls-gto-11,
.cls-gto-12 {
 stroke-linecap: square;
 stroke-linejoin: bevel;
}

.cls-gto-1,
.cls-gto-2,
.cls-gto-3,
.cls-gto-4,
.cls-gto-6,
.cls-gto-12,
.cls-gto-13 {
 fill-rule: evenodd;
}

.cls-gto-1,
.cls-gto-13 {
 fill: rgba(85, 21, 119, 1);
}

.cls-gto-2 {
 fill: #bc71cb;
 stroke: #bc71cb;
}

.cls-gto-3 {
 fill: #8922a4;
 stroke: #8922a4;
}

.cls-gto-4 {
 fill: #8b2262;
 stroke: #8b2262;
}

.cls-gto-5 {
 stroke: #f86c31;
}

.cls-gto-5,
.cls-gto-7,
.cls-gto-8,
.cls-gto-9,
.cls-gto-10,
.cls-gto-11 {
 fill: none;
 stroke-width: 1px;
}

[data-bs-theme=dark] .cls-gto-5,
.cls-gto-7,
.cls-gto-8,
.cls-gto-9,
.cls-gto-10,
.cls-gto-11 {
 fill: none;
 stroke-width: .5px;
}

.cls-gto-6 {
 fill: #a76ae6;
 stroke: #a76ae6;
}

.cls-gto-7 {
 stroke: #fed66d;
}

.cls-gto-8 {
 stroke: #e62f21;
}

.cls-gto-9 {
 stroke: #fda649;
}

.cls-gto-10 {
 stroke: #ffffb2;
}

.cls-gto-11 {
 stroke: #bd0026;
}

.cls-gto-12 {
 fill: #b731b9;
 stroke: #b731b9;
}

.svg-img {
 position: relative;
 margin-bottom: 3rem;
 width: 100vw;
 height: 6.25rem;
 vertical-align: middle;
 text-align: center;
 overflow: hidden;
}

.svg-img--margin {
 --svg-gutter-y: 1.5rem;
 margin-top: calc(var(--svg-gutter-y) * 0.5);
 margin-bottom: calc(var(--svg-gutter-y) * 0.5);
 padding-top: calc(var(--svg-gutter-y) * 0.3);
 padding-bottom: calc(var(--svg-gutter-y) * 0.3);
}

@media (min-width: 768px) {
 .svg-img {
  height: 10rem;
 }
 .svg-img--margin {
  --svg-gutter-y: 5rem;
 }
}

@media (min-width: 1200px) {
 .svg-img {
  height: 12rem;
 }
 .svg-img--margin {
  --svg-gutter-y: 10rem;
 }
}



.clswapbn-1 {
 fill: url(#linear-gradient);
}

.clswapbn-2 {
 fill: #fff;
}

.clswapbn-3 {
 fill: #c9cdb1;
}

.clswapbn-4 {
 fill: #25272d;
}

.clswapbn-5 {
 fill: #0c0717;
}

.clswapbn-6 {
 fill: #414147;
}

.clswapbn-7 {
 fill: #080418;
}

.clswapbn-8 {
 fill: #27282e;
}

.clswapbn-9 {
 fill: #1c1d20;
 isolation: isolate;
 opacity: .41;
}

.clswapbn-10 {
 fill: url(#linear-gradient-8);
}

.clswapbn-11 {
 fill: url(#linear-gradient-9);
}

.clswapbn-12 {
 fill: url(#linear-gradient-3);
}

.clswapbn-13 {
 fill: url(#linear-gradient-4);
}

.clswapbn-14 {
 fill: url(#linear-gradient-2);
}

.clswapbn-15 {
 fill: url(#linear-gradient-6);
}

.clswapbn-16 {
 fill: url(#linear-gradient-7);
}

.clswapbn-17 {
 fill: url(#linear-gradient-5);
}

.clswapbn-18 {
 opacity: .6;
}

.clswapbn-19 {
 fill: url(#linear-gradient-14);
}

.clswapbn-20 {
 fill: url(#linear-gradient-18);
}

.clswapbn-21 {
 fill: url(#linear-gradient-15);
}

.clswapbn-22 {
 fill: url(#linear-gradient-19);
}

.clswapbn-23 {
 fill: url(#linear-gradient-16);
}

.clswapbn-24 {
 fill: url(#linear-gradient-17);
}

.clswapbn-25 {
 fill: url(#linear-gradient-13);
}

.clswapbn-26 {
 fill: url(#linear-gradient-12);
}

.clswapbn-27 {
 fill: url(#linear-gradient-10);
}

.clswapbn-28 {
 fill: url(#linear-gradient-11);
}



.canister-blog {
 --blg-padding-x: 0rem;
 --blg-padding-y: 1.5rem;
 padding: var(--blg-padding-y) var(--blg-padding-x);
 min-height: calc(70vh - (var(--app-header-section)));
}

.blog-post {
 --blg-padding-x: 0rem;
 --blg-padding-y: 1.5rem;
 --blg-padding: 0.75rem 0 1.75rem 0;
}

.post-date {
 font-size: calc(1rem + 0.15vw);
}

.blog-post .post-header {
 margin: 0;
 padding: 1rem 0 0.75rem 0;
 line-height: 1;
}

@media (min-width: 768px) {
 .blog-post .post-header {
  margin-top: 3rem;
 }
}

.post-header a {
 text-decoration: none;
}

.post-header {
 margin: 0;
 padding: 1.5rem 0 0.5rem 0;
 border-bottom: 0.031rem solid var(--bs-border-color-translucent);
 text-decoration: none;
}

[data-bs-theme=dark] .post-header {
 color: rgba(222, 226, 230, 0.9);
 text-shadow: 0.093rem 0.093rem 0 #110d02;
}

.post-header h1 {
 font-size: clamp(2rem, calc(2.2rem + 2vw), 2.8rem);
}

.post-header h2 {
 font-size: clamp(2rem, calc(2.2rem + 0.8vw), 2.2rem);
}

.post-author {
 display: block;
 padding: 1rem 0 1rem 0;
 font-size: calc(1.2rem + 0.15vw);
}

.post-stats {
 padding: 1.25rem 0 1.25rem 0;
 display: flex;
 font-size: 1rem;
}

.post-stats i {
 color: var(--bs-link-color);
 text-shadow: 0.02rem 0.02rem 0.01rem rgba(0, 0, 0, 0.8);
}

[data-bs-theme=dark] .post-stats i {
 text-shadow: none;
}.post-stats span {
 padding-right: 0.75rem;
}

.post-pills {
 padding: 0.5rem 0 0.25rem 0;
 display: flex;
}

.blog-post .btn-toolbar {
 padding: 1.25rem 0 1.25rem 0;
}

.post-body p:first-child {
 margin-top: 0;
}

.blog-post .badge {
 color: var(--bs-body-color);
}

.blog-post .bg-image {
 margin: 0 auto 1rem auto;
 height: calc(var(--app-inner-height) * 0.25);
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 object-fit: cover;
 object-position: center;
 vertical-align: middle;
}

.post-author-about {
 margin: 1rem 0;
 padding: 1rem;
 font-size: calc(1.1rem + 0.15vw);
 outline: 0.063rem solid var(--ggg-outline-color);
}

.post-author-about .box {
 display: flex;
 padding: 0.5rem 1rem;
}

.post-author-about .photo {
 padding: 0.5rem;
}



.contact-svg .scene {
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 z-index: 2;
}

.contact-svg .scene {
 filter: blur(0rem);
 color: #dc354643;
}

.contact-svg .error-contact {
 filter: invert(51%) sepia(73%) saturate(6341%) hue-rotate(333deg) brightness(87%) contrast(98%) opacity(09%);
}

.contact-svg {
 opacity: 1;
 transition: opacity 300ms;
 -webkit-transition: opacity 300ms;
 will-change: opacity;
}

.contact-svg .scene #rayo {
 filter: blur(0);
 opacity: 1;
}

.cntls-1 {
 fill: none;
}

.cntls-2 {
 clip-path: url(#clippath);
}

.cntls-3,
.cntls-4 {
 fill: #e8e8e8;
}

.cntls-4 {
 fill-rule: evenodd;
}

.cntls-5 {
 fill: #fcee21;
}

.cntls-6 {
 fill: #4f6b68;}

[data-bs-theme=dark] .cntls-6 {
 fill: #29295a;
}

.cntls-7 {
 fill: #0b080c;
 will-change: fill;
}

[data-bs-theme=dark] .cntls-7 {
 fill: #161019;
 will-change: fill;
}

.cntls-8 {
 fill: #495b59;
}

[data-bs-theme=dark] .cntls-8 {
 fill: #22224b;
}

.cntls-9 {
 fill: #e8e8e8;
 will-change: fill;
}

[data-bs-theme=dark] .cntls-9 {
 fill: #37293b;
 will-change: fill;
}

.cntls-10 {
 fill: #252e3a;
 transition: fill 900ms;
 -webkit-transition: fill 900ms;
 will-change: fill;
}

[data-bs-theme=dark] .cntls-10 {
 fill: #0a0a16;
}

.cntls-11 {
 fill: #0b080c;
}

[data-bs-theme=dark] .cntls-11 {
 fill: #262647;
}

.cntls-12 {
 fill: #e8e8ea;
 will-change: fill;
}

[data-bs-theme=dark] .cntls-12 {
 fill: #37293b;
 will-change: fill;
}

.cntls-13 {
 fill: #0b080c;
}

[data-bs-theme=dark] .cntls-13 {
 fill: #282840;
}

.cntls-14 {
 fill: url(#radial-gradient-7);
}

.cntls-14,
.cntls-15,
.cntls-16,
.cntls-17,
.cntls-18,
.cntls-19 {
 mix-blend-mode: color-dodge;
}

.cntls-14,
.cntls-15,
.cntls-16,
.cntls-17,
.cntls-18,
.cntls-19,
.cntls-20 {
 opacity: .4;
}

.cntls-15 {
 fill: url(#radial-gradient-5);
}

.cntls-16 {
 fill: url(#radial-gradient-3);
}

.cntls-17 {
 fill: url(#radial-gradient-6);
}

.cntls-18 {
 fill: url(#radial-gradient-4);
}

.cntls-19 {
 fill: url(#radial-gradient-2);
}

.cntls-21 {
 clip-path: url(#clippath-1);
}

.cntls-22 {
 clip-path: url(#clippath-2);
}

.cntls-23 {
 fill: url(#linear-gradient-2);
}

.cntls-23,
.cntls-24 {
 opacity: .17;
}

.cntls-24 {
 fill: url(#linear-gradient-3);
}

.cntls-25 {
 opacity: .15;
}

.cntls-26 {
 opacity: .2;
}

.cntls-27 {
 opacity: .3;
}

.cntls-28 {
 opacity: .25;
}

.cntls-29 {
 opacity: .6;
}

.cntls-30 {
 fill: url(#radial-gradient);
}

.cntls-31 {
 isolation: isolate;
}

.cntls-32 {
 fill: url(#linear-gradient);
 mix-blend-mode: screen;
}

.sky-1 {
 stop-color: #a5c2ac;
}

[data-bs-theme=dark] .sky-1 {
 stop-color: #0a1d4b;
}

.sky-2 {
 stop-color: #577d98;
}

[data-bs-theme=dark] .sky-2 {
 stop-color: #010819;
}

.rayo-off {
 opacity: 0;
 transition: opacity 600ms;
 -webkit-transition: opacity 600ms;
 will-change: opacity;
}

.rayo-1 {
 stop-color: #fcee21;
 stop-opacity: 0.2;
}

[data-bs-theme=dark] .rayo-1 {
 stop-color: #fcee21;
 stop-opacity: 0.2;
}

.rayo-2 {
 stop-color: #e99600;
 stop-opacity: 0.7;
}

[data-bs-theme=dark] .rayo-2 {
 stop-color: #fcee21;
 stop-opacity: 0.7;
}

.luz-off {
 opacity: 0;
 transition: opacity 600ms;
 -webkit-transition: opacity 600ms;
 will-change: opacity;
}

#estrellas {
 opacity: 0;
}

[data-bs-theme=dark] #estrellas {
 opacity: 1;
}

.montanias-1 {
 fill: #5d7f7d;
 transition: fill 900ms;
 -webkit-transition: fill 900ms;
 will-change: fill;
}

[data-bs-theme=dark] .montanias-1 {
 fill: #29295a;
 transition: fill 900ms;
 -webkit-transition: fill 900ms;
 will-change: fill;
}

.montanias-negro-1 {
 fill: #5d7f7d;
 transition: fill 900ms;
 -webkit-transition: fill 900ms;
}

[data-bs-theme=dark] .montanias-negro-1 {
 color: rgb(16, 16, 35);
 fill: rgba(9, 9, 18, 0.9);
 transition: fill 900ms;
 -webkit-transition: fill 900ms;
}

.montanias-negro {
 fill: #5d7f7d;
 transition: fill 900ms;
 -webkit-transition: fill 900ms;
}

[data-bs-theme=dark] .montanias-negro {
 fill: #000;
 transition: fill 900ms;
 -webkit-transition: fill 900ms;
 will-change: fill;
}

.montanias-2 {
 fill: #495b59;
 transition: fill 900ms;
 -webkit-transition: fill 900ms;
 will-change: fill;
}

[data-bs-theme=dark] .montanias-2 {
 fill: #22224b;
 transition: fill 900ms;
 -webkit-transition: fill 900ms;
}

.montanias-negro-2 {
 fill: #495b59;
 transition: fill 900ms;
 -webkit-transition: fill 900ms;
}

[data-bs-theme=dark] .montanias-negro-2 {
 color: rgba(12, 12, 27, 0.9);
 fill: rgba(6, 6, 15, 0.9);
 transition: fill 900ms;
 -webkit-transition: fill 900ms;
}

.frente-negro {
 fill: #252e3a;
}

[data-bs-theme=dark] .frente-negro {
 fill: #000;
}

.frente-10 {
 fill: #252e3a;
}

[data-bs-theme=dark] .frente-10 {
 fill: #0a0a16;
}

.fondo-on-off {
 opacity: 1;
 transition: opacity 600ms;
 -webkit-transition: opacity 600ms;
 will-change: opacity;
}

[data-bs-theme=dark] .fondo-on-off {
 opacity: 0;
 transition: opacity 600ms;
 -webkit-transition: opacity 600ms;
 will-change: opacity;
}

.fondo-luz-off {
 opacity: 0;
 transition: opacity 600ms;
 -webkit-transition: opacity 600ms;
 will-change: opacity;
}

.fondo-luz-on {
 opacity: 1;
 transition: opacity 600ms;
 -webkit-transition: opacity 600ms;
 will-change: opacity;
}

#ufo {
 will-change: transform;
}

#ufo #completo g path {
 -webkit-animation: ufoanimelight 400ms infinite alternate-reverse;
 animation: ufoanimelight 400ms infinite alternate-reverse;
 will-change: transform;
}

[data-bs-theme=dark] #ufo #completo g path {
 -webkit-animation: ufoanimedark 400ms infinite alternate-reverse;
 animation: ufoanimedark 400ms infinite alternate-reverse;
 will-change: transform;
}

#rayo g {
 will-change: opacity, transform;
}

@keyframes ufoanimedark {
 0% {
  opacity: 0.89;
  fill: rgba(11, 8, 12, 0.284);
 }
 15% {
  opacity: 0.91;
  fill: rgba(11, 8, 12, 0.566);
 }
 35% {
  opacity: 0.96;
  fill: #221a25;
  fill: rgba(11, 8, 12, 0.614);
 }
 35% {
  opacity: 0.97;
  fill: #221a25;
  fill: rgba(11, 8, 12, 0.758);
 }
 55% {
  opacity: 0.91;
  fill: rgba(11, 8, 12, 0.98);
 }
 100% {
  opacity: 0.99;
  fill: rgba(11, 8, 12, 0.88);
 }
}

@keyframes ufoanimelight {
 0% {
  opacity: 0.61;
  fill: #36273a;
 }
 15% {
  opacity: 0.69;
  fill: #221a25;
 }
 35% {
  opacity: 0.76;
  fill: #221a25;
 }
 35% {
  opacity: 0.77;
  fill: #0b080c;
 }
 50% {
  opacity: 0.86;
  fill: #221a25;
 }
 100% {
  opacity: 0.96;
  fill: #0b080c;
 }
}



.mensajero i {
 color: var(--bs-link-color);
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.10);
}

.mensajero .card-chat .card-actions {
 width: 100%;
 height: 2rem;
 padding: 0.15rem 0.85rem 0.15rem 0.85rem;
 font-size: 0.85rem;
 background-color: var(--bs-card-cap-bg);
 border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.mensajero .receptor-actions,
.mensajero .emisor-actions {
 margin: 0;
 padding: 0.15rem 0.35rem 0.25rem 0.35rem;
}

.mensajero .card-chat .card-body {
 margin: 0;
 padding: 0;
 background-color: none;
}

.mensajero .card-display {
 margin: 0;
 padding: 0.35rem 0.35rem 0.25rem 0.35rem;
 font-size: 0.95rem;
 line-height: 1.2;
 border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.mensajero .btn-msjo-enviar i {
 color: rgba(var(--bs-link-color-rgb), 0.3);
}

.mensajero .card-chat .sender {
 display: block;
 padding: 0.35rem 0 0.85rem 0;
 margin: 0.55rem 0 0 0;
 height: auto;
}

.mensajero .card-chat .sender .message {
 display: block;
 margin: 0 0.85rem 0 0.85rem;
 padding: 0.75rem 0.85rem 0.15rem 0.75rem;
 border-bottom: 0.063rem solid rgba(255, 255, 255, 0.1);
}

[data-bs-theme=light] .mensajero .card-chat .sender .message {
 border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.mensajero .card-chat .sender .user-box {
 display: block;
 margin: 0 auto;
 padding: 0.55rem 0 0 0.95rem;
 min-height: 4rem;
}

.mensajero .card-chat .sender .nick {
 margin: 0;
 padding: 0;
 color: rgba(var(--bs-body-color-rgb), 0.9);
 font-size: 1rem;
 line-height: 1rem;
}

.mensajero .card-chat .sender .time {
 display: block;
 padding: 0;
 margin: 0;
 padding-top: 0.35rem;
 padding-left: 0.5rem;
 color: rgba(108, 117, 125, 0.8);
 font-style: italic;
 font-size: 0.85rem;
 line-height: 1rem;
}

.mensajero .card-chat .replay {
 padding: 0.35rem 0 0.85rem 0;
 margin: 0.55rem 0 0 0;
 height: auto;
 text-align: right;
}

.mensajero .card-chat .replay .message {
 display: block;
 margin: 0 0.85rem 0 0.85rem;
 padding: 0.75rem 0.75rem 0.15rem 0.85rem;
 border-bottom: 0.063rem solid rgba(255, 255, 255, 0.1);
}

[data-bs-theme=light] .mensajero .card-chat .replay .message {
 border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.mensajero .card-chat .replay .user-box {
 display: block;
 margin: 0 auto;
 padding: 0.55rem 0.95rem 0 0;
 min-height: 4rem;
}

.mensajero .card-chat .replay .nick {
 display: inline-block;
 margin: 0;
 padding: 0;
 color: rgba(var(--bs-body-color-rgb), 0.9);
 font-size: 1rem;
 line-height: 1rem;
}

.mensajero .card-chat .replay .thumb {
 margin: 0.15rem 0 0 0;
 padding: 0;
 height: 1.250rem;
 width: 1.250rem;
}

.mensajero .card-chat .replay .time {
 display: block;
 padding: 0;
 padding-top: 0.35rem;
 padding-right: 0.5rem;
 margin: 0;
 color: rgba(108, 117, 125, 0.8);
 font-style: italic;
 font-size: 0.85rem;
 line-height: 1rem;
}

.user-online {
 color: #198754;
}

.user-offline {
 color: #bebebe;
}



:root {
 --vjs-bg-image-filter-opacity: 1;
 --vjs-bg-image-color: rgba(var(--ggg-bg-footer-color-rgb), 1);
 --vjs-bg-image-url: url('../../images/musiteca/casettes/vhs-player-azul-960x540.svg');
}

.video-box-videoteca {
 --big-play-bg-color: rgba(0, 0, 0, 0.7);
 --big-play-bg-color-rgb: 0, 0, 0;
 --big-play-border-color: rgba(0, 0, 0, 0.7);
 --big-play-border-radius: 3.125rem;
 --big-play-border-width: 0.063rem;
 --control-bg-color: rgba(0, 0, 0, 0.7);
 --control-bg-alpha: 0.7;
 --vp-control-bg-color-rgb: rgba(0, 0, 0, 0.7);
 --vjs-control-bg-color-rgb: 132, 150, 96;
 --vp-control-bg-color-rgb: rgba(12, 14, 18, 0.7);
 --vjs-control-bg-color-rgb: 12, 14, 18;
 --vjs-white-color: #f0f0f0;
}

.section-videoplayer {
 margin: 0 auto;
 padding: 0;width: 100%;height: calc(100vh - (var( --app-footer-section)));
 display: grid;
 place-items: center;
 z-index: 11;
 background-color: transparent;
}

.section-videoplayer-playlist {
 position: relative;
 margin: 0 auto;
 padding: 0;
 width: 100%;height: calc(100vh - (var( --app-footer-section)));
 display: grid;
 place-items: center;
 z-index: 11;
 background-color: transparent;
}

.videoteca-section-black {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 background-color: rgba(0, 0, 0, 1);
 z-index: 100;
}

.video-box-videoteca {
 display: block;
 margin: 0 auto;
 padding: 0 0 1vh 0;
 width: 100%;
 height: auto;
 inset: 0;
 overflow: hidden;
 background-color: transparent;
}.video-js {
 display: inline-block;
 vertical-align: top;
 box-sizing: border-box;
 color: #fff;
 background-color: #000;
 position: relative;
 padding: 0;
 font-size: 10px;
 line-height: 1;
 font-weight: normal;
 font-style: normal;
 font-family: Arial, Helvetica, sans-serif;
 word-break: initial;
}

.video-box-videoteca .video-js {
 --bs-text-opacity: 1;
 color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.159);
}

.video-box-videoteca .vjs-control-bar {
 color: var(--vjs-white-color);
 background-color: var(--vp-control-bg-color-rgb);
 font-size: 1.3em;
}

.videoteca-section-black.is-no-visible {
 opacity: 0;
}

.videoteca-section-black.is-visible {
 opacity: 1;
}

.video-box--player .vjs-big-play-button,
.video-box--player .vjs-big-play-button:focus {
 margin-left: -3rem;
 background-color: var(--big-play-bg-color);
 border: var(--big-play-border-width) solid var(--big-play-border-color);
 border-radius: var(--big-play-border-radius);
 width: 6.5rem;
 height: 6.5rem;
 font-size: 6em;
 line-height: 1.8em;
 cursor: pointer;
}

.video-box--player:hover .vjs-big-play-button {
 background-color: var(--vp-control-bg-color-rgb);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
 border: var(--big-play-border-width) solid var(--big-play-border-color);
 border-radius: var(--big-play-border-radius);
 background-color: rgba(var(--big-play-bg-color-rgb), 0.5);
}

.canvas-element {
 display: none;
}

.video-js button {
 color: var(--bs-link-color);
}

.video-js button:hover,
.video-js button:focus,
.video-js button:active,
.video-js button .vjs-control-text:hover {
 color: var(--bs-link-hover-color);
}

.vjs-menu-button {
 color: var(--bs-link-color);
}

.vjs-time-control {
 color: var(--bs-link-color);
}

.video-box--player .video-js .vjs-load-progress {
 background: rgba(var(--vjs-control-bg-color-rgb), 0.5);
}

.video-js .vjs-play-progress {
 background-color: var(--bs-link-color);
}

.video-box--player .vjs-poster img {
 opacity: 1;
 pointer-events: none;
 -webkit-transition: opacity 400ms;
 transition: opacity 400ms;
 will-change: opacity;
}

.playlist-box .vjs-selected .vjs-playlist-name,
.playlist-box .vjs-selected .vjs-playlist-now-playing-text {
 color: var(--bs-link-hover-color);
}

.bg-poster-fadein {
 -moz-animation: fadeIn 500ms ease-in forwards;
 -webkit-animation: fadeIn 500ms ease-in forwards;
 -o-animation: fadeIn 500ms ease-in forwards;
 animation: fadeIn 500ms ease-in forwards;
}

.bg-poster-fadeout {
 -moz-animation: fadeOut 500ms ease-in forwards;
 -webkit-animation: fadeOut 500ms ease-in forwards;
 -o-animation: fadeOut 500ms ease-in forwards;
 animation: fadeOut 500ms ease-in forwards;
 -moz-animation-delay: 100ms;
 -webkit-animation-delay: 100ms;
 -o-animation-delay: 100ms;
 animation-delay: 100ms;
}



.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
 --bs-offcanvas-zindex: 1045;
 --bs-offcanvas-width: 400px;
 --bs-offcanvas-height: 30vh;
 --bs-offcanvas-padding-x: 1rem;
 --bs-offcanvas-padding-y: 1rem;
 --bs-offcanvas-color: var(--bs-body-color);
 --bs-offcanvas-bg: var(--bs-body-bg);
 --bs-offcanvas-border-width: var(--bs-border-width);
 --bs-offcanvas-border-color: var(--bs-border-color-translucent);
 --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
 --bs-offcanvas-transition: transform 0.3s ease-in-out;
 --bs-offcanvas-title-line-height: 1.5;
}

.offcanvas.info-v-offcanvas {
 --bs-offcanvas-width: 100%;
 --bs-offcanvas-height: auto;
 --bs-offcanvas-padding-x: 1rem;
 --bs-offcanvas-padding-y: 1rem;
 --bs-offcanvas-border-width: var(--bs-border-width);
 --bs-offcanvas-border-color: var(--bs-border-color-translucent);
 --bs-offcanvas-zindex: 2140;
 border-radius: 0;
 border: 0.063rem solid rgba(0, 0, 0, 0.175);
 border: none;
}

.offcanvas.info-v-offcanvas::after {
 box-shadow: 0 0.25rem 1.875rem rgba(0, 0, 0, 0.1);
 -webkit-backdrop-filter: blur(0.725rem);
 backdrop-filter: blur(0.725rem);
 border: 0.063rem solid rgba(255, 255, 255, 0.1);
 border: 0.063rem solid rgba(0, 0, 0, 0.175);
 border: none;
 transition-duration: 300ms;
 -webkit-transition-duration: 300ms;
 transform: translateZ(0) translate3d(0, 0, 0);
}

[data-bs-theme=dark] .offcanvas.info-v-offcanvas {
 background: rgba(var(--bs-body-bg-rgb), 0.75);
 backdrop-filter: blur(0.45rem);
 -webkit-backdrop-filter: blur(0.45rem);
}

.info-v-offcanvas .offcanvas-header {
 margin: 0;
 text-align: center;
}

.info-v-offcanvas .offcanvas-header .btn-close {
 width: 100%;
}

.info-v-offcanvas .offcanvas-footer {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.info-v-offcanvas .offcanvas-footer .btn-close {
 width: 100%;
}

.info-v-offcanvas .offcanvas-header .btn-close,
.info-v-offcanvas .offcanvas-footer .btn-close {
 width: 100%;
}

.offcanvas.info-v-offcanvas .offcanvas-body {
 --ggg-line-height: 1;
 flex-grow: 1;
 padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
 height: 58vh;
 line-height: 1.4;
 background: none;
 overflow: hidden;
 overflow-y: auto;
}

@media (min-width: 576px) {
 .offcanvas.info-v-offcanvas .offcanvas-body {
  height: 60vh;
 }
}

@media (min-width: 768px) {
 .offcanvas.info-v-offcanvas .offcanvas-body {
  height: 62vh;
 }
}

@media (min-width: 992px) {
 .offcanvas.info-v-offcanvas .offcanvas-body {
  height: 64vh;
 }
}

.offcanvas.info-v-offcanvas .offcanvas-body i {
 color: var(--bs-link-color);
}

.offcanvas.info-v-offcanvas .offcanvas-body .title {
 padding-left: 0.5rem;
}

.offcanvas.info-v-offcanvas .offcanvas-body .info-video {
 padding-left: 1rem;
 display: flex;
 color: var(--ggg-label-font-color);
}

.offcanvas.info-v-offcanvas .offcanvas-body .referencias {
 margin: 1rem 0;
 padding: 0.5rem 1.5rem;
 font-size: 0.8rem;
}



:root {
 --vtl-color-1: rgba(233, 55, 64, 0.90);
 --vtl-color-2: rgba(127, 99, 239, 0.9);
 --vtl-color-3: rgba(49, 235, 213, 0.9);
 --vtl-color-4: rgba(206, 163, 77, 0.9);
 --vtl-color-5: rgba(173, 58, 222, 0.9);
 --vtl-color-6: rgba(23, 185, 244, 0.9);
 --vtl-color-7: rgba(70, 47, 161, 0.9);
}

[data-bs-theme=dark] {
 --vtl-color-1: rgba(233, 55, 64, 0.75);
 --vtl-color-2: rgba(127, 99, 239, 0.75);
 --vtl-color-3: rgba(49, 235, 213, 0.75);
 --vtl-color-4: rgba(206, 163, 77, 0.75);
 --vtl-color-5: rgba(173, 58, 222, 0.75);
 --vtl-color-6: rgba(23, 185, 244, 0.75);
 --vtl-color-7: rgba(70, 47, 161, 0.75);
}

.videoteca-holder {
 position: relative;
 display: block;
 margin: 0 auto;
 width: 100%;
 min-height: calc(100vh - (var( --app-footer-section)));
 display: grid;
 place-items: center;
 justify-content: start;
 z-index: 3;
 mix-blend-mode: difference;
}

.videoteca-holder-letras {
 position: fixed;
 display: block;
 margin: auto;
 top: 0;
 left: 0;
 height: 100vh;
 top: calc(45%);
 -webkit-transition: top 400ms;
 transition: top 400ms;
 will-change: top;
}

.videoteca-letras {
 margin: 0 auto;
 padding: 0 0 0 0.5rem;
 display: block;
 width: calc(100vw - 1rem);
 height: auto;
 transform-box: fill-box;
 -webkit-transition: width 300ms, height 300ms, transform 600ms;
 transition: width 300ms, height 300ms, transform 600ms;
 will-change: width, height, transform;
}

@media (min-width: 768px) {
 .videoteca-holder-letras {
  top: calc(47.5%);
 }
 .videoteca-letras {
  padding: 0 0 0 1rem;
  width: calc(80vw - 2rem);
 }
}

@media (min-width: 1200px) {
 .videoteca-holder-letras {
  top: calc(50% - 2rem);
 }
 .videoteca-letras {
  padding: 0 0 0 2rem;
  width: calc(60vw - 2rem);
 }
}

.vtls-color {
 fill: rgba(255, 255, 255, 0.90);
}

[data-bs-theme=dark] .vtls-color {
 fill: #9e9e9e;
 fill: rgba(255, 255, 255, 0.95);
}

.videoteca-svg {
 position: fixed;
 margin: auto;
 top: 0;
 left: 0;
 width: 100%;
 min-height: calc(100vh - (var( --app-footer-section) - var(--app-footer-gap)));
 z-index: 2;
}

.videoteca-svg svg path {
 opacity: 1;
 transform-box: fill-box;
}

.videoteca-svg .scene {
 display: block;
 margin: auto;
 width: 100%;
 min-height: calc(100vh - (var( --app-footer-section) - var(--app-footer-gap)));
 z-index: 2;
}

@media (min-width: 576px) {
 .videoteca-svg {
  min-height: calc(100vh - (var( --app-footer-section)));
 }
 .videoteca-svg .scene {
  min-height: calc(100vh - (var( --app-footer-section)));
 }
}

.videoteca-svg .scene .lineas-colores polygon {
 filter: drop-shadow(0.2rem 0.2rem 0.08rem rgba(0, 0, 0, 0.9));
}

.videoteca-svg .scene .lineas-group-1 {
 display: block;
 margin: auto;
 width: 100%;
 height: 100vh;
 filter: drop-shadow(0.2rem 0.2rem 0.08rem rgba(0, 0, 0, 0.6));
 background-color: yellowgreen;
 z-index: 3;
}

.lineas-group-2 {
 filter: drop-shadow(0.2rem 0.2rem 0.08rem rgba(0, 0, 0, 0.6));
 background-color: red;
}

.vtlns-1 {
 fill: var(--vtl-color-1);
 filter: drop-shadow(0.15rem 0.15rem 0.1rem var(--vtl-color-1));
}

.vtlns-2 {
 fill: var(--vtl-color-2);
}

.vtlns-3 {
 fill: var(--vtl-color-3);
}

.vtlns-4 {
 fill: var(--vtl-color-4);
}

.vtlns-5 {
 fill: var(--vtl-color-5);
}

.vtlns-6 {
 fill: var(--vtl-color-6);
}

.vtlns-7 {
 fill: var(--vtl-color-7);
}

.vtlns-8 {
 isolation: isolate;
 fill: none;
 stroke: rgba(37, 37, 37, 0.15);
 stroke-miterlimit: 10;
}

[data-bs-theme=dark] .vtlns-8 {
 isolation: isolate;
 stroke: rgba(76, 76, 76, 0.15);
}



.video-box-musiteca {
 --big-play-bg-color: rgba(0, 0, 0, 0.7);
 --big-play-bg-color-rgb: 0, 0, 0;
 --big-play-border-color: rgba(0, 0, 0, 0.7);
 --big-play-border-radius: 3.125rem;
 --big-play-border-width: 0.063rem;
 --control-bg-color: rgba(0, 0, 0, 0.7);
 --control-bg-alpha: 0.7;
 --vp-control-bg-color-rgb: rgba(0, 0, 0, 0.7);
 --vjs-control-bg-color-rgb: 132, 150, 96;
 --vp-control-bg-color-rgb: rgba(12, 14, 18, 0.7);
 --vjs-control-bg-color-rgb: 12, 14, 18;
 --vjs-white-color: #f0f0f0;
}

.video-box-musiteca {
 display: block;
 margin: 0 auto;
 padding: 0 0 1vh 0;
 width: 100%;
 height: auto;
 inset: 0;
 overflow: hidden;
 background-color: transparent;
}

.video-js {
 display: inline-block;
 vertical-align: top;
 box-sizing: border-box;
 color: #fff;
 background-color: #000;
 position: relative;
 padding: 0;
 font-size: 10px;
 line-height: 1;
 font-weight: normal;
 font-style: normal;
 font-family: Arial, Helvetica, sans-serif;
 word-break: initial;
}

.video-box-musiteca .video-js {
 --bs-text-opacity: 1;
 color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.159);
}

.video-box-musiteca .vjs-control-bar {
 color: var(--vjs-white-color);
 background-color: var(--vp-control-bg-color-rgb);
 font-size: 1.3em;
}

.playlist-player .page-header {
 padding: 0.25rem 0 0 0.25rem;
 height: 60px;
 text-align: center;
}

.playlist-player .page-header h1 {
 line-height: 0.9;
 word-wrap: break-word !important;
 word-break: break-word !important;
}

@media (min-width: 768px) {
 .playlist-player .page-header h1 {
  font-weight: 800;
 }
}

.playlist-aside {
 padding: 0rem 0.15rem 2rem 0.15rem;
 margin-top: 0;
 height: calc(100vh - (var( --app-videoplayer) + var( --app-footer-section) + 5px));
 inset: 0;
 overflow: hidden;
 overflow-y: scroll;
 background-color: transparent;
}

@media (min-width: 768px) {
 .playlist-aside {
  padding: 0rem 0.15rem 1rem 0.15rem;
  margin-top: 60px;
  height: calc(40vw + 1.2rem);
 }
}

@media (min-width: 992px) {
 .playlist-aside {
  height: calc(40vw + 1.50rem);
 }
}

@media (min-width: 1200px) {
 .playlist-aside {
  height: calc(40vw + 2.5rem);
 }
}

@media (min-width: 1400px) {
 .playlist-aside {
  height: calc(40vw + 2.75rem);
 }
}

.playlist-box {
 padding: 0.10rem 0.10rem;
 display: flex;
 align-items: center;
 flex-direction: column;
 background-color: transparent;
}



.card-playlist {
 margin: 0;
 padding: 0;
 background-color: rgba(var(--bg-light-gray-rgb), 0.8);
 background-color: rgba(var(--ggg-bg-footer-color-rgb), 0.159);
}

.card-playlist {
 position: relative;
 height: 100% !important;
 color: #fff !important;
 background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
 border-radius: var(--bs-border-radius-xl) !important;
 box-shadow: var(--bs-box-shadow-sm) !important;
 overflow: hidden !important;
 isolation: isolate;
}

.card-playlist--holder {
 position: relative;
 margin: auto;
 padding: 0;
 width: 100%;
 height: 100%;
 display: grid;
 align-items: center;
 overflow: hidden;
}.card-playlist--cover {
 position: absolute;
 margin: auto;
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 vertical-align: middle;
 -o-object-fit: cover !important;
 object-fit: cover !important;
 overflow: hidden !important;
 opacity: 1;
 filter: grayscale(0.6) opacity(0.6);
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
 -webkit-transition: opacity 1000ms, transform 1000ms;
 transition: opacity 1000ms, transform 1000ms;
}

.card-playlist--inner {
 --bs-text-opacity: 1;
 margin: 0;
 padding: 1rem 0.5rem;
 height: 100%;
 display: flex !important;
 flex: 1 1 auto;
 flex-direction: column !important;
 display: flex;
 flex-direction: column;
 color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, .25);
 isolation: isolate;
}

.card-playlist a:hover .card-playlist--cover,
.card-playlist a:focus .card-playlist--cover {
 filter: grayscale(0) opacity(0.9);
 transform: scale(1);
 opacity: 1;
}

.card-playlist--title {
 margin: 0.75rem 0 1rem 0;
 padding: 1rem 0.25rem;
 display: grid;
 place-items: center;
 justify-content: start;
 justify-items: stretch;
 text-align: start;
 min-height: 12.5rem;
 font-family:'futura-bold';
 color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
 text-shadow: 0.093rem 0.093rem 0.093rem rgba(0, 0, 0, .85);
}

.card-playlist--title h2 {
 font-size: calc(1.75rem + 1.2vw);
 font-weight: 500;
 line-height: 1.5;
}

@media (min-width: 768px) {
 .card-playlist--title {
  padding: 1rem 0.5rem;
 }
}

@media (min-width: 1200px) {
 .card-playlist--title {
  padding: 1.5rem 0.75rem;
 }
 .card-playlist--title h2 {}
}

.card-playlist--feature {
 margin: 1.25rem 0 0.75rem 0;
 padding: 0.5rem 0.5rem;
 display: flex;
 justify-content: space-around;
 align-items: center;
}

.card-playlist--feature {
 --bs-text-opacity: 1;
 font-weight: 0.8rem;
 font-weight: 800;
 color: rgba(250, 250, 250, 0.75);
 text-shadow: 0.063rem 0.063rem 0.093rem rgba(0, 0, 0, .85);
}



.musiteca-holder {
 position: relative;
 display: block;
 margin: 0 auto;
 width: 100%;
 min-height: calc(100vh - (var( --app-footer-section)));
 display: grid;
 place-items: center;
 justify-content: start;
 z-index: 3;
 mix-blend-mode: difference;
}

.musiteca-svg {
 bottom: 0;
 left: 0;
 margin: auto;
 width: 100%;
 height: 100%;
 z-index: 2;
}

.musiteca-svg-off svg path {
 opacity: 1;
 transform-box: fill-box;
}

.musiteca-svg-off .scene {
 display: block;
 margin: auto;
 width: 100%;
 min-height: calc(100vh - (var( --app-footer-section) - var(--app-footer-gap)));
 z-index: 2;
}

.musiteca-svg .scene-svg {
 position: absolute;
 opacity: 1;
 top: calc(var(--app-doc-height) + 1px);
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 transform-box: fill-box;
 z-index: 2;
}

.muequa-1,
.muequa-2 {
 fill: none;
}

.muequa-2 {
 stroke: url(#linear-gradient);
}

.muequa-3 {
 clip-path: url(#clippath);
}

.muequa-2 {
 stroke: #423c35;
 stroke-miterlimit: 10;
 stroke-width: .4px;
}

.muequa-4 {
 fill: #f7bb3f;
}

.muequa-5 {
 fill: #ec6022;
}

.muequa-6 {
 fill: #e1222a;
}

.muequa-7 {
 fill: #3f9450;
}

.muequa-8 {
 fill: #59a8ad;
}



.calendar {
 width: 350px;
 margin: 50px auto 0;
}

.calendar__month {
 font-size: 20px;
 font-weight: 800;
 padding: 10px 0;
 width: 100%;
 position: relative;
 background-color: red;
}

.cal-month__previous,
.cal-month__next {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 cursor: pointer;
 width: 30px;
 height: 30px;
 text-align: center;
}

.cal-month__previous:hover,
.cal-month__next:hover {
 background-color: #42A5F5;
 box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.75);
 border-radius: 50%;
 font-weight: 800;
 color: #111;
}

.cal-month__next {
 right: 0;
}

.cal-month__current {
 text-align: center;
 color: #e1e1e1;
}

.cal-head__day,
.cal-body__day {
 display: inline-block;
 width: 50px;
 height: 50px;
 float: left;
}

.cal-body__week,
.calendar__head {
 display: block;
 height: 50px;
 width: 350px;
}

.calendar__head {
 line-height: 50px;
 position: relative;
}

.calendar__head:after {
 content:" ";
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 height: 1px;
 background-color: #90CAF9;
}

.cal-body__day {
 color: #777;
 line-height: 50px;
 text-align: center;
 cursor: pointer;
}

.cal-day__month--current {
 color: #e1e1e1;
}

.cal-day__day--today {
 font-weight: 800;
 color: #2196f3;
}

.cal-day__day--selected {
 background-color: #2196f3;
 box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.75);
 border-radius: 50%;
 color: #111;
}

.table.table-calendar {
 --bs-table-color-type: initial;
 --bs-table-bg-type: initial;
 --bs-table-color-state: initial;
 --bs-table-bg-state: initial;
 --bs-table-color: var(--bs-emphasis-color);
 --bs-table-bg: var(--bs-body-bg);
 --bs-table-border-color: var( --bs-border-color-translucent);
 --bs-table-accent-bg: transparent;
 --bs-table-striped-color: var(--bs-emphasis-color);
 --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
 --bs-table-active-color: var(--bs-emphasis-color);
 --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
 --bs-table-hover-color: var(--bs-emphasis-color);
 --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
}

.table-calendar td {
 --bs-table-bg: rgba( var(--bs-secondary-bg-rgb), 0.75);
}

[data-bs-theme=dark] .table-calendar td {
 --bs-table-bg: rgba( var(--bs-secondary-bg-rgb), 0.1);
}

.table-calendar .table-day {
 --bs-table-color: rgba( var(--bs-body-color-rgb), 0.45);
 --bs-table-bg: rgba( var(--bs-body-color-rgb), 0.1);
 --bs-table-border-color: var( --bs-border-color-translucent);
 padding: 0.25rem 0.25rem;
}

.table-calendar .table-day--available {
 --bs-table-color: var(--bs-emphasis-color);
 --bs-table-color: rgba(var(--bs-emphasis-color-rgb), 0.95);
 --bs-table-bg: rgba(var(--bs-success-bg-subtle-rgb), 0.75);
}

[data-bs-theme=dark] .table-calendar .table-day--available {
 --bs-table-color: var(--bs-emphasis-color);
 --bs-table-bg: rgba(var(--bs-success-rgb), 0.2);
}

.table-calendar .table-day--available:hover {
 --bs-table-bg: rgba(var(--bs-success-rgb), 0.5);
}

.table-calendar .table-day--today {
 --bs-table-color: rgba( var(--bs-body-color-rgb), 0.95);
 --bs-table-border-color: var( --bs-border-color-translucent);
 border-color: var(--bs-table-border-color);
 border-width: var(--bs-border-width);
 background-color: rgba(88, 161, 0, 0.25);
}

.table-calendar th {
 --bs-table-border-color: var( --bs-border-color-translucent);
 --bs-accordion-border-width: var(--bs-border-width);
 --bs-accordion-border-radius: var(--bs-border-radius);
}

.table-calendar th.date {
 font-size: calc(1.8rem + 0.15vw);
}

.table-calendar td .btn {
 --bs-btn-color: rgba(var(--bs-body-color-rgb), 0.6);
 --bs-btn-hover-bg: #212529;
 --bs-btn-border-color: var( --bs-border-color-translucent);
 --bs-btn-border-radius: 0;
 --bs-btn-hover-border-color: var( --bs-border-color-translucent);
 display: block;
}

.table-calendar td .btn-check+.btn:hover {
 color: var(--bs-btn-color);
 background-color: rgba(var(--bs-success-rgb), 0.5);
 border-color: var(--bs-btn-border-color);
}

.table-calendar td .btn-check:checked+.btn,
.table-calendar td :not(.btn-check)+.btn:active,
.table-calendar td .btn:first-child:active,
.table-calendar td .btn.active,
.table-calendar td .btn.show {
 color: var(--bs-btn-active-color);
 background-color: rgba(var(--bs-success-rgb), 0.5);
 border-color: var(--bs-btn-active-border-color);
}

.table-hover>tbody>tr:hover>* {
 --bs-table-color-state: var(--bs-table-hover-color);
 --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-day-select .title {
 --bs-table-border-color: var( --bs-border-color-translucent);
 border-width: var(--bs-border-width);
 border-top: none;
 border-left: none;
 border-right: none;
 font-size: calc(1.4rem + 0.15vw);
 line-height: 1.2;
 display: flex;
 justify-content: center;
 align-items: center;
}

.table-day-select .title .day {
 display: block;
}

.table-day-select .title .num {
 font-size: calc(1.8rem + 0.15vw);
}

.table-day-select .title .date-hour {
 padding: 0 0 0 1rem;
 display: block;
 font-size: calc(1.8rem + 0.15vw);
 color: var(--ggg-label-font-color);
 opacity: 0.75;
}

.date-title {
 --bs-table-border-color: var( --bs-border-color-translucent);
 border-width: var(--bs-border-width);
 border-top: none;
 border-left: none;
 border-right: none;
 padding: 0.5rem 1rem;
 font-size: calc(1.3rem + 0.15vw);
 font-weight: bolder;
 text-align: center;
 line-height: 1.2;
 display: flex;
 justify-content: center;
 align-items: center;
}

.date-title .day {
 display: block;
 font-weight: bolder;
}

.date-title .month {
 display: inline-block;
 --bs-text-opacity: 1;
 color: var(--bs-secondary-color);
 font-size: calc(1.6rem + 0.15vw);
}

.date-title .num {
 font-size: calc(1.8rem + 0.15vw);
}

.date-title .date-hour {
 padding: 0 0 0 1rem;
 display: block;
 font-size: calc(1.8rem + 0.15vw);
 color: var(--ggg-label-font-color);
 opacity: 0.75;
}

.table-day-select .list-hours {
 padding: 1rem 0.5rem;
 display: flex;
 flex-direction: column;
 gap: 1.5rem;
 align-items: center;
 justify-content: center;
}

.table-day-select .list-group {
 --bs-list-group-bg: none;
 --bs-list-group-active-bg: none;
 --bs-list-group-active-border-color: #0d6efd;
 --bs-list-group-item-padding-x: 3rem;
 display: grid;
 gap: 0.5rem;
 border: 0;
 line-height: 1.2;
}

.table-day-select .list-group-item {
 position: relative;
 display: block;
 padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
 color: var(--bs-list-group-color);
 text-decoration: none;
 background-color: var(--bs-list-group-bg);
 border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
 font-size: calc(1.2rem + 0.15vw);
}

.table-day-select .list-group-item span {
 display: block;
 font-size: calc(0.875rem + 0.15vw);
}

.accordion.accordion-cal {
 border: none;
}

.accordion-cal .accordion-item {
 border: none;
}

.accordion.accordion-payment {
 border: none;
}

.accordion-payment .accordion-item {
 border: none;
}



.card-clock {
 margin: 0;
 width: 100%;
}

.clock-digits {
 font-size: calc(2rem + 1.5vw);
 font-weight: bolder;
 text-align: center;
}



.table.table-consult {
 --bs-table-color-type: initial;
 --bs-table-bg-type: initial;
 --bs-table-color-state: initial;
 --bs-table-bg-state: initial;
 --bs-table-color: var(--bs-emphasis-color);
 --bs-table-bg: var(--bs-body-bg);
 --bs-table-border-color: var(--bs-border-color);
 --bs-table-border-color: rgba(0, 0, 0, 0.175);
 --bs-border-width: 0.063rem;
 --bs-table-accent-bg: transparent;
 --bs-table-striped-color: var(--bs-emphasis-color);
 --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
 --bs-table-active-color: var(--bs-emphasis-color);
 --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
 --bs-table-hover-color: var(--bs-emphasis-color);
 --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
 width: 100%;
 margin-bottom: 1rem;
 vertical-align: top;
 border-color: var(--bs-table-border-color);
 border-width: calc(var(--bs-border-width) * 2) solid currentcolor;
 color: var(--bs-table-color);
 font-size: calc(1rem + 0.15vw);
}

[data-bs-theme=dark] .table.table-consult {
 --bs-table-border-color: rgba(255, 255, 255, 0.15);
}

.table.table-consult>tbody {
 vertical-align: inherit;
}

.table.table-consult> :not(caption)>*>* {
 padding: 0.5rem 0.5rem;
}

.table.table-consult th,
.table.table-consult td {
 vertical-align: middle;
}

.table.table-consult .boton {
 padding: 0;
 text-align: center;
 background-color: rgba(33, 37, 41, 0.15);
 vertical-align: middle;
}

.table-consult .Id {
 text-align: start;
 font-size: calc(0.75rem + 0.1vw);
}

.table-consult .Titulo {
 text-align: start;
 font-size: calc(1.2rem + 0.15vw);
}

.table-consult .total-txt {
 text-align: end;
 font-size: calc(1.2rem + 0.15vw);
}

.total-box .total {
 display: block;
 --bs-text-opacity: 1;
 color: rgba(var(--bs-success-rgb), var(--bs-text-opacity));
 font-size: calc(1.2rem + 0.15vw);
}

.table-consult i {
 color: var(--bs-link-color);
}

.item-pill::before {
 content:'#';
 color: var(--bs-link-color);
}



.content-box .logo-gerardo-gg-res {
 --lg-width: 6.5rem;
 --lg-height: 6.5rem;
}

@media (min-width: 576px) {
 .content-box .logo-gerardo-gg-res {
  --lg-width: 7rem;
  --lg-height: 7rem;
 }
}

@media (min-width: 768px) {
 .content-box .logo-gerardo-gg-res {
  --lg-width: 7rem;
  --lg-height: 7rem;
 }
}

.content-box {
 opacity: 1;
}

.content-box .logo-gerardo-gg,
.content-box .logo-gerardo-gg-res,
.content-box .site-title,
.content-box .site-subtitle,
.content-box .subtitle {
 opacity: 0;
}

.content-box.show {
 opacity: 1;
}

.content-box.show .logo-gerardo-gg,
.content-box.show .logo-gerardo-gg-res,
.content-box.show .site-title,
.content-box.show .site-subtitle,
.content-box.show .subtitle {
 opacity: 1;
}

.content-buttons {
 display: grid;
 place-items: center;
}

.content-buttons {
 display: none;
 opacity: 0;
}

.three-canvas {
 width: 100%;
 height: 100%;
 display: block;
}

.three-canvas-res {
 width: 100%;
 height: calc(100vh - (var( --app-footer-section)));
 display: block;
}

.lil-gui.autoPlace {
 z-index: 3001;
}



.theme-vue .heading-primary em {
 background-image: linear-gradient(to right, var(--tw-gradient-stops));
 --tw-gradient-from: #42b883 var(--tw-gradient-from-position);
 --tw-gradient-to: rgba(66, 184, 131, 0) var(--tw-gradient-to-position);
 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 --tw-gradient-to: #0ebbd2 var(--tw-gradient-to-position);
 -webkit-background-clip: text;
 background-clip: text;
 color: transparent;
 font-style: normal;
}

.theme-vue .heading-primary em {
 background-image: linear-gradient(to right, var(--tw-gradient-stops));
 --tw-gradient-from: #42b883 var(--tw-gradient-from-position);
 --tw-gradient-to: rgba(66, 184, 131, 0) var(--tw-gradient-to-position);
 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 --tw-gradient-to: #0ebbd2 var(--tw-gradient-to-position);
 -webkit-background-clip: text;
 background-clip: text;
 color: transparent;
 font-style: normal;
}

.dark body {
 --tw-bg-opacity: 1;
 background-color: rgb(26 26 26/var(--tw-bg-opacity));
}



.wrapper-compare {
 margin: 0;
 padding: 0;
 position: relative;
 width: 100%;
 height: 100vh;
 overflow: hidden;
 z-index: 11;
}

.layer {
 position: absolute;
 width: 100vw;
 height: 100%;
 overflow: hidden;
}

.layer .content-wrap {
 position: absolute;
 width: 100vw;
 height: 100%;
}

.layer .content-body {
 width: 55%;
 position: absolute;top: 25%;
 transform: translateY(-50%);
 color: #fff;
 background-color: rgba(25, 25, 25, 0.7);
}

.layer img {
 position: absolute;
 width: 100%;top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transition: opacity 600ms, transform 250ms;
 transition: opacity 600ms, transform 250ms;
}

.layer h1 {
 font-family:'Hellix';
 white-space: pre-wrap;
 font-weight: 100;
 letter-spacing: -0.04em;
 font-size: 2.6rem;
}

.bottom {
 background: #714b2e;
 z-index: 1;
}

.photo-spa .to {
 background: #714b2e;background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center;
}

@media ( min-width: 992px) {
 .photo-spa .to {background-size: auto 100%;
 }
}

.photo-1 .to {
 background: #714b2e;
 background: url(../../images/home/produccion-indutrial-pbs-learningmedia-2.jpg);
 background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center;
}

@media ( min-width: 768px) {
 .to {
  background-size: auto 90%;
 }
}

@media ( min-width: 992px) {
 .photo-1 .to {
  background: no-repeat center url(../../images/home/produccion-indutrial-pbs-learningmedia.jpg);
  background-size: auto 100%;
 }
}

.photo-2 .to {
 background: #714b2e;background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center;
}

@media ( min-width: 992px) {
 .photo-2 .to {background-size: auto 100%;
 }
}

.photo-3 .to {
 background: #4f5f1f;background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center;
}

@media ( min-width: 992px) {
 .photo-3 .to {background-size: auto 100%;
 }
}

.eco-vs .to {
 background: #4f5f1f;
 background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center;
}

@media ( min-width: 992px) {
 .eco-vs .to {
  background-size: auto 100%;
 }
}

.d-hidro .to {
 background: #714b2e;
 background: no-repeat center url(../../images/portadas/monasterio-santa-maria/monasterio-santa-maria-de-la-paz-diseno-hidrologico-aplicado-2.jpg);
 background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center;
}

@media ( min-width: 992px) {
 .d-hidro .to {
  background: no-repeat center url(../../images/portadas/monasterio-santa-maria/monasterio-santa-maria-de-la-paz-diseno-hidrologico-aplicado.jpg);
  background-size: auto 100%;
 }
}

.bottom .content-body {
 right: 5%;
}

.bottom h1 {
 text-align: center;
 color: #ffffff;
}

.top {
 background: #4f5f1f;
 color: #222;
 z-index: 2;
 width: 50vw;
}

.photo-spa .from {
 background: #4f5f1f;background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center;
 z-index: 2;}

.photo-1 .from {
 background: #4f5f1f;
 background: url(../../images/home/produccion-agroforestal-agforward-2.jpg);
 background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center;
 z-index: 2;}

.photo-2 .from {
 background: #4f5f1f;background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center;
 z-index: 2;}

.photo-3 .from {
 background: #714b2e;background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center;
 z-index: 2;}

.eco-vs .from {
 background: #714b2e;
 background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center;
 z-index: 2;}

.d-hidro .from {
 background: #4f5f1f;
 background: no-repeat center url(../../images/portadas/monasterio-santa-maria/monasterio-santa-maria-de-la-paz-diseno-hidrologico-2.jpg);
 background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center;
 z-index: 2;}

@media ( min-width: 768px) {
 .from {
  background-size: auto 90%;
 }
}

@media ( min-width: 992px) {
 .photo-spa .from {background-size: auto 100%;
 }
 .photo-1 .from {
  background: no-repeat center url(../../images/home/produccion-agroforestal-agforward.jpg);
  background-size: auto 100%;
 }
 .photo-2 .from {background-size: auto 100%;
 }
 .photo-3 .from {background-size: auto 100%;
 }
 .eco-vs .from {
  background-size: auto 100%;
 }
 .d-hidro .from {
  background: no-repeat center url(../../images/portadas/monasterio-santa-maria/monasterio-santa-maria-de-la-paz-diseno-hidrologico.jpg);
  background-size: auto 100%;
 }
}

.top .content-body {
 left: 5%;
 color: #333;
}

.top h1 {
 text-align: center;
 color: #fff;
}

.handle {
 position: absolute;
 height: 100%;
 display: block;
 background-color: rgba(25, 25, 25, 1);
 width: 5px;
 top: 0;
 left: 50%;
 z-index: 3;
}

.skewed .handle {
 top: 50%;
 transform: rotate(0deg) translateY(-50%);
 height: 200%;
 transform-origin: top;
}

.skewed .top {
 transform: skew(0);
 margin-left: -1000px;
 width: calc(50vw + 1000px);
}

.skewed .top .content-wrap {
 transform: skew(0);
 margin-left: 1000px;
}

.presentation-section {
 margin: 0 auto;
 display: block;
 height: auto;
 z-index: 22;
}

.presentation-section {
 font-size: calc(1rem + 1.1vw);
 font-weight: 100;
}

.presentation-section p {
 margin-bottom: 0.35rem;
}

.presentation-section .bg-color-purple-one h1,
.presentation-section .bg-color-purple-one h3,
.presentation-section .bg-color-purple-one h4,
.presentation-section .bg-color-purple-one .h4,
.presentation-section .bg-color-purple-one p {
 color: var(--prsn-color);
}

@media(min-width: 576px) {
 .presentation-section p {
  margin-bottom: 1.2rem;
 }
}

.presentation-section ul li {
 font-size: calc(1rem + 1.1vw);
}



:root {
 --lab-color-flask: rgba(90, 90, 90, 0.75);
 --lab-color-liquid-back: #55388e;
 --lab-color-liquid-back: #33a06f;
 --lab-color-liquid-fore: #8166bb;
 --lab-color-liquid-fore: #42b883;
 --lab-color-liquid-shadow: #373737;
}

[data-bs-theme=dark] {
 --lab-color-flask: #d0d0d0;
 --lab-color-liquid-shadow: #ccc;
}

.lab-flask {
 fill: none;
 stroke: var( --lab-color-flask);
 stroke-miterlimit: 2.67;
 stroke-width: 4px;
}

.lab-tap {
 fill: var( --lab-color-flask);
}

.lab-fluids {}

.lab-fluids--clip {
 clip-path: url(#clippath);
}

.lab-fluids--background {
 fill: var(--lab-color-liquid-back);
}

.lab-fluids--foreground {
 fill: var(--lab-color-liquid-fore);
}

.lab-fluids--shadow {
 fill: var( --lab-color-liquid-shadow);
}

.lab-fluids--blur {
 filter: url(#AI_GaussianBlur_4);
 opacity: 0.85;
}

.cls-4 {
 fill: #8166bb;
}

.cls-6 {
 fill: #55388e;
}

.cls-7 {
 fill: #d0d0d0;
}



.san-anton-section {
 background-color: rgba(0, 0, 0, 1);
}

.san-anton-section .overlay-black {
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 background: radial-gradient(transparent, rgba(2, 2, 2, 0.9) 80%, rgba(3, 3, 3, 0.9) 20%);
 background-size: cover;
 opacity: 1;
 z-index: 18;
 transition: opacity 900ms;
 -webkit-transition: opacity 900ms;
}

.san-anton-section .old-paper .overlay {
 opacity: 0.10;
}

.san-anton-section .bg-video-poster {
 opacity: 0.61;
}

.san-anton {
 font-family:'SavoyeLetPlain';
 scale: 1.5;
}

.san-anton .h1 {
 color: rgba(var(--white-links-rgb), 1);
 font-size: clamp(1.5rem, 5vw, 2.5rem);
 font-size: calc(2.1rem + 1.75vw);
 font-weight: bolder;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.san-anton .h2 {
 color: rgba(var(--white-links-rgb), 1);
 font-size: clamp(1rem, 5vw, 2rem);
 font-size: calc(1.6rem + 1.75vw);
 font-weight: bolder;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.san-anton .h3 {
 color: rgba(var(--white-links-rgb), 1);
 font-size: clamp(0.75rem, 5vw, 1.75rem);
 font-size: calc(1.2rem + 1.75vw);
 font-weight: bolder;
 text-shadow: 0.063rem 0.063rem 0.063rem rgba(0, 0, 0, 0.80);
}

.san-anton-section {
 color: rgba(var(--white-links-rgb), 1);
}

.san-anton-section .list-group {
 margin: 0;
 padding: 0;
 width: 50%;
}

.san-anton-section .list-group .list-group-item {
 max-height: 10%;
}

.san-anton-section .list-group .list-group-item .image a {
 width: auto;
 max-height: 10%;
}

.san-anton-section .original-image {
 width: 100%;
 height: 100vh;
 display: inline-block
}

.san-anton-section .holder-cols {
 z-index: 21;
}

.san-anton-section .desc-archivo {
 bottom: 25%;
 padding: 0rem;
 font-size: clamp(1rem, 5vw, 1.8rem);
 font-weight: 100;
 line-height: 1.5;
 text-align: center;
 pointer-events: none;
}

@media (min-width: 768px) {
 .san-anton-section .desc-archivo {
  padding: 0.25rem;
  font-size: clamp(1.2rem, 5vw, 2rem);
  line-height: 1.5;
 }
}

.san-anton-section .card-content {
 min-height: 20vh;
}

.san-anton-section .image-prt {
 min-height: 19vh;
 height: 19vh;
}

.san-anton-section .btn-lg,
.san-anton-section .btn-lg.btn-black {
 --bs-btn-padding-y: 0.75rem;
 --bs-btn-padding-x: 1.25rem;
 --bs-btn-font-size: clamp(1.5rem, 5vw, 2rem);
 --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.san-anton-section .btn-lg.btn-black {
 font-size: clamp(1.2rem, 2.5vw, 2rem);
 color: #bebebe;
 --bs-btn-bg: rgba(var( --bs-dark-bg-subtle-rgb), 0.8);
}

.san-anton-section .section-sh {
 place-content: center;
 justify-content: center;
}



.info-footer {
 position: relative;
 margin: auto;
 padding: 0.063rem 0 0 0;
 width: 100%;
 height: 3.750rem;
 left: 0;
 bottom: 0px;
 background-color: rgba(32, 178, 171, 0.548);
}

.info-lab {
 --bs-gutter-x: 1.5rem;
 width: 100%;
 bottom: 0;
 padding-right: calc(var(--bs-gutter-x) * 0.5);
 padding-left: calc(var(--bs-gutter-x) * 0.5);
 margin-right: auto;
 margin-left: auto;
 position: absolute;
 overflow: hidden;
 display: flex;
 justify-content: space-between;
 background-color: rgba(22, 25, 27, 0.536);
 -webkit-transform: translateY(0%);
 transform: translateY(0%);
 -webkit-transform: translate3d(0, 0%, 0);
 transform: translate3d(0, 0%, 0);
 -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
 transition: transform .3s cubic-bezier(.23, 1, .32, 1);
}

.info-lab.show {
 -webkit-transform: translateY(-150px);
 transform: translateY(-150px);
 -webkit-transform: translate3d(0, -150px, 0);
 transform: translate3d(0, -150px, 0);
 -webkit-transition-delay: .2s;
 transition-delay: .2s;
 pointer-events: inherit;
 background-color: blue;
}

.info-lab .info {
 padding: 0 16px 20px;
 flex: 1 1 auto;
 box-flex: 1;
}

.info-lab .info .title {
 line-height: 50px;
 font-size: 14px;
 display: block;
 pointer-events: none;
}

.info-lab .info .description {
 line-height: 1.75;
 max-width: 720px;
 font-size: 11px;
 display: block;
}



.holder-svg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
}

.scene {
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 z-index: 2;
}

.scene--fixed {
 position: fixed;
}

.scene--scroll {
 top: 0;
}

.holder-svg .scene {}

.home-svg {
 z-index: 2;
}

.home-svg svg path {
 opacity: 1;
 transform-box: fill-box;
}

.home-svg .scene {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 z-index: 2;
}

.home-svg .scene .blob-1 path,
.home-svg .scene .blob-2 path,
.home-svg .scene .blob-3 path,
.home-svg .scene .blob-4 path,
.home-svg .scene .blob-5 path,
.home-svg .scene .blob-6 path {
 fill: rgba(22, 22, 22, 0.709);
}

.home-svg .scene path {
 fill-opacity: 0;
}

.home-svg .scene path:first-of-type {
 fill-opacity: 0.5;
}

.home-svg .scene path:nth-of-type(2) {
 fill-opacity: 0.5;
}

.home-svg .scene path:nth-of-type(3) {
 fill-opacity: 0.6;
}

.home-svg .scene path:nth-of-type(4) {
 fill-opacity: 0.65;
}

.home-svg .scene path:nth-of-type(5) {
 fill-opacity: 0.6;
}

.home-svg .scene path:nth-of-type(6) {
 fill-opacity: 0.65;
}

.home-svg .scene path:nth-of-type(7) {
 fill-opacity: 0.7;
}

.home-svg .scene path:nth-of-type(8) {
 fill-opacity: 0.75;
}

.home-svg .scene path:nth-of-type(9) {
 fill-opacity: 0.8;
}

.home-svg .scene path:nth-of-type(10) {
 fill-opacity: 0.85;
}

.home-svg .scene path:nth-of-type(11) {
 fill-opacity: 0.9;
}

.home-svg .scene path:nth-of-type(12) {
 fill-opacity: 0.95;
}

[data-bs-theme=dark] .home-svg .scene .blob-1 path {
 fill: url(#gradient-1);
}

[data-bs-theme=dark] .home-svg .scene .blob-2 path {
 fill: url(#gradient-2);
}

[data-bs-theme=dark] .home-svg .scene .blob-3 path {
 fill: url(#gradient-3);
}

[data-bs-theme=dark] .home-svg .scene .blob-4 path {
 fill: url(#gradient-4);
}

[data-bs-theme=dark] .home-svg .scene .blob-5 path {
 fill: url(#gradient-5);
}

[data-bs-theme=dark] .home-svg .scene .blob-6 path {
 fill: url(#gradient-6);
}

[data-bs-theme=dark] .home-svg .scene path {
 fill-opacity: 0;
 mix-blend-mode: lighten;
 -webkit-filter: saturate(150%);
 -ms-filter: saturate(150%);
 -o-filter: saturate(150%);
 filter: saturate(150%);
}

[data-bs-theme=dark] .home-svg .scene path:first-of-type {
 fill-opacity: 0.2;
}

[data-bs-theme=dark] .home-svg .scene path:nth-of-type(2) {
 fill-opacity: 0.25;
}

[data-bs-theme=dark] .home-svg .scene path:nth-of-type(3) {
 fill-opacity: 0.3;
}

[data-bs-theme=dark] .home-svg .scene path:nth-of-type(4) {
 fill-opacity: 0.35;
}

[data-bs-theme=dark] .home-svg .scene path:nth-of-type(5) {
 fill-opacity: 0.4;
}

[data-bs-theme=dark] .home-svg .scene path:nth-of-type(6) {
 fill-opacity: 0.45;
}

[data-bs-theme=dark] .home-svg .scene path:nth-of-type(7) {
 fill-opacity: 0.5;
}

[data-bs-theme=dark] .home-svg .scene path:nth-of-type(8) {
 fill-opacity: 0.55;
}

[data-bs-theme=dark] .home-svg .scene path:nth-of-type(9) {
 fill-opacity: 0.6;
}

[data-bs-theme=dark] .home-svg .scene path:nth-of-type(10) {
 fill-opacity: 0.65;
}

[data-bs-theme=dark] .home-svg .scene path:nth-of-type(11) {
 fill-opacity: 0.7;
}

[data-bs-theme=dark] .home-svg .scene path:nth-of-type(12) {
 fill-opacity: 0.75;
}



.list-categories .list-group {
 --bs-list-group-bg: transparent;
 --bs-list-group-item-padding-x: 1rem;
 --bs-list-group-item-padding-y: 0.75rem;
 --bs-list-group-active-bg: transparent;
 --bs-list-group-active-border-color: #0d6efd;
}

.card-categories {
 margin-bottom: 3rem;
}

.card-categories .card-title {
 font-size: calc(1.4rem + 0.15vw);
 font-weight: bold;
}

.list-categories .list-group .list-group-item {
 font-size: calc(1.2rem + 0.15vw);
}

.list-categories .card-title a,
.list-categories .list-group .list-group-item a {
 text-decoration: none;
}

.list-categories .card-title a {
 color: rgba(var(--white-links-rgb), 0.8);
}

.list-categories .card-title a:hover {
 color: rgba(var(--white-links-rgb), 0.8);
}

.list-categories .list-group .list-group-item:hover {
 background-color: var(--bs-tertiary-bg);
}

.tools-heed {
 margin: auto;
}

.back-me-section {
 position: relative;
 margin: 0 auto;
 padding: 2rem 1.5rem;
 height: auto;
 min-height: 50vh;
 display: grid;
 place-items: center;
 z-index: 21;
}

.back-me-section {
 color: rgba(22, 22, 22, 0.8);
 background-color: rgba(var(--bs-body-bg-rgb), 1);
 background-color: transparent;
}

[data-bs-theme=dark] .back-me-section {
 color: rgba(190, 190, 190, 0.8);
 background-color: rgba(var(--bs-body-bg-rgb), 1);
 background-color: transparent;
}

.back-me-section .container {
 padding: 1rem 0.375rem;
 background-color: rgba(230, 231, 232, 0.25);
}

[data-bs-theme=dark] .back-me-section .container {
 padding: 1rem 0.375rem;
 background-color: rgb(22, 22, 22, 0.25);
}

.back-me-section .title {
 font-size: calc(1.3rem + 0.6vw);
}

.back-me-section .text {
 padding: 1.5rem;
}

@media (min-width: 1200px) {
 .back-me-section .title {
  font-size: 1.75rem;
 }
}

.back-me-section .btn {
 color: rgba(83, 53, 140, 0.8);
 color: #6a3192;
 padding: 0.6rem 1.1rem;
 border-radius: 0;
 font-size: 1.35rem;
 background-color: rgba(250, 251, 252, 0.4);
}

.back-me-section .btn:hover {
 color: rgb(241, 0, 134, 0.9);
 background-color: rgba(238, 239, 240, 0.8);
}

[data-bs-theme=dark] .back-me-section .btn {
 padding: 1rem 1.25rem;
 border-radius: 0;
 font-size: 1.25rem;
 color: rgba(206, 206, 206, 0.8);
 color: #6a3192;
 border-width: 1px;
 border-color: rgb(44, 44, 44, 0.375);
 background-color: rgb(44, 44, 44, 0.2);
}

[data-bs-theme=dark] .back-me-section .btn:hover {
 color: rgba(226, 226, 226, 0.8);
 color: rgb(241, 0, 134, 0.9);
 background-color: rgba(44, 44, 44, 0.2);
}

#resultRec {
 font-size: 200%;
 font-weight: 700;
 border: 2px solid red;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 200px;
 height: 200px;
}

.maps-projections {
 padding-top: 3rem;
 padding-bottom: 3rem;
}

.proyeccion-mapa {
 margin: auto;
}

@media (max-width: 575.98px) {
 canvas.proyeccion-mapa {
  width: calc(80vw - 20px);
 }
}

@media (max-width: 767.98px) {
 .maps-projections .col-md-6 {
  padding-right: 1rem;
  padding-left: 1rem;
 }
 canvas.proyeccion-mapa {
  width: calc(60vw - 20px);
 }
}

@media (max-width: 991.98px) {
 canvas.proyeccion-mapa {
  width: calc(45vw - 20px);
 }
}

@media (max-width: 1199.98px) {
 canvas.proyeccion-mapa {
  width: calc(42vw - 20px);
 }
}

.brujula {
 margin: auto;
 padding: 0;
 display: grid;
 align-content: center;
 align-self: center;
 min-height: calc(100vh - 136px);
}

@media (min-width: 768px) {
 .brujula {
  min-height: calc(100vh - 210px);
 }
}

@media (min-width: 992px) {
 .brujula {
  min-height: calc(100vh - 80px);
 }
}

.brujula svg {
 margin: 0;
 padding: 0;
 width: 100%;
 height: auto;
 vertical-align: middle;
}

.brujula .letras {
 fill: var(--bs-body-color);
}

.brujula .letras.letras--sm {
 font-size: 1.750rem;
}

.brujula .letras.letras--md {
 font-size: 2.625rem;
}

.brujula .letras.letras--lg {
 font-size: 3.750rem;
}

.table.table-numer {
 --bs-table-border-color: var( --bs-border-color-translucent);
 --bs-table-color: var(--bs-body-color);
 --bs-table-color: var(--bs-emphasis-color);
 margin-top: 1rem;
 margin-bottom: 1.5rem;
}

.table.table-numer tbody {
 --bs-table-color: var(--bs-body-color);
}

.table.table-numer th small {
 font-weight: normal;
 font-style: italic;
 color: var(--bs-secondary-color);
}

.table.table-numer .dia,
.table.table-numer .mes,
.table.table-numer .anio,
.table.table-numer .dia-suma,
.table.table-numer .mes-suma,
.table.table-numer .anio-suma {
 text-align: start;
 border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

.table.table-numer .dia-opera,
.table.table-numer .mes-opera,
.table.table-numer .anio-opera {
 text-align: end;
}

.table.table-numer .dia-suma,
.table.table-numer .mes-suma,
.table.table-numer .anio-suma {
 color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
 font-weight: bold;
}

.table.table-numer .res-opera {
 text-align: center;
}

.res-total {
 text-align: start;
 border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}



.leaflet-container:-webkit-full-screen,
.leaflet-container:-moz-full-screen,
.leaflet-container:-ms-fullscreen,
.leaflet-container:fullscreen {
 width: 100%;
 height: 100vh;
 background-color: var(--bs-body-bg);
}

.leaflet-container {
 background-color: rgba(var(--bs-body-bg-rgb), 0);
}

.leaflet-map-pane canvas {
 z-index: 10;
}

.leaflet-container:-webkit-full-screen {
 width: 100%!important;
 height: 100%!important;
}

.leaflet-container.leaflet-fullscreen-on {
 width: 100%!important;
 height: 100%!important;
}

.leaflet-pseudo-fullscreen {
 position: fixed!important;
 width: 100%!important;
 height: 100%!important;
 top: 0!important;
 left: 0!important;
 z-index: 21!important;
}

.leaflet-center {
 left: 50%;
 transform: translate(-50%, 0%);
}

.leaflet-middle {
 top: 50%;
 position: absolute;
 z-index: 1000;
 pointer-events: none;
 transform: translate(0%, -50%);
}

.leaflet-center.leaflet-middle {
 transform: translate(-50%, -50%);
}

.leaflet-verticalcenter {
 position: absolute;
 z-index: 1000;
 pointer-events: none;
 top: 50%;
 transform: translateY(-50%);
 padding-top: 10px;
}.leaflet-verticalcenter .leaflet-control {
 margin-bottom: 10px;
}

.leaflet-styles .leaflet-control-layers {
 color: #333;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

.leaflet-styles .leaflet-control-layers {
 text-align: start;
 font-weight: 300;
 font-size: calc(0.9rem + 0.05vw);
}

[data-bs-theme=dark] .leaflet-styles .leaflet-control-layers {
 color: #bebebe;
}

[data-bs-theme=dark] .leaflet-styles .leaflet-control-layers form {
 color: #bebebe;
 background: transparent;
}



.leaflet-sidebar {
 top: 0.313rem;
 bottom: 0.625rem;
 margin: 0;
 padding: 0;
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
}

.leaflet-sidebar>.leaflet-control {
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
 -webkit-border-radius: 0px;
 border-radius: 0px;
}



.leaflet-sidebar-pane {
 display: none;
 left: 0;
 right: 0;
 box-sizing: border-box;
 padding: 0.625rem 1.250rem 0.625rem 1.250rem;
}

.leaflet-control-button {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

.leaflet-sidebar-content {
 margin-top: 0;
 margin-bottom: 0;
 padding: 0.5rem 0 1rem 0;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

.leaflet-sidebar-header {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

.leaflet-sidebar-close {
 position: unset;
 padding: 0;
 margin: 0;
 top: unset;
 bottom: unset;
 border: none;
 border-radius: 0;
 text-align: right;
}

.leaflet-sidebar-pane {
 padding: 0.313rem 0.625rem 0.313rem 0rem;
}

@media (min-width: 768px) {
 .leaflet-sidebar-pane {
  padding: 0.313rem 1rem 0.313rem 0rem;
 }
}

.leaflet-sidebar-pane .btn-up,
.leaflet-sidebar-pane .btn-down {
 display: block;
 padding: 0;
 margin: auto;
 width: 100%;
 height: auto;
 text-align: center;
}

.leaflet-sidebar-tabs {
 top: 5%;
 bottom: 5%;
 height: 60%;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

@media (min-width: 768px) {
 .leaflet-sidebar-tabs {
  top: 5%;
  bottom: 10%;
  height: 80%;
  background-color: rgba(var(--bs-body-bg-rgb), 0.6);
 }
}

.leaflet-sidebar-right .leaflet-sidebar-tabs {
 right: 0;
}

.leaflet-sidebar-tabs>li,
.leaflet-sidebar-tabs>ul>li {
 color: #bebebe;
}

.leaflet-sidebar-tabs>li>a,
.leaflet-sidebar-tabs>ul>li>a {
 color: #bebebe !important;
}

.leaflet-sidebar-tabs a {
 color: #bebebe !important;
}

.leaflet-sidebar-tabs a:hover {
 color: #bebebe !important;
 background-color: rgba(var(--bs-link-color-rgb), 0.6);
}

.leaflet-sidebar-tabs>li:hover,
.leaflet-sidebar-tabs>ul>li:hover {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
}

.leaflet-sidebar-tabs>li.active,
.leaflet-sidebar-tabs>ul>li.active {
 color: #bebebe;
 background-color: rgba(var(--bs-link-color-rgb), 0.4);
}

.leaflet-sidebar-tabs>li.active a i,
.leaflet-sidebar-tabs>ul>li.active a i {
 color: #fff3f3;
}

.leaflet-contol .btn-down {
 display: block;
 width: 100%;
 text-align: center;
}

.leaflet-styles .sections-leaflet .list-group {
 --bs-list-group-color: var(--bs-body-color);
 --bs-list-group-bg: rgba(var(--bs-body-bg-rgb), 0);
 --bs-list-group-border-color: var(--bs-border-color);
 --bs-list-group-border-width: var(--bs-border-width);
 --bs-list-group-border-radius: var(--bs-border-radius);
 --bs-list-group-item-padding-x: 1rem;
 --bs-list-group-item-padding-y: 0.5rem;
 --bs-list-group-action-color: var(--bs-secondary-color);
 --bs-list-group-action-hover-color: var(--bs-emphasis-color);
 --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
 --bs-list-group-action-active-color: var(--bs-body-color);
 --bs-list-group-action-active-bg: var(--bs-secondary-bg);
 --bs-list-group-disabled-color: var(--bs-secondary-color);
 --bs-list-group-disabled-bg: var(--bs-body-bg);
 --bs-list-group-active-color: #fff;
 --bs-list-group-active-bg: rgba(var(--bs-body-bg-rgb), 0.1);
 --bs-list-group-active-border-color: #0d6efd;
 display: flex;
 flex-direction: column;
 padding-left: 0;
 margin-bottom: 0;
 border-radius: var(--bs-list-group-border-radius);
}

.leaflet-sidebar .sections-leaflet .list-group .list-group-item {
 background: rgba(33, 37, 41, 0.0);
 background-color: rgba(var( --bs-body-bg-hover-rgb), 0);
 border-color: rgba(33, 37, 41, 0.5);
}

.leaflet-sidebar .sections-leaflet .list-group .list-group-item:hover {
 background: rgba(var( --bs-body-bg-hover-rgb), 0.9);
}

.leaflet-sidebar .sections-leaflet .list-group .list-group-item .lg-item {
 color: #bebebe;
 display: block;
 width: 100%;
 font-size: calc(1rem + 0.05vw);
 text-decoration: none;
 background: transparent;
}

.leaflet-sidebar .sections-leaflet .list-group .list-group-item .lg-item:hover {
 color: #686868;
 text-decoration: none;
}

.leaflet-sidebar .list-group-item.active {
 border-top-color: rgba(13, 109, 253, 0.2);
 border-top-width: 0.063rem;
 border-bottom-color: rgba(13, 109, 253, 0.2);
 border-bottom-width: 0.100rem;
}

.leaflet-sidebar .list-group-item.active:first-child,
.leaflet-sidebar .list-group-item.active:last-child {
 border-top-color: rgba(13, 109, 253, 0.2);
 border-top-width: 0.063rem;
 border-bottom-color: rgba(13, 109, 253, 0.2);
 border-bottom-width: 0.100rem;
}

.leaflet-sidebar .list-group-item+.list-group-item.active .lg-item {
 color: #3d3d3d;
}

.leaflet-sidebar .list-group-item.active:first-child .lg-item {
 color: #3d3d3d;
}



.leaflet-control .btn-close,
.leaflet-sidebar-close.btn-close {
 display: block;
 width: 100%;
 height: 2.5rem;
 margin: 0;
 padding: 0.15rem 0.15rem;
 font-size: 1.5rem;
 font-weight: 400;
 text-align: center;
}

.leaflet-control .btn-close,
.leaflet-sidebar-close.btn-close {
 filter: invert(1) grayscale(100%) brightness(200%);
}

.leaflet-holder-menu {
 position: fixed;
 top: 60%;
 right: 28px;
 display: block;
 text-align: right;
 z-index: 2400;
}

.leaflet-holder-menu a {
 font-size: 1.2rem;
}

.leaflet-sidebar .gis-navbar-footer {
 display: block;
 margin: auto;
 padding: 0;
 width: 100%;
 height: 6vh;
 pointer-events: none;
}

@media (min-width: 992px) {
 .leaflet-sidebar .gis-navbar-footer {
  height: 12vh;
 }
}

.sections-leaflet {
 display: grid;
 place-items: center;
 width: 99%;
 height: auto;
 min-height: 50vh;
 padding: 0.35rem 0.5rem 0.35rem 0.35rem;
 text-align: left;
}

.sections-leaflet .page-header {
 width: 100%;
}

@media (min-width: 768px) {
 .sections-leaflet {
  width: 99%;
  height: auto;
  padding: 1rem 5rem 1rem 1rem;
 }
}



.leaflet-styles .leaflet-control-layers {
 width: 100%;
}

.leaflet-styles .leaflet-touch .leaflet-control-layers {
 border: 0px;
}

.leaflet-styles .leaflet-control-layers {
 border-radius: none;
 box-shadow: none;
}

.leaflet-styles .leaflet-control-layers {
 box-shadow: none;
 background: transparent;
 -webkit-border-radius: 0;
 border-radius: 0;
}

.leaflet-styles .leaflet-control-layers label {
 color: var(--bs-body-color);
}

[data-bs-theme=dark] .leaflet-styles .leaflet-control-layers {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
 background: transparent;
}

[data-bs-theme=dark] .leaflet-styles .leaflet-control-layers form {
 color: #bebebe;
 background: transparent;
}[data-bs-theme=dark] .leaflet-sidebar-tabs {
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

@media (min-width: 768px) {
 [data-bs-theme=dark] .leaflet-sidebar-tabs {
  background-color: rgba(var(--bs-body-bg-rgb), 0.6);
 }
}

[data-bs-theme=dark] .leaflet-control-button {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

[data-bs-theme=dark] .leaflet-bar {
 background-color: transparent;
}

[data-bs-theme=dark] .leaflet-bar a {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}



.leaflet-styles .leaflet-control-geocoder-icon {
 border-radius: 4px;
 width: 26px;
 height: 26px;
 border: none;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.2 13l3.4 6.6c.6 1.1 2.5-.4 2-1.2l-4-6.2z'/%3E%3Ccircle cx='10.8' cy='8.9' r='3.9' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
 background-repeat: no-repeat;
 background-position: center;
 cursor: pointer;
}

[data-bs-theme=dark] .leaflet-styles .leaflet-control-geocoder-icon {
 background-color: rgba(var(--bs-body-bg-rgb), 0.1);
}

[data-bs-theme=dark] .leaflet-styles .leaflet-control-geocoder-icon {
 border-radius: 4px;
 width: 26px;
 height: 26px;
 border: none;
 background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E %3Cpath fill='%23bebebe' d='M12.2,13l3.4,6.6c0.6,1.1,2.5-0.4,2-1.2l-4-6.2L12.2,13z'/%3E %3Ccircle fill='none' stroke='%23bebebe' stroke-width='1.5' cx='10.8' cy='8.9' r='3.9'/%3E %3C/svg%3E");
 background-repeat: no-repeat;
 background-position: center;
 cursor: pointer;
}

[data-bs-theme=dark] .leaflet-control-geocoder-icon:hover {
 background-color: var(--space-cadet);
 background-color: rgba(var(--bs-body-bg-rgb), 0.1);
 border-bottom: 1px solid rgba(64, 64, 64, 0.8);
}

[data-bs-theme=dark] .leaflet-container .leaflet-control-attribution {
 display: block;
 background-color: var(--bs-body-bg);
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
 color: #bebebe;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 margin: 0;
}

[data-bs-theme=dark] .leaflet-styles .leaflet-control-geocoder {
 border-radius: 4px;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
 min-width: 26px;
 min-height: 26px;
}

.leaflet-control-scale-line {
 font-size: 0.625rem;
 line-height: 1.6;
}

[data-bs-theme=dark] .leaflet-control-scale-line {
 border: none;
 color: #bebebe;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
 background-color: var(--bs-body-bg);
 box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
}

[data-bs-theme=dark] .geocoder-control .geocoder-control-input {
 color: #bebebe;
 background-color: var(--bs-body-bg);
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
 background-image: url('../../gis-archivos/svgs/search_white.svg');
 background-size: 14px;
 background-position: center;
}

[data-bs-theme=dark] .geocoder-control-expanded .geocoder-control-input {
 background-size: 0px;
}

[data-bs-theme=dark] .leaflet-routing-collapse-btn {
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
}[data-bs-theme=dark] .leaflet-routing-geocoder input {
 color: #bebebe;
 border: var(--bs-body-bg);
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
}

[data-bs-theme=dark] .leaflet-routing-remove-waypoint::after {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
}

[data-bs-theme=dark] .leaflet-routing-alt:hover {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

[data-bs-theme=dark] .leaflet-routing-alt thead,
[data-bs-theme=dark] .leaflet-routing-alt tbody,
[data-bs-theme=dark] .leaflet-routing-alt tfoot,
[data-bs-theme=dark] .leaflet-routing-alt tr,
[data-bs-theme=dark] .leaflet-routing-alt td,
[data-bs-theme=dark] .leaflet-routing-alt th {
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

[data-bs-theme=dark] .leaflet-control-geocoder {
 border-radius: 4px;
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
 min-width: 26px;
 min-height: 26px;
}

[data-bs-theme=dark] .leaflet-control-geocoder-form input {
 color: #bebebe;
 border: var(--bs-body-bg);
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
}

[data-bs-theme=dark] .leaflet-control-measure .leaflet-control-measure-toggle,
[data-bs-theme=dark] .leaflet-control-measure .leaflet-control-measure-toggle:hover {
 background-size: 14px 14px;
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-measure/assets/rulers_white.png);
 border: 0;
 border-radius: 4px;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden
}

[data-bs-theme=dark] .leaflet-retina .leaflet-control-measure .leaflet-control-measure-toggle,
[data-bs-theme=dark] .leaflet-retina .leaflet-control-measure .leaflet-control-measure-toggle:hover {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-measure/assets/rulers_@2X_white.png)
}

[data-bs-theme=dark] .fullscreen-icon {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-fullscreen-bruno/icon-fullscreen-white.svg);
 background-size: 26px 52px;
}

[data-bs-theme=dark] .leaflet-sidebar .sections-leaflet .list-group-item {
 background: transparent;
}

[data-bs-theme=dark] .leaflet-sidebar .sections-leaflet .list-group-item.active,
[data-bs-theme=dark] .leaflet-sidebar .sections-leaflet .list-group-item.active:focus,
[data-bs-theme=dark] .leaflet-sidebar .sections-leaflet .list-group-item.active:hover {
 color: #3a3a3a;
}

.leaflet-draw {
 display: none;
}

.leaflet-draw-toolbar {
 display: none;
}

[data-bs-theme=dark] .leaflet-draw-toolbar-button-enabled {
 background-color: rgba(var(--bs-body-bg-rgb), 0.9) !important;
}

[data-bs-theme=dark] .leaflet-draw-actions a {
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
}

[data-bs-theme=dark] .leaflet-draw-actions a:hover {
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}

[data-bs-theme=dark] .leaflet-popup-content-wrapper,
.leaflet-popup-tip {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
}

[data-bs-theme=dark] .leaflet-ruler {
 background-color: rgba(255, 255, 255, 0.3);
}

[data-bs-theme=dark] .leaflet-ruler,
[data-bs-theme=dark] .leaflet-ruler:hover {
 filter: invert(1) grayscale(100%) brightness(200%);
}

[data-bs-theme=dark] .leaflet-pm-toolbar .leaflet-pm-icon-marker {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-geoman/Marker_white.svg);
}

.leaflet-pm-toolbar .leaflet-pm-icon-polygon {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-geoman/Polygon.svg);
}

[data-bs-theme=dark] .leaflet-pm-toolbar .leaflet-pm-icon-polygon {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-geoman/Polygon_white.svg);
}

.leaflet-pm-toolbar .leaflet-pm-icon-rotate {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-geoman/Rotate.svg);
}

[data-bs-theme=dark] .leaflet-pm-toolbar .leaflet-pm-icon-rotate {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-geoman/Rotate_white.svg);
}

.leaflet-pm-toolbar .leaflet-pm-icon-drag {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-geoman/Move.svg);
}

[data-bs-theme=dark] .leaflet-pm-toolbar .leaflet-pm-icon-drag {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-geoman/Move_white.svg);
}

.leaflet-pm-toolbar .leaflet-pm-icon-delete {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-geoman/Eraser.svg);
}

[data-bs-theme=dark] .leaflet-pm-toolbar .leaflet-pm-icon-delete {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-geoman/Eraser_white.svg);
}

.leaflet-pm-toolbar .leaflet-pm-icon-edit {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-geoman/Edit_Vertex.svg);
}

[data-bs-theme=dark] .leaflet-pm-toolbar .leaflet-pm-icon-edit {
 background-image: url(../../frameworks/leaflet/plug-ins/leaflet-geoman/Edit_Vertex_white.svg);
}

.leaflet-control-mouseCoordinate {
 width: 250px;
 min-height: 30px;
 text-align: left;
 border-radius: 5px;
 box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
 background: none repeat scroll 0 0 #fff;
 color: #333;
 padding: 6px 10px 6px 6px
}

[data-bs-theme=dark] .leaflet-control-mouseCoordinate {
 width: 250px;
 min-height: 30px;
 text-align: left;
 border-radius: 5px;
 box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
 background: none repeat scroll 0 0 rgba(var(--bs-body-bg-rgb), 1);
 color: rgba(var(--bs-body-color-rgb), 1);
 padding: 0.375rem 10px 0.375rem 0.375rem
}

.leaflet-control-mouseCoordinate table {
 width: 100%
}

.coords {
 width: 90px
}

.leaflet-image-layer {
 z-index: 10;
}

.leaflet-measure-path-measurement {
 z-index: 400;
 pointer-events: none;
}

.leaflet-measure-path-measurement>div {
 z-index: 400;
 pointer-events: none;
}



.mapbox-holder-menu {
 position: fixed;
 top: 60%;
 right: 28px;
 display: block;
 text-align: right;
 z-index: 2400;
}

.mapbox-holder-menu a {
 font-size: 1.2rem;
}

.mapbox-select {
 position: absolute;
 top: 0.175rem;
 left: 0.2rem;
 padding: 0.5rem 0.2rem 0.2rem 0.2rem;
 background: rgba(var(--bs-body-bg-rgb), 0.6);
}

.mapbox-coordinates {
 background: rgba(var(--bs-body-bg-rgb), 0.6);
 color: rgba(var(--bs-color-bg-rgb), 0.9);
 position: absolute;
 bottom: 1.75rem;
 right: 0.8rem;
 padding: 0.5rem 1rem;
 font-size: 1rem;
}



.section-gis {
 position: relative;
 width: 100%;
 height: auto;
 margin: auto;
 padding: 0;
 display: grid;
 place-items: top;
 z-index: 21;
}

.mapamundi-sig {
 display: block;
 margin: auto;
 padding: 0;
 width: 100%;
 min-height: 50vh;
}

.container-gis {
 position: relative;
 display: block;
 margin: 0 auto;
 padding: 0;
 width: 100%;
 z-index: 21;
 inset: 0;
}

.container-mapa {
 position: relative;
 display: block;
 margin: auto;
 padding-right: calc(0.1rem * 0.5);
 padding-left: calc(0.1rem * 0.5);
 padding-top: 0rem;
 padding-bottom: 0;
 inset: 0;
}

@media (min-width: 768px) {
 .container-mapa {
  padding-right: calc(0.50rem * 0.5);
  padding-left: calc(0.50rem * 0.5);
 }
}

#capas-control-listado {
 margin: auto;
 width: 100%;
 min-height: 20vh;
 display: block;
}

#sidebar {
 z-index: 1030;
}

#LeafletCanvasMenu {
 z-index: 2450;
}

#sideBarSig {
 position: block;
}

#gis-map {
 display: block;
 width: 100%;
 min-height: 100%;
}

#gis-mapbox {
 position: absolute;
 margin-right: auto;
 margin-left: auto;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
}

#mapa-sig {
 margin: auto;
}

.info-coords {
 display: block;
 padding: 0.10rem 0.10rem;
 width: 100%;
 text-align: center;
 font-weight: bold;
 background-color: rgba(0, 0, 0, 0.05);
}

.topo-canvas {
 width: 100vw;
 height: 100vh;
}

.bg-svg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 min-height: 100vh;
 z-index: 1;
 pointer-events: none;
}

.bg-svg {
 z-index: 1;
 pointer-events: none;
}

.bg-svg-auto {
 position: absolute;
 margin: auto;
 top: 0;
 left: 0;
 width: 100%;
 min-height: 100%;
 z-index: 1;
 pointer-events: none;
}

.bg-grid-svg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: -1;
 pointer-events: none;
}

.info-coords {
 display: block;
 padding: 0.10rem 0.10rem;
 width: 100%;
 text-align: center;
 font-weight: bold;
 background-color: rgba(0, 0, 0, 0.05);
}

#exportIMGModal .modal-content {
 padding: 0;
 margin: 0;
}

#exportIMGModal .modal-body {
 padding: 0;
 margin: 0;
}

#exportIMGModal #images-holder {
 display: block;
 width: 100%;
 height: 100%;
}

.aim-holder {
 display: grid;
 place-items: center;
 width: 24px;
 height: 24px;
}

.aim-crosshair {
 display: inline-block;
 width: 24px;
 height: 24px;
 background-color: transparent;
 background-image: url(../../css/svgs/aim-crosshair.svg);
 background-repeat: no-repeat;
 background-position: 0 0;
}

.crosshair {
 display: block;
 z-index: 2000;
 position: absolute;
 width: 24px;
 height: 24px;
 top: 50%;
 left: 50%;
}

.crosshair SVG {
 opacity: 1;
 vertical-align: middle;
}

#divCross {
 z-index: 2000;
 color: red;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -13px;
 margin-left: -10px;
 font-weight: 100;
}

.no-map {
 position: relative;
 margin: auto;
 padding: 0;
 display: grid;
 place-items: center;
}

.no-map::before {
 content:"";
 position: absolute;
 width: 100%;
 height: 100%;
 background-image: linear-gradient(to bottom, rgba(18, 42, 66, .85), rgba(18, 42, 66, .85)), url(../../images/varios/mercartor-1920x1080.png);
 background-repeat: no-repeat;
 background-position: center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-blend-mode: overlay;
 object-fit: fill;
 filter: opacity(0.8) contrast(1.25);
}



.map--res {
 height: calc(99dvh - (var( --app-header-top) + var( --app-footer-section)));
}

.map--res-top {
 height: calc(98vh - var( --app-footer-section));
}

.map--10 {
 height: 10vh;
}

.map--50 {
 height: 50vh;
}

.map--min-10 {
 min-height: 10vh;
}

.map--min-50 {
 min-height: 50vh;
}

.map--min-60 {
 min-height: 60vh;
}

.map--min-80 {
 min-height: 80vh;
}

.map--80 {
 height: 80vh;
}

.map-10 {
 height: calc(10vh);
}

.map-20 {
 height: calc(20vh);
}

.map-30 {
 height: calc(30vh);
}

.map-40 {
 height: calc(40vh);
}

.map-45 {
 height: calc(45vh);
}

.map-50 {
 display: block;
 width: 100%;
 height: 50vh;
}

.map-50 {
 height: calc(50vh);
}

.map-60 {
 height: calc(60vh);
}

.map-70 {
 height: calc(70vh);
}

.map-80 {
 display: block;
 width: 100%;
 height: 80vh;
}

.map-80 {
 height: calc(80vh);
}

@media (min-width: 768px) {
 .map-80-res {
  height: calc(80vh - 12rem);
 }
}

.map-85 {
 display: block;
 width: 100%;
 height: calc(85vh);
}

.map-90 {
 height: calc(90vh);
}

.map-100 {
 height: calc(100vh - 4rem);
}

@media (min-width: 576px) {
 .map-100 {
  height: calc(100vh - 0px);
 }
}

.map-auto {
 display: block;
 width: 100%;
 min-height: 100%;
 background: rgba(var(--bs-body-bg-rgb), 0.2);
}

.map-auto-res {
 display: block;
 width: 100%;
 min-height: calc(100vh - (var( --app-footer-height) - var(--app-footer-gap)));
 background: rgba(var(--bs-body-bg-rgb), 0.2);
 background-color: rgba(128, 0, 128, 0.511);
}

@media (min-width: 768px) {
 .map-auto-res {
  min-height: calc(100vh - 10.5rem);
 }
}



.legend {
 line-height: 16px;
 width: 200px;
 color: var(--bs-body-color);
 padding: 6px 8px;
 background-color: var(--bs-body-bg);
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
 border-radius: 5px;
}

.legend i {
 width: 16px;
 height: 16px;
 float: left;
 margin-right: 8px;
 opacity: 0.9;
}

.legend img {
 width: 16px;
 height: 16px;
 margin-right: 3px;
 float: left;
}

.legend p {
 font-size: 12px;
 line-height: 16px;
 margin: 0;
}

.extremely {
 color: #990000;
}

.highwri {
 color: #FF1900;
}

.mediumwri {
 color: #FF9900;
}

.lowri {
 color: #FFE600;
}

.lowestri {
 color: #FFFF99;
}

.aridwri {
 color: #808080;
}

.nodatawri {
 color: #4E4E4E;
}.unborder {
 border-width: #FFF;
}

.extremelyrgb {
 color: rgba(153, 0, 0, 0.8);
}

.highwrirgb {
 color: rgba(255, 25, 0, 0.8);
}

.mediumwrirgb {
 color: rgba(255, 153, 0, 0.8);
}

.lowrirgb {
 color: rgba(255, 230, 0, 0.8);
}

.lowestrirgb {
 color: rgb(255, 255, 153, 0.8);
}

.aridwrirgb {
 color: rgb(128, 128, 128, 0.8);
}

.nodatawrirgb {
 color: rgb(78, 78, 78, 0.8);
}



#viz {
 position: absolute;
 height: 100%;
 width: 100%;
 top: 0;
 left: 0;
 margin-left: auto;
 margin-left: auto;
 pointer-events: none;
 z-index: 50;
}

.container-gis-local {
 background-color: rgba(255, 163, 207, 0.581);
}

#circle {
 fill: none;
 stroke: black;
 stroke-width: 2px;
 pointer-events: none;
}

#sun-dir {
 stroke: #aaa;
 stroke-width: 7px;
 pointer-events: none;
}

#sun-pos {
 stroke: orange;
 stroke-width: 7px;
 pointer-events: none;
}

#sunrise {
 stroke: yellow;
 stroke-width: 4px;
 pointer-events: none;
}

#sunset {
 stroke: #f73;
 stroke-width: 4px;
 pointer-events: none;
}

#sun,
#eye,
#sunset-icon,
#sunrise-icon {
 stroke-width: 2px;
 stroke-linecap: round;
 stroke-linejoin: round;
 pointer-events: none;
}

#sun {
 stroke: orange;
 fill: yellow;
 pointer-events: none;
}

#sunrise-icon,
#sunset-icon {
 fill: none;
 stroke: #777;
 pointer-events: none;
}

#eye {
 stroke: black;
 fill: black;
 pointer-events: none;
}



#gridSvg {
 z-index: 1;
 pointer-events: none;
}

#gridSvg>rect {
 z-index: 1;
 pointer-events: none;
}

#smallGrid path {
 stroke: rgba(128, 128, 128, 0.35);
}

[data-bs-theme=dark] #smallGrid path {
 stroke: rgba(128, 128, 128, 0.15);
}

#grid path {
 stroke: rgba(128, 128, 128, 0.42);
}

[data-bs-theme=dark] #grid path {
 stroke: rgba(128, 128, 128, 0.22);
}

.fill-grid {
 width: 100%;
 height: 100%;
 transition: opacity 500ms, filter 500ms;
}

[data-bs-theme=dark] .fill-grid {
 filter: invert(96%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(89%) contrast(89%);
}



.leaflet-rotate-info {
 width: 100%;
}

.leaflet-rotate-info td {overflow: hidden;text-overflow: ellipsis;}

.leaflet-rotate-info td:nth-of-type(3) {
 font-family: Monospace;
}

.leaflet-rotate-info th {
 text-align: left;
}

.leaflet-image-layer {
 width: 100vw;
}

div.crosshair {
 position: absolute;
 width: 1px;
 height: 1px;
 border: 1px solid green;
 z-index: 100;
 left: 50%;
 right: 50%;
}

div.pivot {
 position: absolute;
 width: 1px;
 height: 1px;
 border: 5px solid yellow;
 border-radius: 100%;
 z-index: 1000;
}

div.pixelorigin {
 position: absolute;
 width: 1px;
 height: 1px;
 border: 5px solid yellow;
 border-radius: 100%;
 z-index: 1000;
}

div.pivot:before {
 left: -1.5em;
 bottom: -2em;
 position: absolute;
 content:'PIVOT';
 color: yellow;
}

div.pixelorigin:before {
 left: -1.75em;
 top: -2em;
 position: absolute;
 content:'ORIGIN';
 color: yellow;
}

div.panebounds.main {
 position: absolute;
 width: 50vw;
 height: 50vh;
 left: calc(50% - 5px);
 border: 1px solid red;
 border-bottom: 1px red dashed;
 border-right: 1px red dashed;
 z-index: 100;
}

div.panebounds.rotate {
 position: absolute;
 width: 50vw;
 height: 50vh;
 left: calc(50% - 5px);
 border: 1px solid purple;
 border-bottom: 1px purple dashed;
 border-right: 1px purple dashed;
 z-index: 100;
}

div.crosshair.c1 {
 left: calc(50% - 5px);
 top: 50%;
 height: 0;
 width: 10px;
}

div.crosshair.c2 {
 left: 50%;
 top: calc(50% - 5px);
 width: 0;
 height: 10px;
}

#rho_input {
 vertical-align: middle;
}

.panebounds:before {
 padding: 1ch;
}

.panebounds.rotate:before {
 float: right;
 content:'ROTATED';
}

.panebounds.main:before {
 float: left;
 content:'MAIN';
}

.holder-controls-map {
 position: absolute;
 margin: 0 auto;
 padding: 0;
 width: 100%;
 background: rgba(var(--bs-body-bg-rgb), 0.6);
 background-color: red;
 z-index: 500;
}

.leaflet-styles .intro-load {
 position: fixed;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
 display: grid;
 background-color: rgba(72, 72, 72, 0.4);
 border-radius: 0;
 border: none;
 box-shadow: 0 0.025rem 0.025rem rgba(0, 0, 0, 0.1);
 backdrop-filter: blur(0.425rem);
 -webkit-backdrop-filter: blur(0.425rem);
 z-index: 30;
 -webkit-transition: background-color 1000ms ease-in-out, opacity 900ms ease-in-out;
 transition: background-color 1000ms ease-in-out, opacity 900ms ease-in-out;
 will-change: background-color, opacity;
}

.leaflet-styles .intro-load .holder {
 place-self: center;
 color: rgba(236, 234, 232, 0.8);
 text-shadow: 0rem 0.1rem rgba(0, 0, 0, 0.60);
}

.leaflet-styles .intro-load.show {
 display: fixed;
}

.leaflet-styles .intro-load.hidden {
 opacity: 0;
}



.studio-svg {
 z-index: 2;
}

.studio-svg svg path {
 opacity: 1;
 transform-box: fill-box;
}

.studio-svg .scene {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 z-index: 2;
}

.studio-box {
 width: 100%;
 padding: 1rem;
 transition: transform 500ms;
}

@media (min-width: 576px) {
 .studio-box {
  padding: 3rem;
 }
}

.studio-title {
 padding: 0;
 margin: 0;
 width: 100%;
 max-width: 100%;
 padding-bottom: 1rem;
 margin: 2rem 0 1.5rem 0;
 line-height: 1;
}

.studio-title h1 {
 padding: 0;
 margin: 0;
 font-family:'avenir-next-regular';
 font-size: calc(2.2rem + 0.2vw);
 letter-spacing: 0.023rem;
 color: var(--bs-body-color);
}

.studio-title span {
 padding: 0;
 margin: 0;
 font-family:'avenir-next-medium';
 font-size: 1rem;
 letter-spacing: 0.01rem;
 color: var(--bs-body-color);
 font-weight: 100;
}



.card-project {
 height: 100%;
}

.card-project .card-title {
 font-size: calc(1.1rem + 0.10vw);
 margin-bottom: 0.25rem;
}

.card-project .card-subtitle {
 font-size: calc(1rem + 0.10vw);
}

.card-project .list-group {
 margin-top: 0.75rem;
 margin-bottom: 0rem;
 font-size: calc(0.8rem + 0.10vw);
}

.card-project .list-group-item {
 border: none;
 padding: 0 0.5rem 0 0.5rem;
}

.card-project .card-footer {
 font-size: calc(0.7rem + 0.10vw);
}

.card-img-holder {
 display: block;
 height: calc(20vh);
 background-color: #211d2f;
 background-color: rgba(var(--bs-body-bg-hover-rgb), 1);
 overflow: hidden;
 cursor: pointer;
}

.card-img {
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
 border-radius: 0;
 opacity: 0.3;
 background: no-repeat center center scroll;
 -webkit-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-blend-mode: lighten;
 -webkit-transition: transform 500ms, opacity 500ms;
 transition: transform 500ms, opacity 500ms;
}

.card-img-holder:hover .card-img,
.card-img-holder:focus .card-img {
 transform: scale(1.2);
 opacity: 0.8;
}

.card-img::before {
 content:"";
 display: none;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-color: rgba(52, 73, 94, 0.75);
 background-color: rgba(27, 23, 37, 0.10);
}

.card-img-holder:hover .card-img:before,
.card-img-holder:focus .card-img:before {
 display: block;
}

.project-section {
 background-color: transparent;
}

.project-section .bg-grid-svg {
 z-index: 1;
}



.studio-gis-section {
 display: block;
 position: relative;
 margin-left: auto;
 margin-left: auto;
 height: calc(70vh - 6.25rem);
 width: 100%;
 z-index: 1;
}

.section-threebox-sunpath {
 position: relative;
 margin: auto;
 padding: 0;
 height: calc(80vh - 6.25rem);
 z-index: 21;
}

.section-threebox-sunpath .controles-basemap {
 position: absolute;
 left: 0;
 top: 0;
 width: 40%;
 margin: 0 auto;
 padding: 1rem 0;
 background: rgba(0, 0, 0, 0.5);
 font-size: 1rem;
 color: #fff;
 z-index: 31;
}

.section-threebox-sunpath .controles-path {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 margin: 0 auto;
 padding: 1rem 0;
 background: rgba(0, 0, 0, 0.5);
 font-size: 1rem;
 color: #fff;
 z-index: 30;
}

.section-threebox-sunpath #gis-mapbox {
 z-index: 25;
}

.container-mapa {
 display: block;
}



.studio-panel {
 padding: 0.75rem 0.375rem;
 display: block;
}

.dashboard-panel {
 margin: 3rem 0;
}

.dashboard-panel a {
 text-decoration: none;
}

.dashboard-panel .page-header {
 margin-top: 3rem;
}

.dashboard-panel .collapse {
 padding: 3rem 0;
}

.dashboard-card {
 margin: 0.5rem 0;
 padding: 2rem 0.5rem;
 border-radius: 0;
 border: none;
 background-color: transparent;
 background-color: rgba(168, 168, 168, 0.1);
}

.dashboard-card:hover {
 background-color: rgba(168, 168, 168, 0.15);
}

.dashboard-card i {
 font-size: 2em;
}

@media (min-width: 992px) {
 .dashboard-card i {
  font-size: 2em;
 }
}

.dashboard-card a {
 color: rgb(48, 48, 48);
}

a.btn-dash {
 padding: 0.1rem 0.5rem;
 width: 100%;
 border-radius: 0;
 border: none;
 font-size: calc(1.3rem + 0.6vw);
 text-decoration: underline;
 color: var(--bs-body-color);
}

a.btn-dash:hover {
 font-size: calc(1.3rem + 0.6vw);
 text-decoration: none;
 color: var(--bs-link-color);
}

.nav-submenu-studio {
 padding: 0.75rem 0.375rem;
 font-size: 1rem;
}.nav-submenu-studio .nav-link.disabled {
 font-size: 1.2rem;
}

.nav-submenu-studio .nav-link.active {
 background-color: rgba(var( --bs-dark-bg-subtle-rgb), 0.1);
}

[data-bs-theme=dark] .nav-submenu-studio .nav-link:hover {
 background-color: rgba(var( --bs-dark-bg-subtle-rgb), 0.8);
}

[data-bs-theme=dark] .nav-submenu-studio .nav-link.active {
 background-color: rgba(var( --bs-dark-bg-subtle-rgb), 0.8);
}

.nav-submenu-studio .col {
 display: grid !important;
}

.studio-blueprints {
 display: block;
 position: relative;
 margin-left: auto;
 margin-left: auto;
 height: 85vh;
 width: 100%;
 z-index: 1;
}

#blueprints-h {
 display: block;
 display: block;
 width: 100%;
 height: calc(85vh);
}

.scene-line {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 z-index: 2;
}

.studio-box .btn-outline-secondary {
 --bs-btn-color: var(--bs-body-color);
 --bs-btn-border-color: #6c757d;
 --bs-btn-hover-color: #fff;
 --bs-btn-hover-bg: #6c757d;
 --bs-btn-hover-border-color: #6c757d;
 --bs-btn-focus-shadow-rgb: 108, 117, 125;
 --bs-btn-active-color: #fff;
 --bs-btn-active-bg: #6c757d;
 --bs-btn-active-border-color: #6c757d;
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color: #6c757d;
 --bs-btn-disabled-bg: transparent;
 --bs-btn-disabled-border-color: #6c757d;
 --bs-gradient: none;
 border: none;
 border-radius: 0;
}

.climograma-chart {
 min-width: 36rem;
 height: auto;
}

@media (min-width: 576px) {
 .climograma-chart {
  width: 100%;
  height: auto;
 }
}



.bg-colors-dev:nth-child(0) {
 border: 0.063rem solid black;
 background-color: rgba(226, 40, 40, 0.4);
}

.bg-colors-dev:nth-child(1) {
 border: 0.063rem solid black;
 background-color: rgba(226, 40, 120, 0.4);
}

.bg-colors-dev:nth-child(2) {
 border: 0.063rem solid black;
 background-color: rgba(168, 40, 240, 0.4);
}

.bg-colors-dev:nth-child(3) {
 border: 0.063rem solid black;
 background-color: rgba(80, 40, 240, 0.4);
}

.bg-colors-dev:nth-child(4) {
 border: 0.063rem solid black;
 background-color: rgba(140, 40, 240, 0.4);
}

.bg-colors-dev:nth-child(4) {
 border: 0.063rem solid black;
 background-color: rgba(220, 40, 240, 0.4);
}



.coming-soon .holder {
 width: 100%;
 margin-top: 0;
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
}

.coming-soon .logo-gerardo-gg {
 display: inline-block;
 width: 60px;
 height: 60px;
 background-image: url(../../css/svgs/logo-gerardo-gg-100x100.svg);
 background-repeat: no-repeat;
 vertical-align: middle;
 overflow: hidden;
 filter: drop-shadow(0 0.1rem 0.09rem rgba(0, 0, 0, 0.6));
 z-index: 51;
}

#Layer_1 {
 fill: green;
}

.coming-soon .cover-container {
 width: 100%;
 height: auto;
 margin-left: auto;
 margin-right: auto;
 text-align: center;filter: opacity(0.9);
}

.coming-soon .cover-text {
 display: block;
 margin-top: 0.8rem;
 font-size: clamp(1rem, 5vw, 1.5rem);
 font-weight: 600;
 letter-spacing: -0.01rem;
 font-family:'avenir-next-regular', Georgia, serif;
 color: #7d209f;
 text-shadow: 1px 1px 0.5px rgba(0, 0, 0, .5);
 z-index: 51;
}

.logo-coming-soon {
 height: calc(7.5rem + 2.5vw);
}

.coming-soon .site-title {
 font-family:'avenir-next-regular';
 font-size: clamp(2.2rem, 5vw, 2.4rem);
 text-align: center;
 color: var(--font-dark-color);
 text-shadow: 1px 1px #111;
 margin-top: 0.3rem;
 margin-bottom: 0px;
}

.coming-soon .site-title a {
 color: #FFF;
}

.coming-soon .site-subtitle {
 font-family:'avenir-next-regular';
 font-size: clamp(0.6rem, 5vw, 1.4rem);
 font-weight: 200;
 text-align: center;
 text-transform: uppercase;
 color: #808080;
 text-shadow: 1px 1px #111;
 margin-top: 0.2rem;
}

.coming-soon .subtitle {
 margin-top: 0.1rem;
 padding: 1rem;
 font-family:"Georgia";
 font-style: italic;
 font-size: clamp(1.4rem, 5vw, 1.8rem);
 text-align: center;
 white-space: pre-wrap;
 letter-spacing: -0.01em;
 text-shadow: 0rem 0.12rem 0.12rem rgba(0, 0, 0, 0.9);
 opacity: 0.8;
}

.coming-soon .logo-coming-soon,
.coming-soon .site-title,
.coming-soon .site-subtitle,
.coming-soon .cover-text {
 opacity: 0;
}



.fs-testing h1,
.fs-testing .h1 {
 font-size: 8rem;
}



@media print {
 html {
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  min-height: 50vh;
 }
 body {
  font-size: 110%;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000 !important;
  font-size: 62.5%;
  min-height: 50vh;
  background-color: #fff;
 }
 a,
 a:visited {
  text-decoration: underline;
 }
 tr,
 img {
  page-break-inside: avoid;
 }
 img {
  max-width: 100% !important;
 }
 h3 {
  page-break-after: avoid;
 }
 #top-message-alert {
  display: none;
 }
 #mantenimiento {
  display: none;
 }
 #nav {
  display: none;
 }
 #sidebar {
  display: none;
 }
 .scrolltop {
  display: none;
 }
 .pagebreak {
  clear: both;
  page-break-after: always;
 }
}

.body-imprime {
 --bs-body-color: #161616;
 --bs-body-color-rgb: 22, 22, 22;
 --bs-body-bg: #fff;
 --bs-body-bg-rgb: 255, 255, 255;
 --bs-body-bg-hover: #eaeaea;
 --bs-body-bg-hover-rgb: 235, 235, 235;
 --bs-body-bg-inverse: #1b1b1f;
 --bs-body-bg-inverse-rgb: 25, 25, 25;
 --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
}

.body-imprime {
 min-height: 50vh;
 padding: 0;
 margin: 0%;
 font-size: 110%;
}



#header-imprime {
 display: block;
 padding: 0.5rem 0 0.2rem 0;
}

.header-top.header-imprime {
 padding: 1rem 0 0 0;
 height: 8rem;
 display: grid;
 place-items: end;
 background-color: transparent;
}

.header-top.header-imprime .btns-header {
 padding: 0.75rem 0 0.5rem 0;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 background-color: transparent;
}

.body-imprime .hero-container {
 min-height: auto;
}

.body-imprime .hero-30 {
 height: auto;
}

.body-imprime .hero-container .title,
.body-imprime .hero-container-absolute .title {
 font-size: 120%;
 color: var(--bs-body-color-print);
 text-shadow: none;
}

.body-imprime .hero-container .title small,
.body-imprime .hero-container-absolute .title small {
 font-size: 120%;
 color: var(--bs-body-color-print);
 text-shadow: none;
}

.body-imprime .hero-container .subtitle,
.body-imprime .hero-container-absolute .subtitle {
 margin: 0;
 padding: 0;
 font-size: 115%;
 color: var(--bs-body-color-print);
 text-shadow: none;
}







.body-imprime #main-page {
 margin: 0 !important;
 padding: 0 !important;
 min-height: 50vh;
 font-weight: 200;
}

.body-imprime #main-page>section {
 margin: 0 !important;
 padding: 0 !important;
 -webkit-animation: none;
 animation: none;
}

.body-imprime .sections {
 margin: 0;
 padding: 0;
}

.body-imprime .box--section,
.body-imprime .box--md,
.body-imprime .box--lg,
.body-imprime .box--xl,
.body-imprime .box--xxl,
.body-imprime .box--res {
 width: 100%;
}

.body-imprime .section-brief {
 height: auto;
 background-color: rgba(var(--ggg-print-white-color-rgb), 1);
}

.body-imprime .post-header {
 text-shadow: none;
 color: var(--bs-body-color-print);
}



.body-imprime #footer-wrapper {
 display: none;
}

.body-imprime #cookieAcceptBar {
 display: none;
}



.body-imprime .logo-bbva .logo-svg {
 margin: 0;
 padding: 0;
 width: auto;
 height: 3rem;
}

.body-imprime .logo-bbva-h .logo-svg {
 margin: 0;
 padding: 0;
 width: auto;
 height: 2rem;
}

.body-imprime .bbva-color {
 fill: #062245;
}

.body-imprime .logo-paypal .logo-svg {
 margin: 0;
 padding: 0;
 width: auto;
 height: 3rem;
}

.body-imprime .logo-paypal-h .logo-svg {
 margin: 0;
 padding: 0;
 width: auto;
 height: 2rem;
}



.body-imprime h1,
.body-imprime .h1,
.body-imprime h2,
.body-imprime .h2,
.body-imprime h3,
.body-imprime .h3,
.body-imprime h4,
.body-imprime .h4 {
 font-size: 100%;
 color: var(--bs-body-color-print);
 text-shadow: none;
}

.body-imprime table {
 color: var(--bs-body-color-print);
}

.body-imprime thead,
.body-imprime tbody,
.body-imprime tfoot,
.body-imprime tr,
.body-imprime td,
.body-imprime th {
 color: var(--bs-body-color-print);
 background: none;
}

.body-imprime table {
 font-size: 105%;
}

.body-imprime .table {
 font-size: 105%;
}

.body-imprime h1 {
 font-size: 114%;
}

.body-imprime h2 {
 font-size: 113%;
}

.body-imprime h3 {
 font-size: 112%;
}

.body-imprime .fs-5 {
 font-size: 100% !important;
 color: var(--bs-body-color-print);
}

.body-imprime .style-text strong {
 color: var(--bs-body-color-print);
}

.body-imprime .table-fee .precio-regular.text-decoration-line-through {
 color: var(--bs-body-color-print);
}

.body-imprime .logo-pagos {
 height: 30px;
}

.body-imprime .text-muted {
 color: var(--bs-body-color-print) !important;
}

.body-imprime .comentarios {
 display: none;
}

.body-imprime .banners {
 display: none;
}



@keyframes rotar {
 0% {
  transform: rotate(90deg);
 }
 25% {
  transform: rotate(180deg);
 }
 50% {
  transform: rotate(270deg);
 }
 75% {
  transform: rotate(360deg);
 }
 100% {
  transform: rotate(360deg);
 }
}

@-moz-keyframes rotar {
 0% {
  transform: rotate(90deg);
 }
 25% {
  transform: rotate(180deg);
 }
 50% {
  transform: rotate(270deg);
 }
 75% {
  transform: rotate(360deg);
 }
 100% {
  transform: rotate(360deg);
 }
}

@-webkit-keyframes rotar {
 0% {
  transform: rotate(90deg);
 }
 25% {
  transform: rotate(180deg);
 }
 50% {
  transform: rotate(270deg);
 }
 75% {
  transform: rotate(360deg);
 }
 100% {
  transform: rotate(360deg);
 }
}

@-o-keyframes rotar {
 0% {
  transform: rotate(90deg);
 }
 25% {
  transform: rotate(180deg);
 }
 50% {
  transform: rotate(270deg);
 }
 75% {
  transform: rotate(360deg);
 }
 100% {
  transform: rotate(360deg);
 }
}

@keyframes blink {
 0% {
  transform: translateY(-1.5px);
 }
 5%,
 7% {
  transform: translateY(0);
 }
 10% {
  transform: translateY(-1.5px);
 }
 100% {
  transform: translateY(-1.5px);
 }
}

@keyframes thunder-bg {
 0% {
  background-color: rgba(0, 14, 63, 0.9);
 }
 9% {
  background-color: rgba(0, 14, 63, 0.8);
 }
 10% {
  background-color: rgba(19, 19, 79, 0.3);
 }
 10.5% {
  background-color: rgba(0, 14, 63, 0.9);
 }
 80% {
  background-color: rgba(0, 14, 63, 0.8);
 }
 82% {
  background-color: rgba(19, 19, 79, 0.3);
 }
 83% {
  background-color: rgba(0, 14, 63, 0.9);
 }
 83.5% {
  background-color: rgba(19, 19, 79, 0.3);
 }
 100% {
  background-color: rgba(0, 14, 63, 0.8);
 }
}

@keyframes levitation {
 0%,
 100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
 50% {
  -webkit-transform: translateY(3rem);
  transform: translateY(3rem);
 }
}

@-webkit-keyframes levitation {
 0%,
 100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
 50% {
  -webkit-transform: translateY(3rem);
  transform: translateY(3rem);
 }
}

@keyframes glowing {
 0% {
  background-color: rgba(19, 19, 19, 0.6);
  color: rgb(239, 239, 239);
 }
 30% {
  background-color: rgba(13, 4, 31, 0.6);
 }
 100% {
  background-color: rgba(39, 9, 98, 0.6);
  color: var(--purple-two);
 }
}

@keyframes glowingdark {
 0% {
  background-color: rgba(19, 19, 19, 0.4);
  color: rgb(239, 239, 239);
 }
 30% {
  background-color: rgba(13, 4, 31, 0.6);
 }
 100% {
  background-color: rgba(39, 9, 98, 0.8);
  color: var(--purple-two);
 }
}

@keyframes glowingGreen {
 0% {
  background-color: rgba(19, 19, 19, 0.6);
  color: rgb(239, 239, 239);
  fill: rgb(239, 239, 239);
 }
 30% {
  background-color: rgba(13, 4, 31, 0.6);
  background-color: rgba(var(--ggg-primary-color-rgb), 0.3);
 }
 100% {
  background-color: rgba(39, 9, 98, 0.6);
  background-color: rgba(var(--ggg-primary-color-rgb), 0.1);
  color: var(--ggg-primary-color);
  fill: var(--ggg-primary-color);
 }
}

@-webkit-keyframes glowingGreen {
 0% {
  background-color: rgba(19, 19, 19, 0.6);
  color: rgb(239, 239, 239);
  fill: rgb(239, 239, 239);
 }
 30% {
  background-color: rgba(13, 4, 31, 0.6);
  background-color: rgba(var(--ggg-primary-color-rgb), 0.3);
 }
 100% {
  background-color: rgba(39, 9, 98, 0.6);
  background-color: rgba(var(--ggg-primary-color-rgb), 0.1);
  color: var(--ggg-primary-color);
  fill: var(--ggg-primary-color);
 }
}

@keyframes glowingGreenBorderBottom {
 0% {
  border-bottom-color: rgba(var(--ggg-primary-color-rgb), 0);
 }
 60% {
  border-bottom-color: rgba(var(--ggg-primary-color-rgb), 0.7);
 }
 100% {
  border-bottom-color: rgba(82, 82, 82, 0.7);
 }
}

@-webkit-keyframes glowingGreenBorderBottom {
 0% {
  border-bottom-color: rgba(var(--ggg-primary-color-rgb), 0);
 }
 60% {
  border-bottom-color: rgba(var(--ggg-primary-color-rgb), 0.7);
 }
 100% {
  border-bottom-color: rgba(82, 82, 82, 0.7);
 }
}

@keyframes glowingGreenBorderTop {
 0% {
  border-top-color: rgba(var(--ggg-primary-color-rgb), 0);
 }
 60% {
  border-top-color: rgba(var(--ggg-primary-color-rgb), 0.7);
 }
 100% {
  border-top-color: rgba(82, 82, 82, 0.7);
 }
}

@-webkit-keyframes glowingGreenBorderTop {
 0% {
  border-top-color: rgba(var(--ggg-primary-color-rgb), 0);
 }
 60% {
  border-top-color: rgba(var(--ggg-primary-color-rgb), 0.7);
 }
 100% {
  border-top-color: rgba(82, 82, 82, 0.7);
 }
}

@keyframes sectionIn {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}

@keyframes sectionOut {
 from {
  opacity: 1;
 }
 to {
  opacity: 0;
 }
}

@keyframes transitionIn {
 from {
  opacity: 0;
  transform: translateY(3rem);
 }
 to {
  opacity: 1;
  transform: translateY(0rem);
 }
}

@keyframes fadeIn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}

@-moz-keyframes fadeIn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}

@-webkit-keyframes fadeIn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}

@-o-keyframes fadeIn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}

@-ms-keyframes fadeIn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}

@keyframes fadeOut {
 0% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}

@-moz-keyframes fadeOut {
 0% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}

@-webkit-keyframes fadeOut {
 0% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}

@-o-keyframes fadeOut {
 0% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}

@-ms-keyframes fadeOut {
 0% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}

@keyframes fadeInBg {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}

@-moz-keyframes fadeInBg {
 0% {
  background-color: rgba(22, 22, 22, 0.0);
 }
 100% {
  background-color: rgba(22, 22, 22, 1);
 }
}

@-webkit-keyframes fadeInBg {
 0% {
  background-color: rgba(22, 22, 22, 0.0);
 }
 100% {
  background-color: rgba(22, 22, 22, 1);
 }
}

@-o-keyframes fadeInBg {
 0% {
  background-color: rgba(22, 22, 22, 0.0);
 }
 100% {
  background-color: rgba(22, 22, 22, 1);
 }
}

@-ms-keyframes fadeInBg {
 0% {
  background-color: rgba(22, 22, 22, 0.0);
 }
 100% {
  background-color: rgba(22, 22, 22, 1);
 }
}

@-ms-keyframes fadeInOut {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
 0% {
  opacity: 0;
 }
}

@-o-keyframes fadeInOut {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
 0% {
  opacity: 0;
 }
}

@-webkit-keyframes fadeInOut {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
 0% {
  opacity: 0;
 }
}

@keyframes fadeInOut {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
 0% {
  opacity: 0;
 }
}

@keyframes fadeOutBg {
 0% {
  background-color: rgba(22, 22, 22, 1);
 }
 100% {
  background-color: rgba(22, 22, 22, 0.0);
 }
}

@-moz-keyframes fadeOutBg {
 0% {
  background-color: rgba(22, 22, 22, 1);
 }
 100% {
  background-color: rgba(22, 22, 22, 0.0);
 }
}

@-webkit-keyframes fadeOutBg {
 0% {
  background-color: rgba(22, 22, 22, 1);
 }
 100% {
  background-color: rgba(22, 22, 22, 0.0);
 }
}

@-o-keyframes fadeOutBg {
 0% {
  background-color: rgba(22, 22, 22, 1);
 }
 100% {
  background-color: rgba(22, 22, 22, 0.0);
 }
}

@-ms-keyframes fadeOutBg {
 0% {
  background-color: rgba(22, 22, 22, 1);
 }
 100% {
  background-color: rgba(22, 22, 22, 0.0);
 }
}

@keyframes nextOFF {
 from {
  transform: translateY(0);
 }
 to {
  transform: translateY(4rem);
 }
}

@keyframes ellipsis {
 to {
  width: 1.25em;
 }
}

@-webkit-keyframes ellipsis {
 to {
  width: 1.25em;
 }
}

@-webkit-keyframes circular {
 0% {
  transform: translate(0, -150px);
 }
 25% {
  transform: translate(150px, 0);
 }
 50% {
  transform: translate(0, 150px);
 }
 75% {
  transform: translate(-150px, 0);
 }
 100% {
  transform: translate(0, -150px);
 }
}

@keyframes circular {
 0% {
  transform: translate(0, -150px);
 }
 25% {
  transform: translate(150px, 0);
 }
 50% {
  transform: translate(0, 150px);
 }
 75% {
  transform: translate(-150px, 0);
 }
 100% {
  transform: translate(0, -150px);
 }
}

@-webkit-keyframes circular2 {
 0% {
  transform: translate(0, 150px);
 }
 25% {
  transform: translate(-150px, 0);
 }
 50% {
  transform: translate(0, -150px);
 }
 75% {
  transform: translate(150px, 0);
 }
 100% {
  transform: translate(0, 150px);
 }
}

@keyframes circular2 {
 0% {
  transform: translate(0, 150px);
 }
 25% {
  transform: translate(-150px, 0);
 }
 50% {
  transform: translate(0, -150px);
 }
 75% {
  transform: translate(150px, 0);
 }
 100% {
  transform: translate(0, 150px);
 }
}

@-webkit-keyframes ping {
 75%,
 to {
  transform: scale(2);
  opacity: 0
 }
}

@keyframes ping {
 75%,
 to {
  transform: scale(2);
  opacity: 0
 }
}

 /* Total 169 no cache */