@charset "UTF-8";
	
	
:root {
 --app-height: 100%;
 --bott-height: 1rem;
 --bott-height-cuatro: 4.063rem;
 --top-affix-bg: #ffffff;
 --pc-background-color: #261f10;
 --pc-dark-background-color: #222222;
 --pc-dark-background-color-rgb: 34, 34, 34;
 --pc-font-size: calc(1.2rem + 0.25vw);
 --pc-font-weight: 300;
 --pc-line-height: 1.6;
 --pc-font-color: #212529;
 --pc-font-color-dark: #f5f5f5;
 --pc-main-link-color: #6B7B4C;
 --pc-main-link-hover-color: #849660;
 --bg-light-gray: #a8a8a8;
 --bg-light-gray-rgb: 242, 242, 242;
 --white-links-rgb: 245, 245, 245;
 --bs-body-color-print: #212529;--change-color-1: #ffffff;
 --change-color-1-rgb: rgb(245, 245, 245);
 --pc-green-bg-1: #d3d690;
 --pc-green-bg-1-rgb: 211, 214, 144;
 --pc-green-bg-2: #9ca689;
 --pc-green-bg-2-rgb: 156, 166, 137;
 --pc-green-bg-3: #6b7b4c;
 --pc-green-bg-3-rgb: 107, 123, 76;
 --pc-green-bg-4: #313a2c;
 --pc-green-bg-4-rgb: 49, 58, 44;
 --pc-green-bg-5: #313a2c;
 --pc-green-bg-5-rgb: 49, 58, 44;
 --pc-green-color-1: #edf1d7;
 --pc-green-color-1-rgb: 237, 241, 215;
 --pc-green-color-2: #261f10;
 --pc-green-color-2-rgb: 38, 31, 16;
 --pc-green-color-hover-1: #86d480;
 --pc-purple-color-1: #372E49;
 --pc-blue-color-1: rgba(52, 73, 94, 0.75);
 --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
}

[data-bs-theme=light] {
 --bs-body-color: #212529;
 --bs-body-color-rgb: 33, 37, 41;
 --bs-body-bg: #ffffff;
 --bs-body-bg-rgb: 255, 255, 255;
 --bs-body-bg-hover: #eaeaea;
 --bs-body-bg-hover-rgb: 235, 235, 235;
 --bs-side-bg-hover: rgba(132, 143, 156, 0.4);
 --bs-side-bg-hover-rgb: 54, 59, 64;
 --bs-link-color: #6B7B4C;
 --bs-link-color-rgb: 107, 123, 76;
 --bs-link-hover-color: #849660;
 --bs-link-hover-color-rgb: 132, 150, 96;
 --bs-border-color: #dee2e6;
 --bs-border-color-rgb: 222, 226, 230;
 --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
 --bs-success: #198754;
 --bs-success-rgb: 25, 135, 84;
 --bs-success-text: #146c43;
 --bs-success-bg-subtle: #d1e7dd;
 --bs-secondary-color: rgba(33, 37, 41, 0.75);
 --bs-secondary-color-rgb: 33, 37, 41;
 --bs-warning-text: #997404;
 --bs-warning-bg-subtle: #fff3cd;
 --bs-list-group-active-bg: #0d6efd;
 --bs-list-group-active-border-color: #0d6efd;--pc-light-bg-subtle: #fcfcfd;
 --pc-light-bg-subtle-rgb: 252, 252, 253;
 --pc-search-bg-subtle: #eaeaea;
 --pc-search-bg-subtle-rgb: 235, 235, 235;
 --pc-search-bg-subtle-hover: #d3d3d3;
 --pc-search-bg-subtle-hover-rgb: 212, 212, 212;
 --pc-primary-bg-subtle: #cfe2ff;
 --pc-primary-bg-subtle-rgb: 207, 226, 255;
 --pc-warning-color: #ffc107;
 --pc-warning-color-rgb: 255, 193, 7;
 --pc-warning-color-rgba: rgba(255, 193, 7, 0.714);
 --pc-warning-text-rgb: 153, 116, 4;
 --pc-active-sb: #3b7808;
 --top-affix-bg: #ffffff;
 --nav-menu-link-color: #adb5bd;
 --pc-label-font-color: #69747f;
 --pc-font-size: calc(1.2rem + 0.25vw);
 --pc-letter-spacing: normal;
}

[data-bs-theme=dark] {
 --bs-body-color: #f5f5f5;
 --bs-body-color-rgb: 245, 245, 245;
 --bs-body-bg: #222222;
 --bs-body-bg-rgb: 34, 34, 34;
 --bs-body-bg-hover: #343a40;
 --bs-body-bg-hover-rgb: 54, 59, 64;
 --bs-side-bg-hover: rgba(86, 99, 110, 0.4);
 --bs-side-bg-hover-rgb: 54, 59, 64;
 --bs-link-color: #6B7B4C;
 --bs-link-color-rgb: 107, 123, 76;
 --bs-link-hover-color: #849660;
 --bs-link-hover-color-rgb: 132, 150, 96;
 --bs-border-color: #495057;
 --bs-border-color-rgb: 73, 80, 87;
 --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
 --bs-success: #19875469;
 --bs-secondary-color: rgba(173, 181, 189, 0.75);
 --bs-secondary-color-rgb: 173, 181, 189;
 --bs-warning-text: #ffda6a;
 --bs-warning-bg-subtle: #332701;--pc-light-bg-subtle: #343a40;
 --pc-light-bg-subtle-rgb: 52, 58, 64;
 --pc-search-bg-subtle: #343a40;
 --pc-search-bg-subtle-rgb: 53, 59, 65;
 --pc-search-bg-subtle-hover: #616a73;
 --pc-search-bg-subtle-hover-rgb: 99, 107, 116;
 --pc-primary-bg-subtle: #031633;
 --pc-primary-bg-subtle-rgb: 3, 22, 51;
 --pc-warning-color: #ffc107;
 --pc-warning-color-rgb: 255, 193, 7;
 --pc-warning-color-rgba: rgba(255, 193, 7, 0.3);
 --pc-warning-text: #997404;
 --pc-warning-text-rgb: 153, 116, 4;
 --pc-active-sb: #7aa31b;
 --top-affix-bg: #ffffff;
 --nav-menu-link-color: #adb5bd;
 --pc-label-font-color: #505963;
 --pc-font-size: calc(1.2rem + 0.25vw);
 --pc-letter-spacing: normal;
}

		
@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_coopbl';
 src: url('../../../css/fonts/cooper_black/coopbl.eot');
 src: url('../../../css/fonts/cooper_black/coopbl.woff') format('woff'), url('../../../css/fonts/cooper_black/coopbl.ttf') format('truetype'), url('../../../css/fonts/cooper_black/coopbl.svg') 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:'k26lavendulagray';
 src: url('../../../css/fonts/k26lavendula-gray/k26lavendulagray.eot');
 src: url('../../../css/fonts/k26lavendula-gray/k26lavendulagray.woff') format('woff'), url('../../../css/fonts/k26lavendula-gray/k26lavendulagray.ttf') format('truetype'), url('../../../css/fonts/k26lavendula-gray/k26lavendulagray.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'markerfelt-thin';
 src: url('../../../css/fonts/markerfelt-thin/markerfelt-thin.eot');
 src: url('../../../css/fonts/markerfelt-thin/markerfelt-thin.woff') format('woff'), url('../../../css/fonts/markerfelt-thin/markerfelt-thin.ttf') format('truetype'), url('../../../css/fonts/markerfelt-thin/markerfelt-thin.svg') 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_coopbl';
}

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

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

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

.font9 {
 font-family:'Conv_coopbl', Georgia, serif;
}

.ff-futura {
 font-family:'futura-bold';
 font-weight: normal;
}

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

.ff-coopbl {
 font-family:'Conv_coopbl', Georgia, serif;
}

	

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



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


  


		
* {
 margin: 0;
 padding: 0;
}

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

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

html,
body {
 height: 100%;
 padding: 0 !important;
 margin: 0 !important;
 background-color: var(--pc-background-color);
 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(--pc-font-size);
 line-height: var(--pc-line-height);
 letter-spacing: var(--pc-letter-spacing);
}@media(prefers-reduced-motion: no-preference) {
 body {
  scroll-behavior: initial;
 }
}#bodyId.scroll-body {
 overflow: hidden;
 overflow-x: hidden;
 overflow-y: scroll;
 overscroll-behavior-y: contain;
 scroll-behavior: smooth;
 scroll-margin-top: 4rem;
}

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

#bodyId.body-home {
 position: relative;
 padding: 0;
 width: 100%;
 overflow-y: hidden;
 overflow-x: hidden;
 scroll-behavior: smooth;
 text-rendering: optimizeSpeed;
}

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

.wrapper {
 margin: 0;
 padding: 0;
 width: 100%;
 height: auto;
 z-index: 2;-webkit-transition: background 250ms ease-in-out;
 transition: background 250ms ease-in-out;
}

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

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

#content {
 margin: 0;
 padding: 0;
 display: block;
 width: 100%;
 height: auto;
 right: 0;
 z-index: 3;
 -webkit-transition: margin-left 300ms ease-in-out;
 transition: margin-left 300ms ease-in-out;
}

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

#content.no-scroll-body {
 height: 100vh;
 overflow: hidden;
}#imprime-dump {
 background: var(--bs-body-bg);
 display: block;
 width: 100%;
 height: auto;
}

#imprime-dump h1 {
 padding: 0;
 margin: 0;
}

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

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

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

.wrapper-coming-bg {
 margin: auto;
 background-color: #261f10;
 background-image: radial-gradient(rgba(123, 140, 87, 0.9), #282d0d);
 background-size: cover;
 background-attachment: fixed;
 transition: background 350ms ease-in-out;
 -webkit-transition: background 350ms ease-in-out;
 will-change: background;
}

[data-bs-theme=dark] .wrapper-coming-bg {
 background-color: #261f10;
 background-image: radial-gradient(circle, rgba(130, 117, 73, 0.6), rgba(38, 31, 16, 0.9));
 background-size: cover;
 background-attachment: fixed;
 -webkit-transition: background 350ms ease-in-out;
 transition: background 350ms ease-in-out;
}

.wrapper-bg-blue {
 margin: auto;
 background-color: #22213d;
 background-image: radial-gradient(rgb(56, 54, 97), #22213d);
 background-size: cover;
 background-attachment: fixed;
 transition: background 350ms ease-in-out;
 -webkit-transition: background 350ms ease-in-out;
 will-change: background;
}

.bglgo-logo-bg {
 margin: auto;
 background-color: #a8a8a8;
 background-size: cover;
 background-attachment: fixed;
 transition: background 350ms ease-in-out;
 -webkit-transition: background 350ms ease-in-out;
 will-change: background;
}[data-bs-theme=dark] .bglgo-logo-bg {
 margin: auto;
 background-color: #191919;
 background-size: cover;
 background-attachment: fixed;
}

.bglgo-grack-1 {
 fill: #8b8b8b;
}

.bglgo-grack-2 {
 fill: #bebebe;
}

.bglgo-grack-3 {
 fill: #a8a8a8;
}

.bglgo-grack-4 {
 fill: none;}[data-bs-theme=dark] .bglgo-grack-4 {
 fill: none;}

.bglgo-grack-44 {
 fill: #ffffff;
}

[data-bs-theme=dark] .bglgo-grack-44 {
 fill: #222;
}

.bglgo-grack-5 {
 fill: #5e5e5e;
}

.bglgo-grack-6 {
 fill: #757575;
}

.bglgo-grack-7 {
 filter: url(#drop-shadow-1);
}.bglgo-grack-7 {
 opacity: .2;
}

[data-bs-theme=dark] .bglgo-grack-7 {
 opacity: .05;
}.bglgo-grack-8 {
 opacity: .6;
}

[data-bs-theme=dark] .bglgo-grack-8 {
 opacity: .22;
}

.bglgo-grack-9 {
 opacity: .35;
}

.bglgo-grack-10 {
 opacity: .5;
}

.bglgo-grack-11 {
 opacity: .92;
}

.bglgo-grack-12 {
 opacity: .82;
}

.bglgo-grack-13 {
 opacity: .5;
}

[data-bs-theme=dark] .bglgo-grack-13 {
 opacity: .98;
}

.bglgo-svg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 margin: auto;
 z-index: -1;
}

.bglgo-svg svg path {
 opacity: 1;
 transform-box: fill-box;
}

.bglgo-svg .bg-logo-gray-black {
 width: 100%;
 height: 100vh;
 margin: auto;
 z-index: -1;
}.bg-circular {
 display: block;
 height: 100dvh;
 padding: 20px;
 margin: 0;
 background-image: radial-gradient( circle at 50% 0%, rgb(67, 54, 74) 16.4%, rgb(47, 48, 67) 68.2%, rgb(27, 23, 36) 99.1%);
}

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

.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-alerts {
 width: 100%;
 height: auto;
 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;
}

#mantenimiento {
 margin-left: auto;
 margin-right: auto;
 margin: auto;
 width: 100%;
 min-height: calc(1vh + 10px);
 display: table;
 background: #df6542;
 box-shadow: 0 0.188rem 0.125rem -0.188rem black;
 z-index: 1000;
 pointer-events: none;
}

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

#mantenimiento .holder p {
 margin-top: calc(1rem + 10px);
 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;
 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 {
  min-height: calc(8vh + 10px);
 }
 #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;
 }
}

.toast-container {
 z-index: 9999;
}

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

@media (min-width: 576px) {
 #header-top {
  height: 1rem;
  width: 100%;
 }
}

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

@media (min-width: 576px) {
 #header-mapa {
  height: 4rem;
  width: 100%;
 }
}

#header-carousel {
 border-bottom: solid 3px #1A160D;
}

#header-carousel .carousel-inner {
 background-color: #261f10;
}

#header-carousel .carousel-item {
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 object-fit: cover;
}

.carousel-item-bottom {
 background: no-repeat bottom center scroll;
}

.carousel-item-center {
 background: no-repeat center scroll;
}

.carousel-item-top {
 background: no-repeat top center scroll;
}

#header-carousel .carousel-item {
 transition: -webkit-transform 500ms ease, opacity 500ms;
 transition: transform 500ms ease, opacity 500ms;
 transition: transform 500ms ease, -webkit-transform 500ms ease, opacity 500ms;
 -webkit-backface-visibility: visible;
 backface-visibility: visible;
}

#header-carousel .carousel-caption {
 margin: 0;
 padding: 6px 0;
 bottom: 40%;
}

.hd-80 {
 height: 80vh;
}

.hd-70 {
 height: 70vh;
}

.hd-65 {
 height: 65vh;
}

.hd-60 {
 height: 60vh;
}

.hd-55 {
 height: 55vh;
}

.hd-50 {
 height: 50vh;
}

.hd-45 {
 height: 45vh;
}

.hd-40 {
 height: 40vh;
}

.hd-40-60 {
 height: 40vh;
}

.hd-30 {
 height: 30vh;
}

.hd-30-60 {
 height: 30vh;
}

.hd-20 {
 height: 20vh;
}

@media (min-width: 768px) {
 .hd-40-60 {
  height: 60vh;
 }
 .hd-30-60 {
  height: 60vh;
 }
}#header-carousel .carousel-caption .h3 {
 margin: 0;
 padding: 0;
 font-size: 2rem;
 color: #fff;
 text-shadow: 1px 1px 1px #000;
}@media (min-width: 768px) {
 #header-carousel .carousel-caption .h3 {
  font-size: 2.4rem;
 }
}

@media (min-width: 992px) {
 #header-carousel .carousel-caption .h3 {
  font-size: 2.6rem;
 }
}.page-header-top {
 margin: 0;
 padding-top: 1rem;
 padding-bottom: 0.15rem;
}

.page-header {
 padding-top: 1rem;
 padding-bottom: 0.75rem;
 margin: 0 0 2rem 0;
 border-bottom: 0.063rem solid var(--bs-border-color-translucent);}

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

.page-header-n-0 {
 padding-top: 1rem;
 padding-bottom: 0.75rem;
 margin: 0;
 border-bottom: 0.063rem solid var(--bs-border-color-translucent);}

.page-header-nb {
 padding-bottom: 9px;
 margin: 40px 0 20px;
}

.page-sub-header {
 padding-top: 1rem;
 padding-bottom: 0.75rem;
 margin: 0 0 1rem 0;
 border-bottom: 0.063rem solid var(--bs-border-color-translucent);
}

.page-subheader {
 padding-top: 1.5rem;
 padding-bottom: 0.375rem;
 margin: 0 0 0rem 0;
 width: auto;
}

.page-subheader-p-0 {
 padding-top: 0.25rem;
 padding-bottom: 0.15rem;
 margin: 0 0 0rem 0;
 width: auto;
}

.page-subheader-p-0 span {
 padding-left: 0.375rem;
 padding-bottom: 0.25rem;
}

#Capacitacion {
 scroll-snap-align: start;
}

#header-top.header-top-alerts {
 background-color: #ffc107;
}#header-imprime {
 display: block;
 height: 0px;
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding-top: 3rem;
 padding-bottom: 0.1rem;
 padding-left: auto;
 padding-right: auto;
}

#header-imprime .logo-permaculturamx {
 display: block;
 width: 100%;
 height: 6rem;
 margin-top: 0.25rem;
 margin-bottom: 1.0rem;
}

#header-imprime .logo-permaculturamx .logo-holder {
 display: block !important;
 height: 5.625rem !important;
 width: 5.625rem !important;
 float: left !important;
}

#header-imprime .logo-permaculturamx .logo-holder .logo {
 margin-top: 0;
 padding: 0rem;
 display: block !important;
 width: 100% !important;
 height: 100% !important;
 pointer-events: none;
}#header-imprime .logo-txt {
 display: block;
 padding-top: 0.70rem;
}

#header-imprime .logo-permaculturamx h1 a,
#header-imprime .logo-permaculturamx .h1 a {
 text-decoration: none;
}

#header-imprime .logo-permaculturamx h1,
#header-imprime .logo-permaculturamx .h1 {
 font-family:'avenir-next-bold';
 padding: 0;
 margin: 0;
 font-size: 1.6rem;text-transform: uppercase;
 color: #819455;
}

#header-imprime .logo-permaculturamx h1 span,
#header-imprime .logo-permaculturamx .h1 span {
 font-family:'avenir-next-light';
 color: #819455;
 font-weight: bolder;
}

#header-imprime .logo-permaculturamx h2,
#header-imprime .logo-permaculturamx .h2 {
 padding: 0;
 margin: 0;
 font-size: 1.2em;
 color: #261f10;text-transform: capitalize;
}

#header-imprime .slogan {
 padding: 0;
 margin: 0px;
 color: #DFAD5B;
 font-size: .8rem;
 font-weight: 300;
}

	
		
.h-screen {
 height: 100vh;
}

#main-page {
 display: block;
 height: auto;
 z-index: 10;
}

#main-page>section {
 display: block;
 -webkit-animation: transitionIn 750ms ease-out;
 animation: transitionIn 750ms ease-out;
}

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

#main-page.main-bg-blue {
 background-color: #22213d;
}

#main-page.main-bg-imprime {
 background-color: #ffffff;
}#main-page.main-realtive {
 position: relative;
}.sections {
 margin: auto 0;
 padding: 1rem 0;
 min-height: 50vh;
 z-index: 10;
}

.section-less {
 display: block;
 margin: 0 auto;
 padding: 0;
 min-height: 25vh;
 z-index: 10;
}

.section-preview {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 height: 100vh;
 z-index: 10;
}

.directory-section {
 margin: 0 auto;
 padding: 0;
 z-index: 10;
}

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

.section-inn {
 margin: auto 0;
 padding: 2rem 0;
 height: auto;
 z-index: 10;
}

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

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

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

.section-relative {
 display: block;
 position: relative;
 padding-top: 5rem;
 height: 100vh;
}

.section-viewer-res {
 display: block;
 margin: 0;
 padding: 0;
 width: 100%;
 height: auto;
 z-index: 10;
}

.section-viewer {
 display: block;
 margin: 0;
 padding: 4rem 0 0 0;
 width: 100%;
 height: calc(100vh - 6rem);
 z-index: 10;
}

.section-viewer-user {
 height: calc(100vh - 4rem);
}

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

.section-h {
 margin-left: auto;
 margin-right: auto;
 margin: auto;
 width: 100%;
 min-height: 100vh;
 display: table;
}

.section-h {
 scroll-snap-type: y mandatory;
 overflow-y: scroll;
}

.section-h .holder {
 width: 100%;
 margin: auto;
 display: table-cell;
 vertical-align: middle;
}

.section-h-m {
 margin-left: auto;
 margin-right: auto;
 margin: auto;
 width: 100%;
 min-height: 25vh;
 display: table;
}

.section-h-m {
 scroll-snap-type: y mandatory;
 overflow-y: scroll;
}

.section-h-m .holder {
 width: 100%;
 margin: auto;
 display: table-cell;
 vertical-align: middle;
}

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

.section-center-w .holder {
 margin: auto;
 padding: 0;
 width: 100%;
 height: auto;
 z-index: 21;
 inset: 0;
}

.section-center {
 margin: 0 auto;
 min-height: 25vh;
 display: grid;
 place-items: center;
 z-index: 10;
}

.section-center .holder {
 display: block;
 height: auto;
}

.section-contain-r {
 padding: 0;
 padding-top: 3%;
 margin: 0 auto;
 display: grid;
 place-items: center;
 justify-items: center;
 width: 100%;
 min-height: 65vh;
}

.section-contain {
 padding: 0;
 padding-top: 3%;
 margin: 0 auto;
 display: grid;
 place-items: center;
 justify-items: center;
 width: 100%;
 min-height: 65vh;
}

.section-contain-100 {
 padding: 0;
 padding-top: 3%;
 margin: 0 auto;
 display: grid;
 place-items: center;
 justify-items: center;
 width: 100%;
 min-height: calc(100vh - var( --bott-height));
}

@media (min-width: 768px) {
 .section-contain-r {
  height: auto;
 }
 .section-contain {
  padding-top: 5%;
 }
 .section-contain-100 {
  padding-top: 5%;
  min-height: calc(100vh);
 }
}

	
		
.section-auto-50 {
 height: auto;
}

@media (min-width: 576px) {
 .section-auto-50 {
  height: 50vh;
 }
}

.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-25 {
 height: 50vh;
}

@media (min-width: 576px) {
 .section-50-25 {
  height: 25vh;
 }
}

.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 - var( --bott-height));
}

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

.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 - var( --bott-height));
}

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

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

.sections-holder {
 display: block;
}

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

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

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

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

.w-18 {
 width: 18% !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-90 {
 width: 90% !important;
}

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

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

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

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

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

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

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

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

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

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

	
		
#footer-wrapper {
 padding: 0;
 margin: 0;
 height: auto;
 background-color: #261f10;
 font-size: 1rem;
 box-shadow: 0 50vh 0 50vh #261f10;
 z-index: 8;
}

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

#footer-wrapper a {
 color: #FBF0DD;
 font-weight: 100;
 text-decoration: none;
}

#footer-wrapper a:hover {
 text-decoration: underline;
}

@media ( min-width: 768px) {
 #footer-wrapper {
  font-size: 1.2rem;
 }
}

.footer-top {
 padding: 0.9rem 0;
 margin: 0;
 width: 100%;
 height: 4.063rem;
 background: #1b160c;
}

.footer-top p {
 padding: 0;
 margin: 0 auto;
}

.footer-top a.scrolltop-center {
 padding: 0.35rem;
 color: #FBF0DD;
 text-decoration: none;
}

.footer-middle {
 padding: 1.5rem 0;
}

.footer-bottom {
 padding: 1.5rem 0;
 height: 162px;
 background-color: #261f10;
}

#footer-wrapper .footer-social {
 padding: 4px 2px;
}

#footer-wrapper .btn-dark {
 background: transparent;
}

#footer-wrapper .btn-dark.active {
 border-color: #c2c2c2;
}

.underlegend-bottom {
 color: #fff;
 padding: 1rem 0;
}

.underlegend-bottom .btn-link {
 font-size: 0.8rem;
 text-decoration: none !important;
}

.underlegend-bottom .btn-link:hover {
 font-size: 0.8rem;
 text-decoration: underline !important;
}

.underlegend-bottom.since {
 font-size: 1.3rem;
 font-weight: 600;
}

.underlegend-bottom .version {
 font-size: 1rem;
 font-weight: 100;
}#footer-wrapper .follow-permaculture {
 display: block;
 padding: 10px 0;
 margin: 0px;
 margin-bottom: 20px;
 color: #FBF0DD;
}

#footer-wrapper .logo-permaculturamx a {
 text-decoration: none;
}

#footer-wrapper .logo-permaculturamx .h1,
#footer-wrapper .logo-permaculturamx h1 {
 font-family:'avenir-next-bold';
 padding: 0px;
 margin: 0px;
 font-size: 1.6rem;
 text-shadow: 2px 2px 2px #0d0f11;
 text-transform: uppercase;
 color: #FBF0DD;
}

#footer-wrapper .logo-permaculturamx .h1 span,
#footer-wrapper .logo-permaculturamx h1 span {
 font-family:'avenir-next-light';
 color: #FBF0DD;
}

#footer-wrapper .logo-permaculturamx .h2,
#footer-wrapper .logo-permaculturamx h2 {
 display: block;
 padding: 0px;
 margin: 0px;
 font-size: .9rem;
 color: #FBF0DD;
 text-shadow: 1px 1px 1px #0d0f11;
 text-transform: capitalize;
}

#footer-wrapper .follow-permaculture p {
 padding: 8px 0;
 margin: 0px;
 font-weight: 100;
}#footer-wrapper .under-bottom {
 color: #9f8d6e;
}

#footer-wrapper-six {
 padding: 0;
 margin: 0;
 height: auto;
 background-color: #261f10;
 font-size: 1rem;
}

.wrapper-six {
 padding: 0;
 margin: 0;
 height: auto;
 background-color: #261f10;
 font-size: 1rem;
}

.footer-content-app {
 display: block;
 padding: 2rem 0;
 width: 100%;
 height: 6rem;
}

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

.footer-content-six .under-bottom {
 display: block;
 color: #9f8d6e;
}

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

#footer-wrapper a:hover,
#footer-wrapper a:focus,
#footer-wrapper a:active,
#footer-wrapper-six a:hover,
#footer-wrapper-six a:focus,
#footer-wrapper-six a:active {
 color: #9f8d6e;
}

#footer-wrapper .btn[data-bs-theme-value]:hover,
#footer-wrapper .btn[data-bs-theme-value]:focus,
#footer-wrapper .btn[data-bs-theme-value]:active,
#footer-wrapper-six .btn[data-bs-theme-value]:hover,
#footer-wrapper-six .btn[data-bs-theme-value]:focus,
#footer-wrapper-six .btn[data-bs-theme-value]:active {
 color: #9f8d6e;
}

.scrolltop {
 position: fixed;
 padding: 0.750rem 0.625rem;
 left: auto;
 bottom: 6.25rem;
 right: 2.125rem;
 top: auto;
 width: 3.5rem;
 height: 3.5rem;
 border: none;
 text-align: center;
 color: rgba( var(--white-links-rgb), 0.8);
 background-color: rgba(25, 25, 25, 0.7);
 overflow: hidden;
 z-index: 300;
 -webkit-transition: opacity 500ms, background-color;
 transition: opacity 500ms, background-color;
}

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

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

#cookieAcceptBar .dropdown-menu {
 text-align: center;
 padding: 1rem;
 max-width: 200px;
 border-radius: 0;
 background-color: rgba(206, 206, 206, 0.3);
 box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
 backdrop-filter: blur(6.6px);
 -webkit-backdrop-filter: blur(6.6px);
}

#cookieAcceptBar a {
 padding: 0.6rem 0 0.8rem 0;
 font-size: 0.8rem;
 font-weight: 600;
 color: rgb(29, 40, 44);
}

	
		
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
 margin-top: 0;
 margin-bottom: 0.5rem;
 font-weight: 500;
 line-height: 1.2;
}

h1,
.h1 {
 font-size: calc(1.4rem + 1.6vw);
}

@media (min-width: 1200px) {
 h1,
 .h1 {
  font-size: 2.5rem;
 }
}

h2,
.h2 {
 font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
 h2,
 .h2 {
  font-size: 2rem;
 }
}

h3,
.h3 {
 font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
 h3,
 .h3 {
  font-size: 1.75rem;
 }
}

h4,
.h4 {
 font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
 h4,
 .h4 {
  font-size: 1.5rem;
 }
}

h5,
.h5 {
 font-size: 1.25rem;
}

h6,
.h6 {
 font-size: 1rem;
}

h1 a,
h2 a,
h3 a {
 color: var(--bs-link-color);
}.hr-sm {
 margin-top: 1.5rem;
 margin-bottom: 0.75rem;
 margin-left: calc(2rem * 1.750);
 margin-right: calc(2rem * 1.750);
 opacity: 0.15;
}

#loading-listing {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 200px;
 text-align: center;
 font-size: 60px;
 font-weight: 100;
 color: #c2c2c2;
}

#loading-data-corner {
 text-align: center;
 position: fixed;
 display: block;
 color: #fff;
 z-index: 1001;
 background: rgba(128, 0, 128, 0.6);
 padding: 4px 9px;
 border-radius: 5px;
 left: 10px;
 bottom: 20px;
 font-size: 0.8rem;
}

.loading-modal {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 120px;
 font-size: 60px;
 font-weight: 100;
 color: #c2c2c2;
}

#suggestions-search-input-header {
 display: block;
 position: absolute;
 padding: 0;
 margin: 0 auto;
 width: calc(90%);
 min-width: 200px;
 z-index: 1050;
}

.suggestions-search-item-header {
 width: 100%;
 background: #A1AF7D;
 color: #FBF0DD;
 border-bottom: #313A2C 1px solid;
 text-align: left;
}

.suggestions-search-item-header a {
 padding: 0.375rem 0.500rem;
 width: 100%;
 height: auto;
 display: block;
 color: #FBF0DD;
 font-size: calc(1rem + 0.15vw);
 cursor: pointer;
 text-decoration: none;
}

.suggestions-search-item-header a:hover {
 background: #506D58;
 color: #FBF0DD;
}

.suggestions-search-item-header a.item small {
 font-size: calc(1rem + 0.05vw);
 color: #342f27;
 pointer-events: none;
}

.suggestions-search-item-header-selected {
 background: #506D58;
 color: #FBF0DD;
}

#bottomOffcanvas {
 height: 66vh;
 width: 100%;
 z-index: 1240;
}

#bottomOffcanvas .offcanvas-header {
 padding: 1rem 3rem;
}

#bottomOffcanvas .offcanvas-content {
 overflow: hidden;
 overflow-y: auto;
 height: 64vh;
}

#Aviso {
 font-size: 1.05rem;
 line-height: 1.2rem;
}

.dato {
 font-weight: 500;
 color: rgba(var(--bs-body-color-rgb), 0.75);
}

@media (min-width: 992px) {
 .dato {
  font-weight: 500;
 }
}

#faqFlush .accordion {
 padding: 0 1.25rem;
}

#faqFlush .accordion-button:not(.collapsed)::after {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23261f10'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#faqFlush .accordion-button::after {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23849660'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#faqFlush .accordion-button {
 font-weight: 500;
 line-height: 1.2;
}

[data-bs-theme=light] #faqFlush .accordion-button {
 color: #786a51;
}

[data-bs-theme=dark] #faqFlush .accordion-button {
 color: #9f8d6e;
}

#faqFlush .accordion-button {
 font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
 #faqFlush .accordion-button {
  font-size: 2rem;
 }
}

#faqFlush .accordion-button:not(.collapsed) {
 color: #ffefd4;
 background-color: rgba(131, 144, 107, 0.8);
 box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

#faqFlush .accordion-body {
 padding: 1rem 1.5rem 3rem 1.5rem;
}

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

	
		
.padding-top-80 {
 padding-top: 80%;
}

.padding-top-70 {
 padding-top: 70%;
}

.padding-top-60 {
 padding-top: 60%;
}

.padding-top-50 {
 padding-top: 50%;
}

.padding-top-40 {
 padding-top: 40%;
}

.padding-top-35 {
 padding-top: 35%;
}

.padding-top-30 {
 padding-top: 30%;
}

.padding-top-20 {
 padding-top: 20%;
}

.padding-top-15 {
 padding-top: 15%;
}

.padding-top-10 {
 padding-top: 10%;
}

.padding-top-5 {
 padding-top: 5%;
}

.padding-top-auto {
 padding-top: calc(var(--app-height) * 0.1);
}

@media (min-width: 768px) {
 .padding-top-60 {
  padding-top: 60%;
 }
 .padding-top-50 {
  padding-top: 10%;
 }
 .padding-top-40 {
  padding-top: 5%;
 }
 .padding-top-5 {
  padding-top: 3%;
 }
}

@media (min-width: 768px) {
 .padding-md-top-80 {
  padding-top: 80%;
 }
 .padding-md-top-60 {
  padding-top: 60%;
 }
 .padding-md-top-50 {
  padding-top: 50%;
 }
 .padding-md-top-40 {
  padding-top: 40%;
 }
 .padding-md-top-30 {
  padding-top: 30%;
 }
 .padding-md-top-25 {
  padding-top: 20%;
 }
 .padding-md-top-20 {
  padding-top: 20%;
 }
 .padding-md-top-15 {
  padding-top: 15%;
 }
 .padding-md-top-10 {
  padding-top: 10%;
 }
 .padding-md-top-5 {
  padding-top: 5%;
 }
 .padding-md-top-1 {
  padding-top: 1% !important;
 }
 .padding-md-top-auto {
  padding-top: calc(var(--app-height) * 0.15);
 }
}

@media (min-width: 1200px) {
 .padding-lg-top-10 {
  padding-top: 10%;
 }
}

.margin-bottom-10 {
 margin-bottom: 10%;
}

.margin-top-10 {
 margin-top: 10%;
}

.padding-bottom-10 {
 padding-bottom: 10%;
}

	
		
#Telefonos {
 display: none;
}

.Telefonos,
.telefonos {
 display: none;
}

.hideme {
 opacity: 0;
}

.hidden {
 display: none;
}

.center-block {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

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

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

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

.txt-none {
 display: none;}

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

.country-flag {
 height: 18px;
}

.country-name {
 height: 18px;
}

.phone-format {
 padding: .25rem .25rem;
 display: block;
 width: auto;
}

.phone-format {
 font-weight: 400;
 font-size: 1.3rem;
 text-align: center;
 text-decoration: none;
 line-height: 1.5;
}

.phone-code {
 margin-top: 1rem;
 margin-bottom: 3rem;
}

.phone-code .btn-whtsp {
 padding: 0.10rem 0.75rem;
}

.scrollarea {
 overflow-y: auto;
}

.jumbotron {
 padding: 2rem 1rem;
 margin-bottom: 2rem;
 background-color: #e9ecef;
 border-radius: 0.3rem;
}

[data-bs-theme=dark] .jumbotron {
 color: #bebebe;
 background-color: #333333;
 border-color: #404040
}

@media (min-width: 576px) {
 .jumbotron {
  padding: 4rem 2rem;
 }
}

.jumbotron-fluid {
 padding-right: 0;
 padding-left: 0;
 border-radius: 0;
}

.imprime-datos-scroll {
 background-color: var(--bs-body-bg-hover);
}

.imprime-datos-scroll #imprime-dump {
 background-color: var(--bs-body-bg-hover);
}.rating-stars {
 display: flex;
 flex-wrap: wrap;
 align-items: center !important;
 margin: 0;
 margin-bottom: 0;
 padding: 0;
 height: auto;
}

.rating-stars ul.rating-item {
 list-style-type: none;
 margin: 0;
 padding: 0;
 padding-left: 0rem;
 user-select: none;
 -moz-user-select: none;
 -webkit-user-select: none;
}

@media (min-width: 768px) {
 .rating-stars ul.rating-item {
  padding-left: 0.5rem;
 }
}

.rating-stars ul>li.star {
 margin: 0;
 padding: 0;
 display: inline-block;
}

.rating-stars .fstar {
 margin: 0;
 padding: 0;
 font-size: 1.4rem;
 font-size: calc(1.2rem + 0.1vw);
 color: #FFCC36;
}

.star-results {
 margin: 0;
 padding: 0;
 padding-left: 0;
 font-size: 0.95rem;
}

@media (min-width: 768px) {
 .star-results {
  padding-left: 0.75rem;
  font-size: 1.05rem;
 }
}

.rating-stars span {
 margin: 0;
 padding: 0;
 font-size: .95rem;
 display: inline-block;
}

.rating-stars small {
 font-weight: 600;
}

.lblAviso_rating {
 margin: 0 0 0 0;
 padding: 0 0 1rem 0.50rem;
 height: 1.8rem;
 font-size: 0.9rem;
 color: #6c757d;
}

.trtd {
 cursor: pointer;
}

.trtd:hover {
 cursor: pointer;
 background-color: rgba(25, 135, 84, 0.4);
}

.trtd.active {
 cursor: auto;
 background-color: rgba(25, 135, 84, 0.3);
}

.trtd.disabled {
 cursor: not-allowed;
 background-color: #e9ecef;
}

.table-more {
 background-color: rgba(200, 210, 219, 0.1);
}.featurette-divider {
 margin: 1.250rem 0;
}

.featurette {
 position: relative;
 display: block;
 margin: 0 0;
 padding: 0;
 z-index: 22;
}

.featurette-bg {
 margin-bottom: 5rem;
 display: block;
 position: absolute;
 width: 100%;
 height: calc(100vh * 0.15);
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 opacity: 0.90;
 z-index: 22;
}

.featurette-holder {
 display: block;
 z-index: 25;
}

.featurette-image-a {
 display: none;
}

.featurette-image {
 display: none;
}

.featurette-image-n {}

.featurette-heading-main {
 padding: 10px 0;
 margin: 20px 0;
 font-size: 50px;
 text-align: center;
}

.featurette-heading {
 padding-top: 1vh;
 font-size: 1.75rem;
 text-align: left;
}

.featurette .lead {
 text-align: justify;
}

@media (min-width: 576px) {
 .featurette-bg {
  height: calc(100vh * 0.25);
 }
 .featurette-holder {}
 .featurette-heading {
  padding-top: 3vh;
 }
 .featurette-image-a {}
}

@media (min-width: 768px) {
 .featurette-image-a {
  margin-top: 7rem;
  margin-bottom: 7rem;
 }
 .featurette-heading {
  padding-top: 1.5vh;
  text-align: left;
  font-size: 2rem;
 }
 .featurette-bg {
  height: calc(100vh * 0.30);
 }
 .featurette-image-a {
  display: block;
 }
 .featurette-image {
  display: block;
  text-align: center;
 }
 .featurette-image {
  max-height: 13rem !important;
 }
}

@media (min-width: 992px) {
 .featurette-bg {
  height: calc(100vh * 0.38);
 }
 .featurette-image {
  max-height: 15rem !important;
 }
 .featurette-heading {
  padding-top: 3vh;
  text-align: left;
  font-size: 2.375rem;
 }
}

@media (min-width: 1200px) {
 .featurette-image {
  max-height: 17rem !important;
 }
}

.pull-right-sm {
 float: right;
 margin-left: 2.500rem;
}

.pull-left-sm {
 text-align: center;
 float: left;
 margin-right: 2.500rem;
}

.input-group-search {
 margin: 0;
}

.address-search-input {
 margin: 0 auto;
 z-index: 1050;
}

.suggestions-address {
 display: inline-block;
 margin: 0px;
 width: 100%;
 height: auto;
}

.suggestions-search-address-item {
 display: block;
 margin: 0px;
 padding: 0.375rem 0.375rem;
 width: 100%;
 font-size: 1rem;
 border: thin solid var(--bs-border-color-translucent);
 background-color: var(--bs-body-bg-hover);
}

.suggestions-search-address-item a {
 display: block;
 margin: 0 auto;
 padding: 0;
 width: 100%;
 height: auto;
 cursor: pointer;
}

.suggestions-search-address-item:hover {
 background-color: rgba(var(--bs-link-color-rgb), 0.1);
}.suggestions-holder {
 display: flex;
 position: absolute;
 margin-top: 3.05rem;
 width: 100%;
 min-width: 200px;
 z-index: 1050;
}

.suggestions {
 display: block;
 width: 100%;
 min-width: 200px;
 height: auto;
 margin: 0 auto;
 padding: 0;
 overflow: auto;
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
}

.suggest-element {
 margin: 0px;
 padding: 0px;
 font-size: 12pt;
 width: 100%;
 cursor: pointer;
 border: thin solid var(--bs-border-color-translucent);
}

.suggest-element a {
 display: block;
 padding: 6px 5px;
 width: 100%;
}

.suggest-element a:hover {
 background-color: rgba(var(--bs-body-color-rgb), 0.2);
}

#autocomplete-box {
 position: relative;
 display: inline-block;
 margin: 0;
 padding: 0;
 width: 100%;
 z-index: 1050;
}

.autocomplete-results {
 display: inline-block;
 position: absolute;
 margin: 0;
 overflow: auto;
 width: 100%;
 background-color: rgba(var(--bs-body-bg-rgb), 1);
 z-index: 1051;
}

.autocomplete-item {
 display: block;
 font-size: 1rem;
 color: rgba(var(--bs-body-color-rgb), 1);
 background-color: rgba(var(--bs-body-bg-rgb), 1);
 border-bottom: #a5a5a5 1px solid;
}

.autocomplete-item a:hover {
 background: #cccccc;
}

[data-bs-theme=dark] .autocomplete-item {
 color: rgba(var(--bs-body-color-rgb), 1);
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}

#suggestions-search-input {
 display: block;
 padding: 0;
 margin: 0 auto;
 width: 100%;
 min-width: 200px;
 z-index: 1050;
}

.suggestions-search-item {
 width: 100%;
 background: rgba( var( --pc-search-bg-subtle-rgb), 0.5);
 pointer-events: none;
}

.suggestions-search-item a {
 padding: 0.75rem 0.500rem;
 width: 100%;
 height: auto;
 display: block;
 background: rgba( var( --pc-search-bg-subtle-rgb), 0.5);
 border-bottom: var(--bs-border-color-translucent) 0.063rem solid;
 font-size: 1.2rem;
 cursor: pointer;
 pointer-events: auto;
}

.suggestions-search-item a:hover {
 background: rgba( var( --pc-search-bg-subtle-hover-rgb), 0.4);
}

.suggestions-search-item-selected {
 background: #bbbbbb;
}

.search-loading {
 padding: 0.375rem 0.500rem;
 font-size: 1rem;
 color: rgba(var(--bs-body-color-rgb), 0.5);
}

#observer {
 overflow: hidden;
 padding-top: 2rem;
 padding-bottom: 2rem;
 padding-left: 1rem;
 padding-right: 1rem;
 width: 100%;
 height: 8rem;
 place-items: center;
 align-content: center;
}

.observer-holder {
 width: 100%;
 height: 4rem;
}

.observer-holder .btn {
 border-radius: 0;
}

#filter-box-top {
 margin: 0;
 padding: 0;
 top: 0;
 left: 0;
 width: 100%;
 height: auto;
 z-index: 910;
 transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 -webkit-transition: 600ms ease-in-out;
 transition: 600ms ease-in-out;
 transition-duration: 0600ms;
 -webkit-transition-duration: 0600ms;
}

#filter-box-top.affix {
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;
 position: fixed;
 background: rgba(var(--bs-body-bg-rgb), 0.8);
}

#filter-box-top.filter-mouse-on {
 padding-top: 4.125rem;
 transition: 800ms;
}

#filter-box-top.stick {
 margin: auto;
 padding: 0;
 padding-top: 0rem;
 padding-bottom: 0.5rem;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

@media (min-width: 576px) {
 #filter-box-top.stick {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
 }
}

#citarPlane {
 display: none;
}

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

.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;
}.columns ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

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

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

.back-us-section {
 margin: auto;
 padding: 1rem;
 display: block;
 height: auto;
 min-height: 25vh;
}

.back-us-section .text-body {
 margin: auto;
 padding: 1rem;
 display: block;
 min-height: 25vh;
}

.tooltip {
 z-index: 100000000;
}

	
		
.icons {
 display: inline-block;
 width: 1.2rem;
 height: 1.2rem;
 text-indent: -9999px;
 text-decoration: none;
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: center;
}.icon-bgps {
 width: 1rem;
 height: 1rem;
 background-image: url('../../../gis-archivos/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('../../../gis-archivos/svgs/gps_fixed_white_24dp.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.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-centro {
 width: 1.5rem;
 height: 1.5rem;
 background-image: url('../../../gis-archivos/markers/centro_search_red.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
 opacity: 0.75;
}

.social-icon {
 width: 2.5rem;
 height: 2.5rem;
 font-size: 1.250rem;
 background-color: blue;
 color: #fff;
 text-align: center;
 margin-right: 0.625rem;
 padding-top: 0.625rem;
 border-radius: 50%;
}

.facebook {
 background-color: #3b5998;
}

.facebook {
 color: #3b5998;
}

.twitter {
 background-color: #1da1f2;
}

.youtube {
 background-color: #c4302b;
}

.instagram {
 background: #d6249f;
 background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.icon-verificado {
 vertical-align: middle;
 background-image: url('../../../images/webicons/verificado.png');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.verified-user {
 font-size: 1.2rem;
 color: #1da1f2;
}

.verified-user a {
 color: #1da1f2 !important;
}

.icons-pglobal {
 display: inline-block;
 width: 2.5rem;
 height: 2.5rem;
 font-size: 1.250rem;
 background-color: #0A4354;
 color: #fff;
 text-align: center;
 margin-right: 0.625rem;
 padding-top: 0.625rem;
 border-radius: 50%;
}

.pglobal {
 background-image: url('../../../images/webicons/permaculture-global-permacultura-mx.png');
 background-repeat: no-repeat;
}

.icon-permaculturamx-permacultor {
 vertical-align: middle;
 background-image: url('../../../images/webicons/permaculturamx_permacultor.png');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.icon-permaculturamx-evento {
 vertical-align: middle;
 background-image: url('../../../images/svg/logo-permaculturamx-2-colores.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.certified-designer {
 display: inline-block;
 margin: 0;
 padding: 0.375rem 0.75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.4;
 text-align: center;
 text-decoration: none;
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 border: 1px solid transparent;
 border-radius: 0.375rem;
 background-color: transparent;
 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;
}

.icon-permaculturamx-permaculturista {
 padding: 0;
 margin: 0;
 width: 1.375rem;
 height: 1.375rem;
 vertical-align: middle;
 background-image: url('../../../images/svg/permaculturista/permaculturista-permacultura-mx.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.permaculturista-tl div {
 padding: 0;
 margin: 0;
}

.permaculturista-tl span {
 display: inline-block;
 line-height: 1;
 padding: 0.7rem 0;
 margin: 0;
}

.permaculturista-tl span {
 display: block;
 font-size: 0.75rem;
}

.icon-permaculturamx-certificado-ext {
 padding: 0;
 margin: 0;
 width: 1.375rem;
 height: 1.375rem;
 vertical-align: middle;
 background-image: url('../../../images/svg/certificacion/certificado-ext-permacultura-mx.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.certificado-ext div {
 padding: 0;
 margin: 0;
}

.certificado-ext span {
 display: inline-block;
 line-height: 1;
 padding: 0;
 margin: 0;
}

.certificado-ext .ext {
 display: block;
 line-height: 0.5;
 font-size: 0.875rem;
 padding: 0;
 margin: 0;
}

.icon-permaculturamx-certificado-hc {
 padding: 0;
 margin: 0;
 width: 1.375rem;
 height: 1.375rem;
 vertical-align: middle;
 background-image: url('../../../images/svg/certificacion/certificado-hc-permacultura-mx.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.honorary-cause div {
 padding: 0;
 margin: 0;
}

.honorary-cause span {
 display: inline-block;
 line-height: 1;
 padding: 0;
 margin: 0;
}

.honorary-cause .hc {
 display: block;
 line-height: 0.5;
 font-size: 0.7rem;
 padding: 0;
 margin: 0;
}

.icon-permaculturamx-certificado {
 padding: 0;
 margin: 0;
 width: 1.375rem;
 height: 1.375rem;
 vertical-align: middle;
 background-image: url('../../../images/svg/certificacion/certificado-permacultura-mx.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.certificado-pcmx div {
 padding: 0;
 margin: 0;
}

.certificado-pcmx span {
 display: inline-block;
 line-height: 1;
 padding: 0;
 margin: 0;
}

.certificado-pcmx .pcmx {
 display: block;
 line-height: 0.5;
 font-size: 0.7rem;
 padding: 0;
 margin: 0;
}

.icon-facebook {
 background-image: url('../../../images/webicons/facebook.png');
 background-repeat: no-repeat;
}

.icon-twitter {
 background-image: url('../../../images/webicons/twitter.png');
 background-repeat: no-repeat;
}

.icon-googleplus {
 background-image: url('../../../images/webicons/googleplus.png');
 background-repeat: no-repeat;
}

.icon-youtube {
 background-image: url('../../../images/webicons/youtube.png');
 background-repeat: no-repeat;
}

.icon-instagram {
 background-image: url('../../../images/webicons/instagram.png');
 background-repeat: no-repeat;
}

.icon-pcglobal {
 background-image: url('../../images/webicons/pcglobal.png');
 background-repeat: no-repeat;
}

.icons-1x {
 width: 0.813rem;
 height: 0.813rem;
 padding: 0px;
}

.icons-2x {
 width: 1.438rem;
 height: 1.438rem;
 padding: 0px;
}

.icons-3x {
 width: 1.975rem;
 height: 1.975rem;
 padding: 0px;
}

.icons-4x {
 width: 2.688rem;
 height: 2.688rem;
 padding: 0px;
}

.icons-5x {
 width: 3.313rem;
 height: 3.313rem;
 padding: 0px;
}

	
		
.nav-scroll-off {
 box-shadow: none;
 background-color: rgba(38, 31, 16, 0);
 transform: translateY(-62px);
 -ms-transform: translateY(-62px);
 -webkit-transform: translateY(-62px);
 transition: 300ms linear;
 -webkit-transition: transform 300ms;
}

.nav-scroll-m-off {
 box-shadow: none;
 background-color: rgba(38, 31, 16, 0);
 transform: translateY(64px);
 -ms-transform: translateY(64px);
 -webkit-transform: translateY(64px);
 transition: 300ms linear;
 -webkit-transition: transform 300ms;
}

#navbarmenu {
 position: fixed;
 margin: 0;
 padding: 0;
 left: 0;
 bottom: 0;
 border: none;
 width: 100vw;
 height: 4rem;
 z-index: 1140;
 background-color: rgba(38, 31, 16, 1);
 box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.10), 0 3px 0.063rem -0.125rem rgba(0, 0, 0, 0.18), 0 0.063rem 0.313rem 0 rgba(0, 0, 0, 0.08);
 transition: transform 1000ms, background-color 1s;
}

#navbarmenu {
 padding-left: 0;
 padding-right: 0;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
}

#navbarContent {
 margin: 0;
 padding: 0;
 z-index: 1139;
 width: 100%;
 height: auto;
 background-image: url('../../../images/templates/pattern/topography-300-t22.svg');
 background-size: 300px 300px;
 background-color: #313a2c;
}

@media (max-width: 575px) {
 #navbarContent .container-nav {
  overflow: hidden;
  overflow-y: auto;
  height: 38vh;
 }
}

@media (max-width: 767px) {
 #navbarContent .container-nav {
  overflow: hidden;
  overflow-y: auto;
  height: 42vh;
 }
}

.offcanvas-top {
 bottom: initial;
}

.offcanvas-bottom {
 max-height: none !important;
}

.fixed-bottom {
 z-index: 1140;
}

.fixed-top {
 z-index: 1140;
}

.offcanvas {
 z-index: 1138;
}

.offcanvas-md {
 z-index: 1138;
}

.offcanvas-bottom {
 z-index: 1138;
}

.offcanvas-top {
 z-index: 1138;
}

@media (min-width: 576px) {
 #navbarmenu {
  top: 0;
  padding-right: 0rem;
 }
 #navbarContent {
  z-index: 1145;
 }
}

@media (min-width: 768px) {
 #navbarContent .container-nav {
  overflow: hidden;
  overflow-y: hidden;
  height: auto;
 }
 #navbarmenu {
  height: 4rem;
  padding-right: 0rem;
 }
}

#navLogo {
 margin-top: 1rem;
 margin-left: 0.5rem;
}

#navbarContent a {
 text-decoration: none;
}

#navbarContent .container {
 margin-top: 0;
 padding-top: 0;
 font-size: 1rem;
 font-weight: 100;
 line-height: 1;
}

#navbarContent .navbar-body {
 margin: 0;
 padding: 0;
}

#navbarContent .logo-permaculturamx {
 margin-bottom: 1.250rem;
}

#navbarContent .logo-permaculturamx .logo {
 margin-top: 0.625rem;
 padding: 0.250rem;
 display: block;
 height: 4rem;
 width: 4rem;
 float: left;
 background: url('../../../css/svgs/logo-permaculturamx2.svg');
}

#navbarContent .logo-permaculturamx .nav-header {
 padding: 0.625rem 0.375rem;
 margin: 0px;
}

#navbarContent .logo-permaculturamx .nav-header .h1 {
 font-family:'avenir-next-bold';
 padding: 0px;
 margin: 0px;
 font-size: calc(1.25rem + 1vw);
 color: #a1b571;
 text-shadow: 0.063rem 0.063rem 0.063rem #231a03;
 text-transform: uppercase;
}

#navbarContent .nav-header .h1 a {
 color: #a1b571;
}

#navbarContent .nav-header .h1 span {
 font-family:'avenir-next-light';
 color: #EFF3D8;
}

#navbarContent .h2 {
 display: block;
 padding: 0px;
 margin: 0px;
 font-size: 1.2rem;
 text-shadow: 1px 1px 1px #231a03;
 text-transform: capitalize;
}

#navbarContent .slogan {
 display: block;
 color: #DFAD5B;
 font-size: .8rem;
 font-weight: 300;
}

.btn-holder-log {
 width: 10%;
 height: 4rem;
}

.btn-holder-fill {
 width: 11%;
}

@media (min-width: 576px) {
 .btn-holder-fill {
  width: 20%;
 }
}

.btn-holder-fill-1 {
 width: 10%;
}

.btn-holder-grow-1 {
 flex-grow: 1;
}

.nav-menu .btn {
 border-radius: 0px;
 border-width: 0px;
}

.nav-menu a.btn {
 padding-top: 1.375rem;
 padding-bottom: 0.375rem;
}

#navbarContent .btn,
#sidebarNav .btn {
 border-radius: 0px;
 border-width: 0px;
}

.nav-menu .btn-menu {
 width: 100%;
 color: #a1af7d;
}

.nav-menu .btn-menu:hover {
 color: #a1af7d;
 background-color: rgba(72, 59, 29, 0.76);
}

.nav-menu .btn-menu.focus,
.btn-menu:focus {
 box-shadow: 0 0 0 0.2rem #322915;
}

.nav-menu .btn-menu.disabled,
.btn-menu:disabled {
 color: #a1af7d;
 background-color: #261f10;
}

.nav-menu .btn-menu:not(:disabled):not(.disabled).active,
.btn-menu:not(:disabled):not(.disabled):active,
.show>.btn-menu.dropdown-toggle {
 color: #a1af7d;
 background-color: #261f10;
}

.nav-menu .btn-menu:not(:disabled):not(.disabled).active:focus,
.btn-menu:not(:disabled):not(.disabled):active:focus,
.show>.btn-menu.dropdown-toggle:focus {
 box-shadow: 0 0 0 0.2rem #261f10;
}

.nav-menu .btn-sidebar {
 width: 100%;
 height: 4rem;
 text-align: left;
}

.nav-menu .btn-sidebar.active {
 background: rgba(38, 31, 16, 0.76);
}

.nav-menu .btn-logs {
 width: 100%;
 height: 4rem;
 padding-right: 1.5rem;
 text-align: center;
}

.btn-toolbar .dropdown-menu .dropdown-item {
 border-radius: 0;
}

.dropdown-btn-top .dropdown-menu {
 border-radius: 0;
}

.dropdown-btn-top .dropdown-toggle {
 height: 100%;
 width: 100%;
 display: inline;
 padding-right: 1rem;
 margin-right: 1rem;
}

.nav-menu .dropdown-menu {
 margin-right: 8rem;
 border-radius: 0;
}

.nav-menu .dropdown-toggle {
 height: 4rem;
 width: 100%;
 display: inline;
 padding-right: 1rem;
 margin-right: 1rem;
}

#navButtons {
 display: block;
 padding: 1rem 0;
}

#navbarContent #accorNav {
 padding: 0 0;
 margin: 0;
}

#navbarContent .accordion {
 padding: 0;
 margin: 0;
 display: block;
 margin-top: auto;
 margin-bottom: auto;
}

#navbarContent .accordion-item {
 padding: 0;
 margin: 0;
 background-color: transparent;
 border: none;
}

#navbarContent .accordion-body {
 padding: 0;
 margin: 0;
}

#navbarContent .accordion-collapse {
 background-color: transparent;
}

#navbarContent .nav-link-menu {
 display: block;
 width: 100%;
 padding: 1rem 1rem;
 color: rgb(172, 172, 172);
 text-decoration: none;
 text-align: center;
 font-weight: 100;
 font-family:'avenir-next-medium';
 font-size: 1.2rem;
 text-transform: uppercase;
 color: #eff3d8;
 text-shadow: 0.063rem 0.063rem 0.063rem rgb(0, 0, 0);
 transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out;
}

#accorNav .nav-link-menu {
 background-color: rgba(19, 19, 19, 0.3);
}

#navbarContent .nav-link-menu:active {
 color: #a1b571;
 background-color: rgba(19, 19, 19, 0.6);
}

#navbarContent .nav-link-menu:hover,
#navbarContent .nav-link-menu:focus {
 color: #a1b571;
 background-color: rgba(19, 19, 19, 0.3);
}

#navbarContent .accordion-button {
 background-color: transparent;
}

#navbarContent .accordion-button:not(.collapsed) {
 color: #e4d20c;
 background-color: rgba(19, 19, 19, 0.3);
 box-shadow: inset 0 -0.063rem 0 rgba(0, 0, 0, 0.125);
}

#accorNav .accordion-collapse {
 padding: 1.2rem 0;
 background-color: rgba(19, 19, 19, 0.6);
}

@media ( min-width: 768px) {
 #navbarContent .logo-permaculturamx {
  margin-bottom: 1.875rem;
 }
 #navbarContent .logo-permaculturamx .logo {
  margin-top: 0px;
  padding: 0.750rem;
  height: 5.750rem;
  width: 5.750rem;
 }
 #navbarContent .h1 {
  margin-top: 1rem;
 }
 #navbarContent .h3 {
  font-size: 1.3rem;
 }
}

#navbarContent ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

@media (min-width: 576px) {
 #navbarContent .list-unstyled {
  -moz-column-count: 2;
  -moz-column-gap: 0px;
  -webkit-column-count: 2;
  -webkit-column-gap: 0px;
  column-count: 2;
  column-gap: 0px;
  column-width: 100%;
 }
}

#navbarContent .list-unstyled li {
 display: inline-block;
 width: 100%;
}

#navbarContent .list-unstyled a {
 display: block;
 padding: 0.5rem 0.375rem;
 font-size: calc(1rem + 1vw);
 color: #F2EFA6;
 line-height: 1.5;
 font-weight: 200;
 text-shadow: 0.063rem 0.063rem 0.063rem #110d02;
 background-color: transparent;
}

#navbarContent .list-unstyled a:hover {
 background-color: rgba(19, 19, 19, 0.3);
}

#navbarContent ul li.active,
#navbarContent ul li.active a {
 color: #e4d20c;
 background-color: rgba(19, 19, 19, 0.3);
}

#navbarContent button {
 border-radius: 0px;
 border-width: 0px;
}

#navbarContent .btn-toolbar {
 background-color: rgb(33, 39, 30);
}

#navbarContent .btn-group .btn-dark {
 border-radius: 0;
 border: none;
 color: #F2EFA6;
 background-color: rgba(0, 0, 0, 0);
 font-size: calc(1rem + 0.1vw);
}

#navbarContent .btn-group .btn-dark i {
 color: #a1af7d;
}

#navbarContent .btn-group .btn-dark:hover {
 border-radius: 0;
 border: none;
 color: #a1af7d;
 background-color: rgba(0, 0, 0, 0.4);
}

#navbarContent .btn-group .btn-dark:focus {
 border: none;
 box-shadow: none;
 box-sizing: unset;
 color: #a1af7d;
}

#navbarContent .navbar-canvas-footer {
 display: block;
 margin: 0;
 width: 100%;
 height: 4.250rem;
 background-color: #261f10;
}

@media (min-width: 576px) {
 #navbarContent .navbar-canvas-footer {
  background: #261f10;
  height: auto;
  height: 0.35rem;
 }
}

@media (min-width: 768px) {
 #navbarContent .navbar-canvas-footer {
  height: 0.35rem;
 }
}

#btnNabar {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 4rem;
 text-align: right;
}

#btnNabar #logo-img {
 display: inline-block;
 padding: 0;
 width: 2rem;
 height: 2rem;
 vertical-align: middle;
 background: no-repeat center center;
 background-size: 100% 100%;
 pointer-events: none;
}

#btnNabar #logo-img {
 background-image: url('../../../css/svgs/logo-permaculturamx-verde.svg');
}

#btnNabar .pe-2 {
 pointer-events: none;
}

#btnNabar.btn-menu {
 padding-right: 1rem !important;
}

.btn-canv {
 width: 100%;
 height: 4rem;
 padding-right: 1.5rem;
 text-align: center;
}

@media (min-width: 576px) {
 #btnNabar.btn-menu {
  padding-right: 0 !important;
 }
}

@media ( min-width: 768px) {
 #btnNabar {
  text-align: right;
 }
 .nav-menu.btn-logs {
  width: 100%;
 }
 .nav-menu.dropdown-toggle {
  width: 100%;
  padding-right: 1.5rem;
 }
}

.item-btns {
 display: flex !important;
}

.dropdown-noti {
 margin: 0;
 padding: 0;
}

.dropdown-item-noti {
 display: block;
 width: 100%;
 padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
 clear: both;
 font-weight: 400;
 color: var(--bs-dropdown-link-color);
 text-align: inherit;
 text-decoration: none;
 white-space: nowrap;
 background-color: transparent;
 border: 0;
 border-radius: var(--bs-dropdown-item-border-radius, 0);
}

.dropdown-item-noti {
 height: auto;
}

.dropdown-item-noti.dropdown-toggle {
 height: auto;
 width: 100%;
}

.dropdown-item-noti:not(:disabled):not(.disabled).active,
.dropdown-item-noti:not(:disabled):not(.disabled):active,
.show>.dropdown-item-noti.dropdown-toggle {
 color: #a1af7d;
 background-color: #261f10;
}

.dropdown-item-noti:not(:disabled):not(.disabled).active:focus,
.dropdown-item-noti:not(:disabled):not(.disabled):active:focus,
.show>.dropdown-item-noti.dropdown-toggle:focus {
 box-shadow: 0 0 0 .2rem #261f10;
}

.dropdown-menu-noti {
 padding: 0;
 width: 45vw;
}

.dropdown-noti-container {
 margin: 0;
 padding: 0;
 height: 45vh;
 overflow: hidden;
 overflow-y: auto;
}

.dropdown-menu-noti .dropdown-header {
 margin: 0;
 padding: 1rem 0 0.5rem 1rem;
 font-size: calc(1rem + 0.1vw);
}

.dropdown-menu-noti .list-group-item-action {
 background-color: rgba(var(--pc-light-bg-subtle-rgb), 0.2);
}

.noti-item.new {
 background-color: rgba(var(--pc-primary-bg-subtle-rgb), 0.2);
}

.dropdown-menu-noti .dropdown-noti-footer {
 margin: 0;
 padding: 0.5rem 0 0.25rem 0.5rem;
 text-align: center;
}

.dropdown-menu-noti .dropdown-noti-footer a {
 color: rgba(var(--bs-secondary-color-rgb), 0.5);
 display: block;
 width: 100%;
 padding: 0.5rem 0.5rem;
}

.dropdown-msgs {
 margin: 0;
 padding: 0;
}

.dropdown-item-msgs {
 display: block;
 width: 100%;
 padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
 clear: both;
 font-weight: 400;
 color: var(--bs-dropdown-link-color);
 text-align: inherit;
 text-decoration: none;
 white-space: nowrap;
 background-color: transparent;
 border: 0;
 border-radius: var(--bs-dropdown-item-border-radius, 0);
}

.dropdown-item-msgs {
 height: auto;
}

.dropdown-item-msgs.dropdown-toggle {
 height: auto;
 width: 100%;
}

.dropdown-item-msgs:not(:disabled):not(.disabled).active,
.dropdown-item-msgs:not(:disabled):not(.disabled):active,
.show>.dropdown-item-msgs.dropdown-toggle {
 color: #a1af7d;
 background-color: #261f10;
}

.dropdown-item-msgs:not(:disabled):not(.disabled).active:focus,
.dropdown-item-msgs:not(:disabled):not(.disabled):active:focus,
.show>.dropdown-item-msgs.dropdown-toggle:focus {
 box-shadow: 0 0 0 .2rem #261f10;
}

.dropdown-menu-msgs {
 padding: 0;
 width: 45vw;
}

.dropdown-msgs-container {
 margin: 0;
 padding: 0;
 height: 45vh;
 overflow: hidden;
 overflow-y: auto;
}

.dropdown-menu-msgs .dropdown-header {
 margin: 0;
 padding: 1rem 0 0.5rem 1rem;
 font-size: calc(1rem + 0.1vw);
}

.dropdown-menu-msgs .list-group-item-action {
 border-radius: 0;
 background-color: rgba(var(--pc-light-bg-subtle-rgb), 0.2);
}

.dropdown-menu-msgs .list-group-item-action a {
 margin: 0 auto;
 display: inline-block;
 width: 100%;
 border-radius: 0;
 text-decoration: none;
}

.noti-item.new {
 background-color: rgba(var(--pc-primary-bg-subtle-rgb), 0.2);
}

.dropdown-menu-msgs .dropdown-msgs-footer {
 margin: 0;
 padding: 0.5rem 0 0.25rem 0.5rem;
 text-align: center;
}

.dropdown-menu-msgs .dropdown-msgs-footer a {
 color: rgba(var(--bs-secondary-color-rgb), 0.5);
 display: block;
 width: 100%;
 padding: 0.5rem 0.5rem;
}

	
		
#adminCanvasMenu .offcanvas-body {
 margin: 0;
 padding: 0;
}

#adminCanvasMenu {
 width: 240px;
 top: 0;
 z-index: 1210;
 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;
 background: rgba(var(--bs-body-bg-rgb), 1);
}

#sidebarAdminNav .offcanvas-body {
 margin: 0;
 padding: 0;
}

#sidebarAdminNav {
 width: 240px;
 top: 0;
 z-index: 1210;
 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;
 background: rgba(var(--bs-body-bg-rgb), 1);
}

#sidebarHerramientas .offcanvas-body {
 margin: 0;
 padding: 0;
}

#sidebarHerramientas {
 width: 290px;
 top: 0;
 z-index: 1210;
 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;
 background: rgba(var(--bs-body-bg-rgb), 1);
}

@media (min-width: 576px) {
 #sidebarHerramientas {
  width: 360px;
 }
}

#sidebarVideoteca .offcanvas-body {
 margin: 0;
 padding: 0;
}

#sidebarVideoteca {
 width: 260px;
 top: 0;
 z-index: 2210;
 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;
 background: rgba(var(--bs-body-bg-rgb), 1);
}

@media (min-width: 576px) {
 #sidebarVideoteca {
  width: 310px;
 }
}

.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 .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 ul li a {
 display: block;
 margin: 0;
 padding: 16px 40px;
 font-size: 14px;
 font-weight: 400;
 color: var(--bs-light-text);
 text-decoration: none;
 line-height: 24px;
 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: 1rem 2.5rem;
 text-align: left;
 font-size: 0.875rem;
 font-weight: 400;
 color: var(--bs-light-text);
 text-decoration: none;
 line-height: 24px;
 letter-spacing: 0;
}

.sidebars-offcanvas ul li button span {
 pointer-events: none;
}

.sidebars-offcanvas ul li a:hover,
.sidebars-offcanvas ul li button:hover {
 background-color: var(--bs-light-bg-subtle);
}

.sidebars-offcanvas ul li.active>a {
 color: var(--bs-warning-text);
 background-color: var(--bs-light-bg-subtle);
}

.sidebars-offcanvas a[aria-expanded="true"] {
 color: var( --pc-active-sb);
 background-color: rgba(var( --bs-body-bg-hover-rgb), 0.8);
}

.sidebars-offcanvas ul ul a {
 padding-left: 40px !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: 52px !important;
}

.sidebars-offcanvas ul li ul li a {
 display: block;
}

.sidebars-offcanvas .sub {
 text-align: center;
 color: rgba(var( --pc-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;
}

.sidebar-footer {
 display: block;
 height: 100px;
}

.sidebar-footer {
 display: block;
 height: 100px;
}

.list-unstyled.show {
 background-color: red;
 background-color: rgba(var( --bs-side-bg-hover-rgb), 0.9);
 background-color: var( --bs-side-bg-hover);
}

	
		
#sidebarNav .offcanvas-body {
 margin: 0;
 padding: 0;
}

#sidebarNav {
 width: 240px;
 top: 0;
 z-index: 1210;
 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;
 background: rgba(var(--bs-body-bg-rgb), 1);
}

	
		
#sidebarRightNav .offcanvas-body {
 margin: 0;
 padding: 0;
}

#sidebarRightNav.sidebars-offcanvas {
 width: 240px;
 top: 0;
 z-index: 1210;
 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;
 background: rgba(var(--bs-body-bg-rgb), 1);
}

	
		
.modal {
  z-index: 1555;
 }
 
 .modal-backdrop {
  z-index: 1550;
 }
 
 .offcanvas {
  z-index: 1138;
 }
 
 .offcanvas-backdrop {
  z-index: 1128;
 }.modal-search .modal-backdrop {
  background-color: rgb(49, 58, 44);
  opacity: 0.98 !important;
 }
 
 .modal-share .modal-backdrop {
  background-color: #000 !important;
  opacity: 0.92 !important;
 }
 
 .modal-image .modal-backdrop {
  background-color: #000;
  opacity: 0.92 !important;
 }
 
 .modal-footer .btn-close-w {
  width: 100%;
 }
 
 [data-bs-theme=light] .modal-header {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.175);
 }
 
 [data-bs-theme=dark] .modal-header {
  border-bottom: 0.063rem solid rgba(198, 198, 198, 0.175);
 }
 
 [data-bs-theme=light] .modal-content {
  background: rgba(255, 255, 255, 0.8);
  border: 0.063rem solid rgba(10, 10, 10, 0.36);
  border-radius: 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;
  backdrop-filter: blur(0.5rem);
  -webkit-backdrop-filter: blur(0.5rem);
 }
 
 [data-bs-theme=dark] .modal-content {
  background: rgba(33, 37, 41, 0.85);
  border: 0.063rem solid rgba(10, 10, 10, 0.1);
  border-radius: 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;
  backdrop-filter: blur(0.5rem);
  -webkit-backdrop-filter: blur(0.5rem);
 }
 
 [data-bs-theme=light] .modal-footer {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.175);
 }
 
 [data-bs-theme=dark] .modal-footer {
  border-top: 0.063rem solid rgba(198, 198, 198, 0.175);
 }

	
		
#ws_modal .modal-content {
 padding: 0;
 margin: 0;
}

#ws_modal .modal-body {
 padding: 0 12px;
 margin: 0;
}

#wsr-modal .modal-content {
 padding: 0;
 margin: 0;
}

#wsr-modal .modal-body {
 padding: 0 1px;
 margin: 0;
}

#wsr2-modal .modal-content {
 padding: 0;
 margin: 0;
}

#wsr2-modal .modal-body {
 padding: 0 1px;
 margin: 0;
}

#wsrc-modal .modal-content {
 padding: 0;
 margin: 0;
}

#wsrc-modal .modal-body {
 padding: 0 12px;
 margin: 0;
}

#wsrf-modal .modal-header {
 display: none;
}

#wsrf-modal .modal-content {
 padding: 0;
 margin: 0;
 border-radius: 0;
}

#wsrf-modal .modal-body {
 padding: 0 6px;
 padding-top: 6px;
 margin: 0;
}#wsl-modal .modal-content {
 padding: 0;
 margin: 0;
}

#wsl-modal .modal-body {
 padding: 0 12px;
 margin: 0;
}

	
		
#modalFiltros .modal-full .modal-header,
#modalFiltros .modal-full .modal-footer {
 display: none;
}

#modalFiltros .modal-full .modal-content {
 height: auto;
 border-radius: 0;
}

#modalFiltros .modal-full .modal-content {
 background-color: rgba(var(--bs-body-bg-rgb), 0.8);
}

	
		
#wsi-modal .modal-header,
#wsi-modal .modal-footer {
 display: none;
}

#wsi-modal .modal-content {
 box-shadow: none;
 border: none;
}

#wsi-modal .modal-content {
 height: auto;
 border-radius: 0;
 background: none;
 box-shadow: none !important;
}

#wsi-modal #wsi-modal-reference {
 color: #c2c2c2;
 font-size: 1.25rem;
 text-align: center;
}

#ws-confirmo .modal-header {
 display: none;
}#imagemodal .modal-header,
#imagemodal .modal-footer {
 display: none;
}

#imagemodal .modal-content {
 box-shadow: none;
 border: none;
}

#imagemodal .modal-content {
 height: auto;
 border-radius: 0;
 background: none;
 box-shadow: none !important;
}

	
		
#modalSearch .modal-full .modal-content {
 box-shadow: none;
 border: none;
}

#modalSearch .modal-full .modal-header,
#modalSearch .modal-full .modal-footer {
 display: none;
}

#modalSearch .modal-full .modal-content {
 height: auto;
 border-radius: 0;
 background: none;
 box-shadow: none !important;
}

#modalSearch .modal-full .modal-body {
 text-align: center;
}

#modalSearch .modal-full .modal-body .row {
 min-height: auto;
}

#modalSearch .modal-full .modal-content .close {
 opacity: 1;
 font-size: 30px;
}

#modalSearch .modal-full .input-group-text {
 background: #313A2C;
 border-radius: 0;
 border-top: #313A2C;
 border-right: #313A2C;
 border-bottom: #A1AF7D 0.063rem solid;
}

#modalSearch .modal-full .btn {
 margin: 0;
 width: 100%;
 height: 100%;
}

#modalSearch .modal-full .btn-search {
 background: #313A2C;
 color: #A1AF7D;
}

#modalSearch .modal-full .btn-search:hover {
 background: #A1AF7D;
 color: #313A2C;
}

#modalSearch #searchInputHeader {
 border-radius: 0px;
 border-width: 0px;
 background: #313A2C;
 color: #A1AF7D;
 font-size: 1rem;
 border: none;
 border-bottom: #A1AF7D 1px solid;
}

#modalSearch #searchInputHeader:hover,
#modalSearch #searchInputHeader:active,
#modalSearch #searchInputHeader:focus,
#modalSearch #searchInputHeader.focus {
 background: #313A2C;
 color: #A1AF7D;
 outline: 0 none;
 border-color: none;
 box-shadow: none;
 outline: 0 none;
}

#modalSearch input[type="search"] {
 padding-left: 15px;
 padding-right: 15px
}

#modalSearch #searchInputHeader.form-control::placeholder,
#modalSearch #searchInputHeader.form-control::-moz-placeholder,
#modalSearch #searchInputHeader.form-control::-webkit-input-placeholder,
#modalSearch #searchInputHeader.form-control:-ms-input-placeholder {
 opacity: 1;
 font-style: normal;
 font-weight: 100;
 color: #a1af7d !important;
}

#search-header-holder {
 position: relative;
}

#modalSearch .search-title {
 position: relative;
}

#modalSearch .search-title {
 font-size: 60px;
 font-size: 3rem;
 font-weight: 800;
 color: #545f3b;
}

#modalSearch .input-group,
#modalSearch .input-group {
 padding: 0;
 margin: 0;
}

	
		
#modalShare .modal-full .modal-content {
 box-shadow: none;
 border: none;
}

#modalShare .modal-full .modal-header,
#modalShare .modal-full .modal-footer {
 display: none;
}

#modalShare .modal-full .modal-content {
 height: auto;
 border-radius: 0;
 background: none;
 box-shadow: none !important;
}

#modalShare .modal-full .modal-body {
 text-align: center;
 background-color: transparent;
 opacity: 0.92 !important;
}

#modalShare .modal-full .modal-body .row {
 min-height: auto;
}

#modalShare .modal-full .modal-content .close {
 opacity: 1;
 font-size: 30px;
}

	
		
#wsv-modal .modal-header {
 border-radius: 0;
 color: #bebebe;
 background-color: #222;
}

#wsv-modal .modal-content {
 padding: 0;
 margin: 0;
 border-radius: 0;
 color: #bebebe;
 background-color: #222;
}

.modal-video-1 .modal-header {
 display: none;
}

.modal-video .modal-content {
 height: auto;
 border-radius: 0;
 background: none;
 box-shadow: none !important;
}

.holder-video {
 padding: 0;
 margin: 0;
 border-radius: 0;
 display: block;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 background-color: red;
}

	
		
#modalBlock,
#modalBlock .modal-content {
 background: #b02a37;
}

#modalBlock .modal-content {
 border-radius: 0;
 border: none;
}

#modalBlock .modal-footer {
 border-radius: 0;
 border: none;
}

#sigSearchModal .modal-content {
 border-radius: 0;
 border: none;
}

#modalShareMap .modal-content {
 border-radius: 0;
 border: none;
}

	
		
.offcanvas.offcanvas-imprime {
 margin: 0;
 padding: 0;
 z-index: 1180;
 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%;
}

.nav-menu-section {
 background: none;
}

.nav-menu-section .offcanvas.offcanvas-nav-menu-section {
 margin: 0;
 padding: 0;
 z-index: 2140;
 background: rgba(var(--bg-light-gray-rgb), 0.6);
 border-radius: 0;
 border: none;
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
 backdrop-filter: blur(2px);
 -webkit-backdrop-filter: blur(2px);
}

[data-bs-theme=dark] .nav-menu-section .offcanvas.offcanvas-nav-menu-section {
 background: rgba(var(--bs-body-bg-rgb), 0.75);
 border-radius: 0;
 border: 1px solid rgba(0, 0, 0, 0.36);
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
 backdrop-filter: blur(2px);
 -webkit-backdrop-filter: blur(2px);
}

.nav-menu-section .list-group-item {
 font-size: 1.2rem;
 background: rgba(var(--bg-light-gray-rgb), 0.6);
}

@media (min-width: 992px) {
 .nav-menu-section .list-group-item {
  font-size: 1.4rem;
 }
}

[data-bs-theme=dark] .nav-menu-section .list-group-item {
 background: rgba(var(--bs-body-bg-rgb), 0.75);
}

.nav-menu-section .list-group-item.active {
 color: rgba(245, 245, 245, 0.6);
 background-color: rgba(107, 123, 76, 0.3);
 border-color: var(--bs-border-color-translucent);
}

@media (min-width: 576px) {
 .nav-menu-section .offcanvas.offcanvas-nav-menu-section {
  max-width: 400px;
 }
}

	
		


	
		
.logo-permaculturamx h1,
.logo-permaculturamx .h1 {
 font-family:'avenir-next-bold';
 padding: 0px !important;
 margin: 0px !important;font-size: 2rem;text-transform: uppercase;
 color: #819455;
}

.logo-permaculturamx h1 span,
.logo-permaculturamx .h1 span {font-family:'avenir-next-light';
 color: #819455;
}

.logo-permaculturamx h2,
.logo-permaculturamx .h2 {
 padding: 0px;
 margin: 0px;
 font-size: 1.2rem;
 color: #261f10;text-transform: capitalize;
}

.logo-permaculturamx span.slogan {
 padding: 0px;
 margin: 0px;
 font-size: 1.2rem;
 line-height: 1;
 color: #261f10;
 font-weight: 400;text-transform: capitalize;
}

.permaculturamx {
 font-family:'avenir-next-medium';
 text-transform: uppercase;
}

.permaculturamx span {
 font-family:'avenir-next-light';
 text-transform: capitalize;
}

.casa-kundi {
 margin-top: 2rem;
 margin-bottom: 2rem;
 width: auto;
 height: 12rem;
 text-indent: -9999px;
 text-decoration: none;
 background: no-repeat center center;
 background-size: 100% 100%;
 background-image: url(../../../images/casa-kundi/kundi-casa-letras-500x500.svg);
 filter: drop-shadow(0 0.063rem 0.063rem rgba(0, 0, 0, 0.8));
}

@media (min-width: 576px) {
 .casa-kundi {
  height: 14rem;
  filter: drop-shadow(0 0.063rem 0.063rem rgba(0, 0, 0, 0.8));
 }
}

@media (min-width: 768px) {
 .casa-kundi {
  height: 18rem;
  filter: drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.8));
 }
}

	
		
.country-flag {
 height: 18px;
}

.card-img-holder {
 display: block;
 height: 220px;
 background-color: #372E49;
 overflow: hidden;
 cursor: pointer;
}

[data-bs-theme=light] .card-img-holder {
 background-color: rgba(52, 73, 94, 0.75);
 background-color: rgba(55, 46, 73, 0.05);
}

[data-bs-theme=dark] .card-img-holder {
 background-color: rgba(52, 73, 94, 0.75);
 background-color: rgba(55, 46, 73, 0.65);
}

.card-img {
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
 border-radius: 0;
 background: no-repeat center center scroll;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-blend-mode: lighten;
 transition: transform 500ms, opacity 500ms;
}

.card-img-holder:hover .card-img,
.card-img-holder:focus .card-img {
 transform: scale(1.2);
}

.card-img::before {
 content:"";
 display: none;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
}

[data-bs-theme=light] .card-img::before {
 background-color: rgba(52, 73, 94, 0.75);
 background-color: rgba(55, 46, 73, 0.1);
}

[data-bs-theme=dark] .card-img::before {
 background-color: rgba(52, 73, 94, 0.75);
}

.card-img-holder:hover .card-img:before,
.card-img-holder:focus .card-img:before {
 display: block;
}

.image-photo {
 display: block;
 padding: 0px 0;
 margin: 10px 0;
 overflow: hidden;
 position: relative;
 text-align: center;
 width: 100%;
 height: 220px;background-position: center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}

.image-photo a img {
 max-height: 600px;
 margin: 0 auto;
 -webkit-transition: opacity 500ms;
 transition: opacity 500ms;
}

.image-photo-group {
 display: block;
 padding: 0px 0;
 overflow: hidden;
 position: relative;
 text-align: center;
 width: 100%;
 height: 300px;
 background-color: #f2f2f2;background-position: center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}

.image-photo-group img {
 max-height: 100%;
 margin: 0 auto;
}

#mxgob {
 display: block;
 width: auto;
 height: 3rem;
}

@media (min-width: 576px) {
 #mxgob {
  display: block;
  width: auto;
  height: 3.75rem;
 }
}

.mxgob-1 {
 fill: #cfb075;
}

[data-bs-theme=dark] .mxgob-1 {
 fill: #dac6a1;
}

.mxgob-2 {
 fill: rgba(var(--bs-body-color-rgb), 0.3);
}

[data-bs-theme=dark] .mxgob-2 {
 fill: rgba(var(--bs-body-color-rgb), 0.9);
}

.img-link {
 display: inline-block;
 text-decoration: none;
 color: rgba(var(--bs-body-color-rgb), 0.5);
}

.img-link span {
 display: block;
 font-size: 0.75rem;
}

.image-fprt {
 overflow: hidden;
 position: relative;
}

.image-fprt img {
 pointer-events: none;
}

.image-fprt .cover-fprt,
.image-fprt .cover-fprt img {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
}

.image-prt {
 position: relative;
 display: block;
 width: 100%;
 height: 100%;
 overflow: hidden;
}

.image-prt .cover-prt,
.image-prt .cover-prt img {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
}

.image-prt .img-thumbnail {
 padding: 0.25rem;
 background-color: var(--bs-body-bg);
 border: none;
 border-radius: 0;
 max-width: 100%;
 height: auto;
 pointer-events: none;
}

.cont-figure figure {
 margin: auto;
}

.cont-foto {
 display: block;
 width: auto;
 height: 100px;
 min-height: 100px;
 max-height: 140px;
 overflow: hidden;
}

.cont-foto a {
 width: auto;
 height: auto;
}

.cont-foto a img {
 margin: auto;
 width: auto;
 height: 120px;
 min-height: 100px;
 max-height: 220px;
 object-fit: contain;
 -webkit-transition: opacity 500ms;
 transition: opacity 500ms;
}

.image-photo-smll {
 display: block;
 padding: 0px 0;
 margin: 0;
 overflow: hidden;
 position: relative;
 text-align: center;
 width: 100%;
 height: auto;
 object-fit: cover;}

.image-photo-smll a img {
 max-height: 100px;
 margin: 0 auto;
 -webkit-transition: opacity 500ms;
 transition: opacity 500ms;
}

.image-prt {
 position: relative;
 display: block;
 width: 100%;
 height: 100%;
 overflow: hidden;
}

.image-prt .cover-prt,
.image-prt .cover-prt img {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
}

.image-prt .img-thumbnail {
 padding: 0.25rem;
 background-color: var(--bs-body-bg);
 border: none;
 border-radius: 0;
 max-width: 100%;
 height: auto;
 pointer-events: none;
}

.image-photo-r {
 padding: 0;
 margin: 0;
 overflow: hidden;
 position: relative;
 text-align: center;
 width: 100%;
 max-height: 220px;
 background-position: center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}

.image-photo-r a img {
 max-height: 600px;
 margin: 0 auto;
 -webkit-transition: opacity 500ms;
 transition: opacity 500ms;
}

.image-fprt-modal {
 display: block;
 width: 100%;
 height: 100%;
}

.image-fprt-modal .cover-fprt img {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
 text-align: center;
 overflow: hidden;
 border: none;
}

.img-modal-center {
 width: 100%;
 height: 100%;
 border-radius: 0;
 background-color: transparent;
 overflow: hidden;
}

.img-modal-center img {
 display: block;
 position: absolute;
 width: 100%;
 height: auto;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
 text-align: center;
 overflow: hidden;
 border: none;
}

.viewLazy {
 opacity: 0;
 transition: opacity 1000ms;
 will-change: opacity;
}

.viewLazy::before {
 opacity: 1;
}

.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: #ffffff;
}

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

.paypal-3 {
 fill: #222d65;
}

.paypal-4 {
 fill: #179bd7;
}.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;
}

.glightbox-clean .gtitulo {
 position: absolute;
 top: 15px;
 left: 15%;
 width: 100;
 height: auto;
 background-color: red;
}

@media (min-width: 992px) {
 .glightbox-clean .gtitulo {
  opacity: 0.7;
  left: 5%;
 }
}

	
		
.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: 25px;
 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: 15px;
 left: 30px;
 width: 40px;
 height: 50px;
}

.glightbox-clean .gLPreview {
 position: absolute;
 top: 15px;
 left: 70px;
 width: 40px;
 height: 50px;
}

.glightbox-clean .gLDownload svg,
.glightbox-clean .gLVDownload svg,
.glightbox-clean .gLPreview svg {
 width: 18px;
 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: 20px;
 }
}

	
		
svg {
 vertical-align: middle;
}.svg-100-100-absolute {
 position: absolute;
 padding: 0;
 margin: 0 auto;
 min-width: 100vw;
 min-height: 100%;
 background: no-repeat center center;
 background-size: cover;
 top: 0;
 bottom: 0;
 left: 0;
}

.svg-box {
 position: absolute;
 padding: 0;
 margin: 0 auto;
 width: auto;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 40;
}

.svg-z-order-0 {
 z-index: 40;
}

.svg-z-order-1 {
 z-index: 41;
}

.svg-z-order-2 {
 z-index: 42;
}

.svg-z-order-3 {
 z-index: 43;
}

.svg-z-order-4 {
 z-index: 44;
}

.svg-z-order-5 {
 z-index: 45;
}

.svg-z-order-50 {
 z-index: 50;
}

.permaculturistas-svg {
 margin: 0 auto;
 z-index: 2;
 width: 90%;
 height: auto;
 object-fit: contain;
}

.permaculturistas-svg svg path {
 opacity: 1;
 transform-box: fill-box;
}

	
		
.fondo-svg {
 z-index: 2;
}

.fondo-svg svg path {
 opacity: 1;
 transform-box: fill-box;
}

.fondo-svg .trasplante {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 z-index: 2;
}

.ws-section {
 margin: auto;
 padding: 0;
 display: block;
 overflow: hidden;
}

.ws-section .w-fondo-svg {
 margin: auto;
 padding: 0;
 background-color: #261f10;
 background-image: radial-gradient(rgba(123, 140, 87, 0.9), #282d0d);
 background-size: cover;
 background-attachment: fixed;
 transition: background 350ms ease-in-out;
 -webkit-transition: background 350ms ease-in-out;
}

[data-bs-theme=dark] .ws-section .w-fondo-svg {
 background-color: #261f10;
 background-image: radial-gradient(circle, rgba(130, 117, 73, 0.6), rgba(38, 31, 16, 0.9));
 background-size: cover;
 background-attachment: fixed;
 -webkit-transition: background 350ms ease-in-out;
 transition: background 350ms ease-in-out;
}

.ws-section .w-fondo-svg .trasplante {
 margin: auto;
 padding: 0;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.fondo-svg #letras {
 fill: rgba(var(--bs-body-color-rgb), 0.9);
}

.tsplt-1 {
 fill: #f13b36;
}

.tsplt-2 {
 fill: #f1d666;
}

.tsplt-3 {
 fill: #e9a18e;
}

.tsplt-4 {
 fill: #fff;
}

.tsplt-5 {
 fill: #f0b028;
}

.tsplt-6 {
 fill: #825a50;
}

.tsplt-7 {
 fill: #9db3a7;
}

.tsplt-8 {
 fill: #c1b5a4;
}

.tsplt-88 {
 fill: #c1b5a4;
}

[data-bs-theme=dark] .tsplt-88 {
 fill: #293025;
}

.tsplt-9 {
 fill: #b3c9bc;
}

.tsplt-10 {
 fill: #bcccc3;
}

.tsplt-11 {
 fill: #e12d24;
}

.tsplt-12 {
 fill: #e18471;
}

.tsplt-13 {
 fill: #15b64f;
}

.tsplt-14 {
 fill: #6d4d42;
}

.tsplt-15 {
 fill: #563835;
}

.tsplt-16 {
 fill: #293025;
}

.tsplt-166 {
 fill: #293025;
}

[data-bs-theme=dark] .tsplt-166 {
 fill: #c1b5a4;
}

.tsplt-17 {
 fill: #492f2e;
}

.tsplt-18 {
 fill: #492d2c;
}

.tsplt-19 {
 fill: #3b2423;
}

.tsplt-20 {
 fill: #2f1e1d;
}

.tsplt-21 {
 fill: #604242;
}

.tsplt-22 {
 fill: #5ebc63;
}

.tsplt-23 {
 fill: #313a2c;
}

.tsplt-24 {
 opacity: .45;
}

.tsplt-25 {
 opacity: .7;
}

.tsplt-26 {
 opacity: .95;
}

.tsplt-27 {
 fill: #2b281f;
 opacity: .5;
}

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

	
		
.breadcrumb-holder {
 display: block;
 padding-top: 2rem;
 margin-bottom: 2rem;
}

.breadcrumb-holder.breadcrumb-user {
 padding-top: 0.5rem;
 padding-bottom: 0.125rem;
}

.breadcrumb-nav {
 display: block;
}

.breadcrumb {
 --bs-breadcrumb-divider:'>';
 padding-left: 0;
 color: #CFD0C5;
 font-size: calc(0.8rem + 0.2vw);
 border-radius: 0px;
 border-width: 0px;
}

.breadcrumb-item {
 padding: 0 0.5rem;
}

.breadcrumb-item a {
 color: #959288;
 text-decoration: none;
}

.breadcrumb-item a:hover {
 text-decoration: underline;
}

.breadcrumb-item.active a {
 color: #849660;
}

@media (min-width: 768px) {
 .breadcrumb {
  font-size: calc(1rem + 0.2vw);
 }
}

	
		
.table-primary {
 --bs-table-color: #000;
 --bs-table-bg: rgba(207, 226, 255, 0.8);
 --bs-table-border-color: #bacbe6;
 --bs-table-striped-bg: #c5d7f2;
 --bs-table-striped-color: #000;
 --bs-table-active-bg: #bacbe6;
 --bs-table-active-color: #000;
 --bs-table-hover-bg: #bfd1ec;
 --bs-table-hover-color: #000;
 color: var(--bs-table-color);
 border-color: var(--bs-table-border-color);
}

[data-bs-theme=dark] .table-primary {
 --bs-table-color: #000;
 --bs-table-bg: rgba(207, 226, 255, 0.3);
 --bs-table-border-color: #bacbe6;
 --bs-table-striped-bg: #c5d7f2;
 --bs-table-striped-color: #000;
 --bs-table-active-bg: #bacbe6;
 --bs-table-active-color: #000;
 --bs-table-hover-bg: #bfd1ec;
 --bs-table-hover-color: #000;
 color: var(--bs-table-color);
 border-color: var(--bs-table-border-color);
}

.table-secondary {
 --bs-table-color: #000;
 --bs-table-bg: rgba(226, 227, 229, 0.8);
 --bs-table-border-color: #cbccce;
 --bs-table-striped-bg: #d7d8da;
 --bs-table-striped-color: #000;
 --bs-table-active-bg: #cbccce;
 --bs-table-active-color: #000;
 --bs-table-hover-bg: #d1d2d4;
 --bs-table-hover-color: #000;
 color: var(--bs-table-color);
 border-color: var(--bs-table-border-color);
}

[data-bs-theme=dark] .table-secondary {
 --bs-table-color: #000;
 --bs-table-bg: rgba(226, 227, 229, 0.2);
 --bs-table-border-color: #cbccce;
 --bs-table-striped-bg: #d7d8da;
 --bs-table-striped-color: #000;
 --bs-table-active-bg: #cbccce;
 --bs-table-active-color: #000;
 --bs-table-hover-bg: #d1d2d4;
 --bs-table-hover-color: #000;
 color: var(--bs-table-color);
 border-color: var(--bs-table-border-color);
}

.table-success {
 --bs-table-color: #000;
 --bs-table-bg: rgba(209, 231, 221, 0.8);
 --bs-table-border-color: #bcd0c7;
 --bs-table-striped-bg: #c7dbd2;
 --bs-table-striped-color: #000;
 --bs-table-active-bg: #bcd0c7;
 --bs-table-active-color: #000;
 --bs-table-hover-bg: #c1d6cc;
 --bs-table-hover-color: #000;
 color: var(--bs-table-color);
 border-color: var(--bs-table-border-color);
}

[data-bs-theme=dark] .table-success {
 --bs-table-color: #000;
 --bs-table-bg: rgba(209, 231, 221, 0.2);
 --bs-table-border-color: #bcd0c7;
 --bs-table-striped-bg: #c7dbd2;
 --bs-table-striped-color: #000;
 --bs-table-active-bg: #bcd0c7;
 --bs-table-active-color: #000;
 --bs-table-hover-bg: #c1d6cc;
 --bs-table-hover-color: #000;
 color: var(--bs-table-color);
 border-color: var(--bs-table-border-color);
}

.table-warning {
 --bs-table-color: #000;
 --bs-table-bg: rgba(255, 243, 205, 0.8);
 --bs-table-border-color: #e6dbb9;
 --bs-table-striped-bg: #f2e7c3;
 --bs-table-striped-color: #000;
 --bs-table-active-bg: #e6dbb9;
 --bs-table-active-color: #000;
 --bs-table-hover-bg: #ece1be;
 --bs-table-hover-color: #000;
 color: var(--bs-table-color);
 border-color: var(--bs-table-border-color);
}

[data-bs-theme=dark] .table-warning {
 --bs-table-color: #000;
 --bs-table-bg: rgba(255, 243, 205, 0.5);
 --bs-table-border-color: #e6dbb9;
 --bs-table-striped-bg: #f2e7c3;
 --bs-table-striped-color: #000;
 --bs-table-active-bg: #e6dbb9;
 --bs-table-active-color: #000;
 --bs-table-hover-bg: #ece1be;
 --bs-table-hover-color: #000;
 color: var(--bs-table-color);
 border-color: var(--bs-table-border-color);
}

.table-danger {
 --bs-table-color: #000;
 --bs-table-bg: rgba(248, 215, 218, 0.5);
 --bs-table-border-color: #dfc2c4;
 --bs-table-striped-bg: #eccccf;
 --bs-table-striped-color: #000;
 --bs-table-active-bg: #dfc2c4;
 --bs-table-active-color: #000;
 --bs-table-hover-bg: #e5c7ca;
 --bs-table-hover-color: #000;
 color: var(--bs-table-color);
 border-color: var(--bs-table-border-color);
}

[data-bs-theme=dark] .table-danger {
 --bs-table-color: #000;
 --bs-table-bg: rgba(248, 215, 218, 0.2);
 --bs-table-border-color: #dfc2c4;
 --bs-table-striped-bg: #eccccf;
 --bs-table-striped-color: #000;
 --bs-table-active-bg: #dfc2c4;
 --bs-table-active-color: #000;
 --bs-table-hover-bg: #e5c7ca;
 --bs-table-hover-color: #000;
 color: var(--bs-table-color);
 border-color: var(--bs-table-border-color);
}

.border-primary {
 --bs-border-opacity: 1;
 border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

[data-bs-theme=dark] .border-primary {
 --bs-border-opacity: 0.5;
 border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
 --bs-border-opacity: 1;
 border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

[data-bs-theme=dark] .border-secondary {
 --bs-border-opacity: 0.5;
 border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
 --bs-border-opacity: 1;
 border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

[data-bs-theme=dark] .border-success {
 --bs-border-opacity: 0.5;
 border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
 --bs-border-opacity: 1;
 border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

[data-bs-theme=dark] .border-warning {
 --bs-border-opacity: 0.5;
 border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
 --bs-border-opacity: 1;
 border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

[data-bs-theme=dark] .border-danger {
 --bs-border-opacity: 0.5;
 border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}[data-bs-theme=dark] .table-success {
 --bs-table-color: var(--bs-body-color);
 --bs-table-bg: rgba(209, 231, 221, 0.1);
 --bs-table-border-color: rgba(167, 206, 189, 0.889);
 --bs-table-hover-bg: rgba(193, 214, 204, 0.26);
 --bs-table-hover-color: var(--bs-body-color);
}

[data-bs-theme=dark] .table-success a {
 color: #6B7B4C;
 color: #91a666;
}

[data-bs-theme=dark] .table-warning {
 --bs-table-bg: rgba(255, 243, 205, 0.4);
}

[data-bs-theme=dark] .table-danger {
 --bs-table-bg: rgba(248, 215, 218, 0.4);
}

	
		
.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 .list-group-item.active {
 background-color: rgba(var(--bs-primary-rgb), 0.1);
 background-color: rgba(var(--bs-body-color-rgb), 0.05);
 border: none;
}.docs-list-imgs {
 display: block;
}

.card-list {
 margin: 0 auto;
 width: 100%;
 width: 14rem;
 height: auto;
 min-height: 25%;
 max-height: 100%;
 border-radius: 0;
 border: none;
 background-color: rgba(var(--bs-body-color-rgb), 0.03);
}

@media (min-width: 576px) {
 .card-list {
  width: 14rem;
 }
}

@media (min-width: 768px) {
 .card-list {
  width: 16rem;
 }
}

@media (min-width: 992px) {
 .card-list {
  width: 18rem;
 }
}

@media (min-width: 1200px) {
 .card-list {
  width: 20rem;
 }
}

@media (min-width: 1200px) {
 .card-list {
  width: 20rem;
 }
}

.card-list .card-header {
 width: 100%;
 min-height: 2.5rem;
 max-height: 3.5rem;
 padding: 0.375rem;
 margin: 0;
 font-size: 0.9rem;
 line-height: 1.1rem;
 color: rgba(var(--bs-body-color-rgb), 0.85);
 text-shadow: none;
 border: none;
}

.card-list .card-body {
 position: relative;
 padding: 0;
 margin: 0;
 height: auto;
 min-height: 25vh;
 max-height: 100%;
}

.card-list .card-content {
 width: 100%;
 min-height: 25vh;
 max-height: 100%;
 border-radius: 0;
 overflow: hidden;
 display: grid;
 place-items: center;
 align-content: center;
 background-color: rgba(var(--bs-body-color-rgb), 0.05);
}

.card-list .image {
 margin: 0;
 padding: 0;
 border: none;
}

.card-list .image a {
 display: block;
 margin: auto;
 padding: 0;
 width: 100%;
 height: 100%;
}

.card-list .desc-archivo {
 display: block;
 position: absolute;
 margin: 0;
 padding: 0;
 bottom: 0;
 right: 0;
 width: 100%;
 text-align: right;
 color: #f1f1f1;
}

.card-list .desc-archivo a {
 display: block;
 margin: auto;
 padding: 1rem 0.5rem;
 width: 100%;
 font-size: 0.75rem;
 line-height: 1.1rem;
 text-decoration: none;
 color: #f1f1f1;
 background-color: rgba(22, 22, 22, 0.65);
}

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

#observer {
 display: block;
 width: 100%;
 height: 8rem;
}

.cien-cien {
 height: 100%;
 width: 100%;
}

.archivo-holder-center {
 margin: 0;
 padding: 0;
 border: none;
 width: 100%;
 height: 25vh;
 border-radius: 0;
 overflow: hidden;
 display: grid;
 place-items: center;
 align-content: center;
 background-color: rgba(var(--bs-body-color-rgb), 0.05);
}

.archivo {
 font-size: 1rem;
}

.img-viewer-section {
 display: block;
 padding: 0;
 margin: 0 auto;
 width: 100%;
 min-height: 100%;
}

#folder-activo {
 background-color: rgba(var(--bs-body-color-rgb), 0.05);
}

#folder-activo .active {
 background-color: rgba(var(--bs-body-color-rgb), 0.05);
}

.subfolder-activo {
 background-color: rgba(var(--bs-body-color-rgb), 0.05);
}

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

.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: #ddd;
}

[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: #dddddd !important;
}

.op2 input[value="H"]+label {
 background-color: #dddddd !important;
}

.op2 input[value="Pre"]+label {
 background-color: #dddddd !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 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: #dddddd;
}

.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;
}.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(--pc-label-font-color);
 display: inline;
}

.form-label {
 color: var(--pc-label-font-color);
}

.radio-inline {
 padding-top: calc(0.5rem + 1px);
 padding-bottom: calc(0.5rem + 1px);
 font-size: 1.3rem;
 line-height: 1.5;
 color: var(--pc-label-font-color);
 display: inline;
 margin-bottom: 0.8rem;
}.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(74, 63, 63, 0.4);
 opacity: 1;
}

[data-bs-theme=dark] .form-control:disabled {
 color: rgba(137, 122, 122, 0.487);
 background-color: rgba(74, 63, 63, 0.4);
 opacity: 1;
}

[data-bs-theme=dark] .form-control[readonly] {
 color: rgba(137, 122, 122, 0.487);
 background-color: rgba(61, 58, 47, 0.42);
 opacity: 1;
}

.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-check-input-success:checked {
 background-color: #198754;
 border-color: #198754;
}

.form-check-input-danger.required:not(:checked) {
 background-color: #dc3545;
 border-color: #dc3545;
}.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;
}.btsboard-panel a {
 text-decoration: none;
}

.btsboard-card {
 border: none;
}

.btsboard-card i {
 font-size: 2rem;
}

@media (min-width: 992px) {
 .btsboard-card i {
  font-size: 4rem;
 }
}

.btsboard-card .card-body {
 background-color: rgba(var(--bs-body-bg-hover-rgb), 1);
}

.btsboard-card a {
 display: block;
 padding: 0.5rem 0.5rem;
 margin: auto 0;
 height: auto;
 width: auto;
 color: rgb(48, 48, 48);
 text-decoration: none;
}

[data-bs-theme=dark] .btsboard-card a {
 color: #bebebe !important;
}

#formAccordion {
 display: block;
 width: 100%;
}

#formAccordion .accordion-item {
 background-color: transparent;
 border: none;
}

#formAccordion .accordion-body {
 padding: 0;
}

[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=dark] .cke_contents_ltr {
 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;
}

.form-address .form-label {
 font-size: 1.2rem;
}

.email-format {
 display: inline-block;
}.list-styles-checkboxes .list-group {
 width: 100%;
 max-width: 460px;
 margin-inline: 1.5rem;
}

.list-styles-checkboxes .form-check-input:checked+.form-checked-content {
 opacity: .5;
}

.list-styles-checkboxes .form-check-input-placeholder {
 border-style: dashed;
}

.list-styles-checkboxes [contenteditable]:focus {
 outline: 0;
}

.list-styles-checkboxes .list-group-checkable .list-group-item {
 cursor: pointer;
}

.list-styles-checkboxes .list-group-item-check {
 position: absolute;
 clip: rect(0, 0, 0, 0);
}

.list-styles-checkboxes .list-group-item-check:hover+.list-group-item {
 background-color: var(--bs-secondary-bg);
}

.list-styles-checkboxes .list-group-item-check:checked+.list-group-item {
 color: #fff;
 background-color: var(--bs-primary);
 border-color: var(--bs-primary);
}

.list-styles-checkboxes .list-group-item-check[disabled]+.list-group-item,
.list-styles-checkboxes .list-group-item-check:disabled+.list-group-item {
 pointer-events: none;
 filter: none;
 opacity: .5;
}

.list-styles-checkboxes .list-group-radio .list-group-item {
 cursor: pointer;
 border-radius: .5rem;
}

.list-styles-checkboxes .list-group-radio .form-check-input {
 z-index: 2;
 margin-top: -.5em;
}

.list-styles-checkboxes .list-group-radio .list-group-item:hover,
.list-styles-checkboxes .list-group-radio .list-group-item:focus {
 background-color: var(--bs-secondary-bg);
}

.list-styles-checkboxes .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-styles-checkboxes .list-group-radio .form-check-input[disabled]+.list-group-item,
.list-styles-checkboxes .list-group-radio .form-check-input:disabled+.list-group-item {
 pointer-events: none;
 filter: none;
 opacity: .5;
}

	
		
.drop-area {
 display: block;
 position: relative;
 width: 100%;
 height: 78vh;
 background-color: rgba(108, 117, 125, 0);
 border: none;
}

.drop-area .holder-img {
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
 text-align: center;
 overflow: hidden;
 border: none;
}

.drop-area .holder-img img {
 padding: 0;
 display: block;
 margin: 0 auto;
 width: 100%;
 height: 100%;
 object-fit: contain;
 border: none;
}

#droperPago {
 display: block;
}

#droperPago .accordion-item {
 background-color: transparent;
 border: none;
}

#droperPago .accordion-body {
 padding: 0;
}

#preview-area {
 display: block;
 position: relative;
 width: 100%;
 height: 68vh;
}

#preview-area .preview-holder-img {
 width: 100%;
 height: 100%;
 margin-left: auto;
 margin-right: auto;
 display: block;
 text-align: center;
 overflow: hidden;
 border: none;
 background-color: rgba(248, 249, 250, 0.8);
}

#preview-area .preview-holder-img img {
 padding: 0;
 display: block;
 margin: auto;
 width: 90%;
 height: 90%;
 object-fit: contain;}

#preview-area .holder-inputs {
 display: block;
 position: absolute;
 width: 90%;
 height: auto;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
}

#confirm-area {
 display: block;
 position: relative;
 width: 100%;
 height: 46vh;
 overflow: hidden;
}

#confirm-area .holder-inputs {
 display: block;
 position: absolute;
 width: 90%;
 height: auto;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
 text-align: center;
}

#confirm-area .pagos {
 margin: 0 auto;
 padding-bottom: 1rem !important;
 text-align: center;
}

#confirm-area .form-label {
 font-size: 1.2rem;
}

#confirm-area .input-group {
 margin: 0 auto;
 width: 90%;
 text-align: center;
}

@media (min-width: 576px) {
 #droperPago .step-item {
  display: block;
  padding: 0 0.35rem;
  width: 110px;
  height: auto;
  font-size: 1.2rem;
 }
 #droperPago .step-item .item {
  width: 80px;
  height: 80px;
  line-height: 1.2;
  font-size: 1.5em;
 }
 #droperPago .step-item .item.active {
  line-height: 1.4;
  font-size: 1.6em;
  background-color: #198754;
 }
 #confirm-area .input-group {
  width: 60%;
 }
}

@media (min-width: 768px) {
 #confirm-area .input-group {
  width: 40%;
 }
}

.holder-inputs .btn {
 height: 4.5rem;
 border-radius: 0;
 border: none;
}

#preview-area .holder-inputs #msgTwo {
 display: block;
 margin-right: auto !important;
 margin-left: auto !important;
 font-size: 1rem !important;
 text-align: center;
 padding-top: 1rem;
}

#preview-area .holder-inputs .btn-success {
 color: #FFF;
 background-color: rgba(25, 135, 84, 0.5);
}

#preview-area .holder-inputs .btn-success:hover {
 background-color: rgba(25, 135, 84, 0.8);
}

#preview-area .holder-inputs .btn-dark {
 color: #FFF;
 background-color: rgba(33, 37, 41, 0.4)
}

#preview-area .holder-inputs .btn-dark:hover {
 background-color: rgba(33, 37, 41, 0.6);
}

#drop-area {
 display: block;
 position: relative;
 width: 100%;
 height: 46vh;
 margin-top: 1rem;
 margin-bottom: 1rem;background-color: rgba(29, 41, 54, 0.0);
 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.4);
}

#drop-area.is-active {
 background-color: rgba(248, 249, 250, 0.8);}

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

	
		
::selection {
 background: #CCB0F3;
 color: #333;
}

::-moz-selection {
 background: #CCB0F3;
 color: #333;
}

::-webkit-selection {
 background: #CCB0F3;
 color: #333;
}

a {
 color: var(--bs-link-color);
 background-color: transparent;
}

a:hover {
 color: var(--bs-link-hover-color);
 text-decoration: none;
}

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

button>i {
 pointer-events: none;
}

button span {
 pointer-events: none;
}

button em {
 pointer-events: none;
}

button span.link {
 pointer-events: auto;
 margin: auto;
 padding: 0.75rem 0.375rem;
 width: 100%;
 height: 100%;
}

a>i {
 pointer-events: none;
}

a.btn {
 text-decoration: none;
}

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

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

.btn-cookie {
 position: fixed;
 bottom: 48px;
 left: 10px;
 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: 32px;
 height: 32px;
 background-size: contain;
 vertical-align: middle;
 background-image: url('../../../css/svgs/galleta.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 text-indent: -9999px;
 text-decoration: none;
 filter: drop-shadow(0 0.2rem 0.18rem rgba(3, 3, 3, 0.8));
}

@media ( min-width: 768px) {
 .btn-cookie {
  bottom: 1px;
  left: 1px;
 }
 .btn-cookie #cookie {
  width: 58px;
  height: 58px;
 }
}

.phone-text {
 display: inline-block;
 background-color: transparent;
 text-align: center;
 font-size: calc(1.5rem + 0.3vw);
 word-wrap: break-word !important;
 word-break: break-word !important;
 -webkit-user-select: all !important;
 -moz-user-select: all !important;
 user-select: all !important;
}

.btn-phone {
 display: inline-block;
 color: var(--bs-body-color);
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 background-color: transparent;
 border: 1px solid transparent;
 padding: 0.375rem 0.75rem;
 border-radius: 0.25rem;
 transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
}

.btn-phone-success {
 color: #198754;
 border-color: #198754;
}

.btn-phone-secondary {
 color: var(--bs-body-color);
 border-color: var( --bs-border-color);
}

.btn-phone-secondary:hover {
 border-color: #6c757d;
}

.btn-phone-success:hover {
 color: #fff;
 background-color: #198754;
 border-color: #198754;
}

.btn-phone-disabled {
 opacity: 0.65;
 pointer-events: none;
}

.btn-phone-success.disabled {
 color: #fff;
 border-color: rgba(113, 127, 121, 0.55);
 opacity: 0.65;
 pointer-events: none;
}

.btn-phone-success.disabled:hover {
 color: #fff;
 background: none;
 opacity: 0.65;
}

.holder-mensajero {
 padding: 0.55rem 0.55rem;
}

.btn-mensajero {
 position: fixed;
 bottom: 3.2rem;
 right: 6rem;
 padding: 0.55rem 0.55rem;
 z-index: 3000;
 border: none;
}

.btn-mensajero #mensajero {
 display: inline-block;
 width: 2rem;
 height: 2rem;
 background-size: contain;
 vertical-align: middle;
 background-image: url('../../../css/svgs/mensajero.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 text-indent: -9999px;
 text-decoration: none;
 filter: drop-shadow(0.12rem 0.12rem 0 rgba(3, 3, 3, 0.3));
}

.btn-mensajero #svg-mensajero {
 display: inline-block;
 width: 3rem;
 height: 3rem;
 text-indent: -9999px;
 text-decoration: none;
 filter: drop-shadow(0rem 0.063rem 0rem rgba(3, 3, 3, 0.3));
 opacity: 0.75;
}

.holder-mensajero #svg-mensajero {
 display: inline-block;
 width: 6rem;
 height: 6rem;
 text-indent: -9999px;
 text-decoration: none;
 filter: drop-shadow(0rem 0.063rem 0rem rgba(3, 3, 3, 0.3));
 opacity: 0.75;
}

@media ( min-width: 768px) {
 .btn-mensajero {
  bottom: 0.063rem;
  right: 6rem;
 }
 .btn-mensajero #svg-mensajero {
  width: 6rem;
  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 #point-off {
 fill: #6a6a6a;
 opacity: 0.6;
}

#svg-mensajero.on #point-off {
 opacity: 0;
}

.btn-static-bos,
.btn-static-bos:hover,
.btn-static-bos:focus,
.btn-static-bos:active {
 color: #198754 !important;
 border-color: #198754 !important;
 cursor: default;
}

.btn-dir {
 border: none;
 color: rgb(227, 227, 227);
 background-color: rgba(0, 0, 0, 0.6);
}

.btn-dir .fa {
 color: #FFF !important;
}

.btn-dir:hover,
.btn-dir.show {
 border: none;
 color: #FFF;
 background-color: rgba(0, 0, 0, 0.4);
}

.btn-dir:focus,
.btn-dir:active {
 -moz-box-shadow: inset 0 0 0px white;
 -webkit-box-shadow: inset 0 0 0px white;
 box-shadow: inset 0 0 0px white;
}

.btn-dir-y {
 border: none;
 color: rgb(227, 227, 227);
 background-color: rgba(220, 53, 70, 0.9);
}

.btn-dir-y:hover {
 color: rgb(227, 227, 227);
 background-color: rgba(220, 53, 70, 0.5);
}

.btn-link {
 color: #6B7B4C;
 text-decoration: underline !important;
}

.btn-link:hover {
 color: #758a4d;
 text-decoration: none !important;
}

.btn-link:disabled,
.btn-link.disabled {
 color: #657050;
}

.btn-delete svg {display: block;
 width: 25px;
 height: auto;
 margin: 0;
 padding: 0;
}

.btn-social {
 font-weight: 400;
 color: #6B7B4C;
 text-decoration: underline !important;
}

.btn-social:hover {
 color: #a1af7d;
 background-color: none;
 border-color: none;
}

.btn-pcmx {
 padding: 0.275rem 0.55rem;
 border: none;
 color: #A1AF7D;
}

.btn-pcmx:hover {
 border: none;
 color: #afafaf;
 background-color: rgba(161, 175, 125, 0.6);
}

.btn-aviso {
 color: rgba(var(--pc-warning-text-rgb), 0.8);
 border-color: rgba(var(--pc-warning-color-rgb), 0.6);
 border-width: 0.063rem;
}

.btn-aviso:hover,
.btn-aviso:active,
.btn-aviso:focus {
 color: rgba(var(--pc-warning-text-rgb), 1);
 border-color: rgba(var(--pc-warning-color-rgb), 1);
 border-width: 0.063rem;
}

[data-bs-theme=dark] .btn-aviso {
 color: rgba(var(--pc-warning-text-rgb), 0.8);
 border-color: rgba(var(--pc-warning-color-rgb), 0.4);
}

[data-bs-theme=dark] .btn-aviso:hover {
 color: rgba(var(--pc-warning-text-rgb), 0.9);
 border-color: rgba(var(--pc-warning-color-rgb), 0.6);
}

.btn-location {
 cursor: pointer;
}

.btn-block {
 color: #6d240c;
 background-color: #ff5e28;
 pointer-events: none;
}

.btn-block:hover {
 color: #6d240c;
 text-decoration: none !important;
 background-color: #ff5e28;
 pointer-events: none;
}

.btn-block:disabled,
.btn-block.disabled {
 color: #6d240c;
 background-color: #ff5e28;
}

.bg-block {
 color: #6d240c;
 background-color: #ff5e28;
}

.btn[data-bs-theme-value] {
 border: none;
}

.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: #ff5e283c;
}

.btn-news {
 color: var(--bs-body-color);
 border: none;
}

.btn-news .badge {
 color: var(--bs-body-color);
 border: none;
}

.btn-heart {
 color: var(--bs-body-color);
 border: none;
}

.btn-heart:hover {
 color: #fff;
 background-color: #6c757d;
}

.btn-heart .badge {
 color: var(--bs-body-color);
 border: none;
}

.btn-heart .fas {
 padding: 0;
 margin: 0;
 color: rgb(204, 0, 0);
}

.btn-disheart {
 color: var(--bs-body-color);
 border: none;
}

.btn-disheart:hover {
 color: #fff;
 background-color: rgba(108, 117, 125, 0.25);
}

.btn-disheart .badge {
 color: var(--bs-body-color);
 border: none;
}

.btn-disheart:hover .badge {
 color: #fff;
 border: none;
}

.btn-disheart .fas {
 padding: 0;
 margin: 0;
 color: rgb(124, 0, 0);
}

.text-bg-heart {
 color: var(--bs-body-color);
 background-color: RGBA(var( --bs-body-bg-rgb), var(--bs-bg-opacity, 1));
 background-color: var(--bs-card-cap-bg);
 background: none;
}

.btn-outline-green-1:hover {
 color: var(--pc-green-color-hover-1);
 border-color: var(--pc-green-bg-1);
 background-color: rgba(var(--pc-green-bg-1-rgb), 0.85);
 text-shadow: 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.75);
}

.btn-green {
 color: #7aa31b;
 border-color: #7aa31b;
}

.btn-green:hover {
 color: #FFFFFF;
 background-color: #7aa31b;
}

.btn-green-1 {
 font-weight: 500;
 color: var(--pc-green-color-2);
 border-color: var(--pc-green-bg-1);
 background-color: var(--pc-green-bg-1);
}

.btn-green-1:hover {
 color: var(--pc-green-color-2);
 color: var(--pc-green-color-hover-1);
 border-color: var(--pc-green-bg-1);
 background-color: rgba(var(--pc-green-bg-1-rgb), 0.65);
 text-shadow: 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.75);
}

.btn-outline-green-1 {
 border: 0.125rem solid;
 border-color: var(--pc-green-bg-1);
}

.btn-outline-green-1:hover {
 color: var(--pc-green-color-hover-1);
 border-color: var(--pc-green-bg-1);
 background-color: rgba(var(--pc-green-bg-1-rgb), 0.85);
 text-shadow: 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.75);
}

.btn-green-2 {
 font-weight: 500;
 color: var(--pc-green-color-2);
 border-color: var(--pc-green-bg-2);
 background-color: rgba(var(--pc-green-bg-2-rgb), 1);
}

.btn-green-2:hover {
 color: var(--pc-green-color-hover-1);
 border-color: var(--pc-green-bg-2);
 background-color: rgba(var(--pc-green-bg-2-rgb), 0.65);
 text-shadow: 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.75);
}

.btn-outline-green-2 {
 border: 0.125rem solid;
 border-color: var(--pc-green-bg-2);
}

.btn-outline-green-2:hover {
 color: var(--pc-green-color-hover-1);
 border-color: var(--pc-green-bg-2);
 background-color: rgba(var(--pc-green-bg-2-rgb), 0.85);
 text-shadow: 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.75);
}

.btn-green-3 {
 font-weight: 500;
 color: var(--pc-green-color-1);
 border-color: var(--pc-green-bg-3);
 background-color: rgba(var(--pc-green-bg-3-rgb), 1);
}

.btn-green-3:hover {
 color: var(--pc-green-color-hover-1);
 border-color: var(--pc-green-bg-3);
 background-color: rgba(var(--pc-green-bg-3-rgb), 0.65);
 text-shadow: 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.75);
}

.btn-outline-green-3 {
 border: 0.125rem solid;
 border-color: var(--pc-green-bg-1);
}

.btn-outline-green-3:hover {
 color: var(--pc-green-color-hover-1);
 border-color: var(--pc-green-bg-3);
 background-color: rgba(var(--pc-green-bg-3-rgb), 0.85);
 text-shadow: 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.75);
}

.btn-green-4 {
 font-weight: 500;
 color: var(--pc-green-color-1);
 border-color: var(--pc-green-bg-4);
 background-color: rgba(var(--pc-green-bg-4-rgb), 1);
}

.btn-green-4:hover {
 color: var(--pc-green-color-hover-1);
 border-color: var(--pc-green-bg-4);
 background-color: rgba(var(--pc-green-bg-4-rgb), 0.65);
 text-shadow: 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.75);
}

.btn-outline-green-4 {
 border: 0.125rem solid;
 border-color: var(--pc-green-bg-4);
}

.btn-outline-green-4:hover {
 color: var(--pc-green-color-hover-1);
 border-color: var(--pc-green-bg-4);
 background-color: rgba(var(--pc-green-bg-4-rgb), 0.85);
 text-shadow: 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.75);
}

.btn-green-5 {
 font-weight: 500;
 color: var(--pc-green-color-1);
 border-color: var(--pc-green-bg-3);
 background-color: rgba(var(--pc-green-bg-3-rgb), 1);
}

.btn-green-5:hover {
 color: var(--pc-green-color-hover-1);
 border-color: var(--pc-green-bg-3);
 background-color: var(--pc-green-bg-3);
 background-color: rgba(var(--pc-green-bg-3-rgb), 0.65);
 text-shadow: 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.75);
}

	
		


	
		
.banners {
 margin: 0 auto;
 padding: 2vh 0;
 width: 100%;
 height: auto;
 display: grid;
 place-items: center;
 align-items: center;
 text-align: center;
 background-color: var(--bs-body-bg);
}

.banners .holder {
 display: block;
 padding: 0;
 margin: auto;
 height: auto;
 text-align: center;
}

.banners-svg-off {
 margin: 0 auto;
 padding: 2vh 0;
 width: 100%;
 height: auto;
 display: grid;
 place-items: center;
 align-items: center;
 text-align: center;
 text-align: center;
 background-color: var(--bs-body-bg);
}

.banners-svg-off {
 margin: 0 auto;
 padding: 2vh 0;
 max-width: 300px;
 height: auto;
 text-align: center;
 background-color: var(--bs-body-bg);
}

.publicidad {
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 0.6rem;
}

.banner-shape {
 margin: 0;
 padding: 0;
 display: block;
 background: rgb(66, 132, 243);
 width: 300px;
 height: 100px;
}

.ejm-altura-fija {
 display: block;
 min-width: 400px;
 max-width: 970px;
 width: 100%;
 height: 90px;
}

.ejm-rectangular {
 width: 160px;
 height: 600px;
}

.banners img {
 transition: 300ms linear;
}

.banners-svg img {
 transition: 300ms linear;
}

.banner-click:hover {
 -webkit-filter: brightness(120%) contrast(50%);
 -moz-filter: brightness(120%) contrast(50%);
 -o-filter: brightness(120%) contrast(50%);
 filter: brightness(120%) contrast(50%);
 opacity: 0.9;
}

.banner-img-top {
 max-width: 100%;
 height: auto;
 object-fit: cover;}

.ejm-top-footer {
 text-align: center;
}

.banner-svg-a {
 display: block;
 padding: 0;
 margin: auto;
 text-decoration: none;
}

.banner-svg-a:hover {
 -webkit-filter: brightness(120%) contrast(50%);
 -moz-filter: brightness(120%) contrast(50%);
 -o-filter: brightness(120%) contrast(50%);
 filter: brightness(120%) contrast(50%);
 opacity: 0.9;
}

.banner-svg-holder {
 display: block;
 padding: 0;
 margin: 0;
 width: 300px;
 height: 50px;
 text-align: center;
 color: black;
 background-color: none;
 pointer-events: none;
}

.banner-svg-holder-rectangle {
 display: block;
 padding: 0;
 margin: 0;
 width: 160px;
 height: 300px;
 text-align: center;
 color: black;
 background-color: none;
 pointer-events: none;
}

.banner-svg foreignObject {
 width: 100%;
 height: 100%;
}.banner-svg .banner-svg-txt {
 display: grid;
 place-items: center;
 align-items: center;
 text-align: center;
 justify-content: center;
 margin: auto;
 width: 100%;
 height: 100%;
 color: rgba(190, 190, 190, 0.9);
 font-size: 1rem;
 text-align: center;
}

[data-bs-theme=dark] .banner-svg-txt {
 text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
}

.banner-svg rect {
 padding: 0;
 margin: auto;
 width: 100%;
 height: 100%;
 fill: #4284f3;
 fill: #d8d8d8;
 stroke: none;
 opacity: 0.25;
}

[data-bs-theme=dark] .banner-svg rect {
 fill: #a5a5a5;
 fill: #333333;
 opacity: 0.35;
}

@media (max-width: 374.98px) {
 .ejm-top-footer {
  width: 300px;
  height: 100px;
 }
 .banners-svg-off {
  max-width: 300px;
  height: auto;
 }
 .banner-svg-holder {
  width: 300px;
  height: 100px;
 }
}

@media (min-width: 375px) {
 .ejm-top-footer {
  width: 320px;
  height: 100px;
 }
 .banners-svg-off {
  max-width: 320px;
  height: auto;
 }
 .banner-svg-holder {
  width: 320px;
  height: 100px;
 }
 .banner-svg .banner-svg-txt {
  font-size: 1.2rem;
 }
}

@media(min-width: 576px) {
 .ejm-top-footer {
  width: 468px;
  height: 60px;
 }
 .banners-svg-off {
  max-width: 468px;
  height: auto;
 }
 .banner-svg-holder {
  width: 468px;
  height: 60px;
 }
 .banner-svg-holder-rectangle {
  width: 300px;
  height: 600px;
 }
}

@media(min-width: 800px) {
 .ejm-top-footer {
  width: 728px;
  height: 90px;
 }
 .ejm-rectangular {
  width: 300px;
  height: 600px;
 }
 .banner-svg-holder-rectangle {
  width: 300px;
  height: 600px;
 }
 .banner-svg .banner-svg-txt {
  font-size: 1.3rem;
 }
}

@media(min-width: 1024px) {
 .ejm-top-footer {
  width: 970px;
  height: 90px;
 }
 .banners-svg-off {
  max-width: 970px;
  height: auto;
 }
 .banner-svg-holder {
  width: 970px;
  height: 90px;
 }
 .banner-svg .banner-svg-txt {
  font-size: 1.6rem;
 }
}

.banner-top-mrgn {
 padding-top: 3.75rem;
}

.banner-top-less {
 padding-top: 1rem;
}

.banner-footer-mrgn {
 padding-bottom: 3.75rem;
}

@media(min-width: 576px) {
 .banner-svg-holder-rectangle {
  width: 300px;
  height: 600px;
 }
}

@media(min-width: 800px) {
 .banner-svg-holder-rectangle {
  width: 300px;
  height: 600px;
 }
 .banner-svg-holder-rectangle .banner-svg .banner-svg-txt {
  font-size: 1.3rem;
 }
}

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

	
		
.logo-permaculturamx-banner {
 margin: auto;
 width: 100%;
 height: 100%;
}

.logo-permaculturamx-banner {
 font-family:'avenir-next-bold';
 font-size: 1rem;
 text-align: center;
 color: #9c9c9c;
 color: #819455;
 color: rgba(190, 190, 190, 0.9);
 line-height: 48px;
 text-anchor: middle;
 text-transform: uppercase;
 text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.95);
}

[data-bs-theme=dark] .logo-permaculturamx-banner {
 color: rgba(94, 94, 94, 0.85);
 color: rgba(135, 135, 135, 0.8);
 text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
}

.logo-permaculturamx-banner span {
 font-family:'avenir-next-light';
 color: #DFAD5B;
 color: #261f10;
 color: #212529;
 font-weight: bolder;
}

[data-bs-theme=dark] .logo-permaculturamx-banner span {
 color: #DFAD5B;
 color: #261f10;
 color: rgba(125, 125, 125, 0.8);
}

.logo-permaculturamx-banner span {
 display: inline-block;
}

@media (max-width: 374.98px) {
 .logo-permaculturamx-banner {
  font-size: 1.1rem;
  line-height: 90px;
 }
}

@media (min-width: 375px) {
 .logo-permaculturamx-banner {
  font-size: 1.2rem;
  line-height: 90px;
 }
}

@media(min-width: 576px) {
 .logo-permaculturamx-banner {
  font-size: 1.3rem;
  line-height: 50px;
 }
}

@media(min-width: 800px) {
 .banner-svg-holder-rectangle .logo-permaculturamx-banner {
  font-size: 1.3rem;
  line-height: 90px;
 }
}

@media(min-width: 1024px) {
 .logo-permaculturamx-banner {
  font-size: 1.6rem;
  line-height: 90px;
 }
}

.banner-svg-holder-rectangle .logo-permaculturamx-banner {
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.75rem;
 line-height: 60px;
}

.banner-svg-holder-rectangle .logo-permaculturamx-banner span {
 display: inline-block;
}

@media(min-width: 800px) {
 .banner-svg-holder-rectangle .logo-permaculturamx-banner {
  font-size: 1.3rem;
  line-height: 90px;
 }
}

.que-disenamos-svg {
 margin: auto;
 width: 100%;
 height: 100%;
}

.que-disenamos-svg .cls-9 {
 opacity: 0;
}

.que-disenamos-svg .cuadro-centro {
 opacity: 0;
}

#disena path {
 transform-origin: 60% 50%;
 transform: scale(1.1);
}

#perma path {
 transform-origin: 40% 75%;
 transform: scale(1.1);
}

@media(min-width: 576px) {
 #disena path {
  transform: scale(1.25);
 }
 #perma path {
  transform: scale(1.25);
 }
}

@media(min-width: 1024px) {
 #disena path {
  transform: scale(1.5);
 }
 #perma path {
  transform: scale(1.5);
 }
}

#flores-que {
 opacity: 0.75;
 transform-origin: 50% 50%;
 transform: scale(0.5);
}

@media (min-width: 576px) {
 #flores-que {
  opacity: 0.9;
  transform: scale(1);
 }
 #flor-g-de {
  animation-name: spin-contra;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  animation-delay: .5s;
  animation-direction: normal;
  display: block;
 }
 #flecha-g-de {
  animation-name: spin;
  animation-duration: 5.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  animation-delay: 1s;
  animation-direction: normal;
  display: block;
 }
 #flor-g-iz {
  animation-name: spin-contra;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  animation-delay: 0.5s;
  animation-direction: normal;
  display: block;
 }
 #flecha-g-iz {
  animation-name: spin;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  animation-delay: 1s;
  animation-direction: normal;
  display: block;
 }
}

.como-disenamos-svg {
 margin: auto;
 width: 100%;
 height: 100%;
}

#como-m {
 opacity: 1;
}

#como-d {
 opacity: 0;
}

@media(min-width: 576px) {
 #como-m {
  opacity: 0;
 }
 #como-d {
  opacity: 1;
 }
}

.casa-produce-svg {
 --fill-ltrs-casa: #212529;
 --shadow-svg-casa: #f5f5f5;
}

[data-bs-theme=dark] .casa-produce-svg {
 --fill-ltrs-casa: #f5f5f5;
 --shadow-svg-casa: #212529;
}

.casa-produce-svg.bg-ra-purple {
 --fill-ltrs-casa: #f5f5f5;
 --shadow-svg-casa: #212529;
 background-color: #22213d;
 background-image: radial-gradient( farthest-side at 50% 150%, rgb(50, 49, 85), #22213d);
 background-size: contain;
 background-position: 100% 100%;
}

.casa-produce-svg .cls-1 {
 fill: var(--fill-ltrs-casa);
}

.casa-produce-svg .cls-2 {
 fill: #24babc;
}

.casa-produce-svg .cls-3,
.casa-produce-svg .cls-4,
.casa-produce-svg .cls-5,
.casa-produce-svg .cls-6 {
 filter: url(#drop-shadow-1);
}

#casa-m {
 opacity: 1;
}

#casa-d {
 opacity: 0;
}

@media(min-width: 576px) {
 #casa-m {
  opacity: 0;
 }
 #casa-d {
  opacity: 1;
 }
}

	
		
.video-box-aula {
 --big-play-bg-color: #849660;
 --big-play-border-color: #849660;
 --big-play-border-radius: 3.125rem;
 --big-play-border-width: 0rem;
 --control-bg-color: #849660;
 --control-bg-alpha: 0.7;
 --vp-control-bg-color-rgb: rgba(132, 150, 96, 0.8);
 --vjs-control-bg-color-rgb: 132, 150, 96;
 --vjs-white-color: #f0f0f0;
}

.video-box-aula .vjs-big-play-button {
 padding: 0;
 margin: 0;
 top: 48%;
 left: 53%;
 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: 3em;
 height: 3em;
 line-height: 3em;
 font-size: 2.8em;
 cursor: pointer;
}

.video-box-aula:hover .vjs-big-play-button {
 background-color: var(--vp-control-bg-color-rgb);
}

.video-box-aula .video-js .vjs-modal-dialog {
 background: rgba(0, 0, 0, 0.8);
}

.video-box-aula .video-js .vjs-play-progress {
 background-color: var(--big-play-bg-color);
}

.video-box-aula .video-js .vjs-load-progress {
 background: rgba(var(--vjs-control-bg-color-rgb), 0.5);
}

.video-box-aula .video-js .vjs-load-progress div {
 background: rgba(var(--vjs-control-bg-color-rgb), 0.75);
}

.video-box-aula .vjs-control:focus:before,
.video-box-aula .vjs-control:hover:before,
.video-box-aula .vjs-control:focus {
 text-shadow: none;
}

.video-box-aula .vjs-control.vjs-close-button {
 color: var(--vjs-white-color);
 cursor: pointer;
 font-size: calc(2rem + 0.25vw);
}

.video-box-aula .vjs-big-play-button:hover {
 color: var(--vjs-white-color);
 background-color: var(--vp-control-bg-color-rgb);
}

.video-box-aula .vjs-control-bar {
 color: var(--vjs-white-color);
 background-color: var(--vp-control-bg-color-rgb);
 font-size: 1.3em;
}

.video-box-aula .vjs-play-control {
 background-color: var(--vp-control-bg-color-rgb);
}

.video-box-aula .vjs-picture-in-picture-control {
 display: none;
}

.video-box-aula .vjs-current-time {
 display: block;
}

.video-box-aula .vid-modal-pcmx {
 margin: auto;
 color: #fff9a2;
 font-size: calc(1.1rem + 0.2vw);
 width: 100%;
 height: 100%;
 background: transparent;
 display: grid;
 place-items: center;
}

.video-box-aula .vid-modal-pcmx h1 {
 font-size: calc(1.2rem + 1.2vw);
}

.v-plyr {
 width: 100%;
 height: auto;
}

.video-playing-r {
 width: auto;
 height: 70vh;
}

@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%;
 }
}

	
		


	
		
#Certificado .profile-photo {
 padding-top: 0.5rem;
 display: grid;
 place-items: center;
}

#Certificado .profile-holder {
 width: 170px;
 height: 170px;
 overflow: hidden;
 transform: translate(0%, 0%);border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 border-bottom-right-radius: 50% 50%;
 border-bottom-left-radius: 50% 50%;
}

#Certificado .photo {
 display: inline;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 object-fit: cover;
}

.acreditacion .profile-photo {
 padding-top: 0.5rem;
 display: grid;
 place-items: center;
}

.acreditacion .profile-holder {
 width: 170px;
 height: 170px;
 overflow: hidden;
 transform: translate(0%, 0%);border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 border-bottom-right-radius: 50% 50%;
 border-bottom-left-radius: 50% 50%;
}

.acreditacion .photo {
 display: inline;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 object-fit: cover;
}

	
		
.contacto .logo-permaculturamx h1 {
 font-family:'avenir-next-bold';
 padding: 0px !important;
 margin: 0px !important;
 font-size: clamp(1.5rem, 3.5vw, 2.2rem);
 text-transform: uppercase;
 color: #819455;
}

.contacto .logo-permaculturamx h1 span {
 font-family:'avenir-next-light';
 color: #819455;
}

.contacto .logo-permaculturamx h2 {
 padding: 0px;
 margin: 0px;
 font-size: 1.2rem;
 font-size: clamp(1rem, 2vw, 1.35rem);
 letter-spacing: 0.03rem;
 color: #261f10;
 text-transform: capitalize;
}

[data-bs-theme=dark] .contacto .logo-permaculturamx h2 {
 padding: 0px;
 margin: 0px;
 font-size: 1.2rem;
 font-size: clamp(1rem, 2vw, 1.35rem);
 color: #DFAD5B;
 text-transform: capitalize;
}

.contacto .slogan {
 padding: 0;
 margin: 0px;
 color: #DFAD5B;
 font-size: .8rem;
 font-size: calc(0.8rem + 0.25vw);
 font-weight: 300;
}

.contacto .adr {
 font-size: 1.2rem;
}

.contacto ul {
 font-size: 1.2rem;
}

.contacto .accordion-button {
 color: #819455;
 font-size: clamp(1.8rem, 2vw, 2rem);
 font-weight: 600;
 background: none;
 border-bottom: 1px solid #dee2e6;
}

[data-bs-theme=dark] .contacto .accordion-button {
 border-bottom: 1px solid #495057;
}

.contacto .accordion-button:hover {
 border-bottom: 1px solid #819455;
}

	
		
.card-report .card-img-holder {
 display: block;
 height: 320px;
}

.card-report span {
 display: block;
}

.card-report .card-subtitle .text-muted {
 display: inline;
}.report header {
 margin-bottom: 2rem;
}

.report .page-header a {
 text-decoration: none;
}

.report .post-info {
 display: block;
 font-size: 1.4rem;
 padding-bottom: 1rem;
 margin-bottom: 1rem;
}

.report .img-holder {
 display: block;
 padding: 0px 0;
 margin-left: auto;
 margin-right: auto;
 margin-top: 2rem;
 margin-bottom: 1rem;
 text-align: center;
 max-width: 856px;
 height: auto;
 overflow: hidden;
 display: flex;
 align-items: center;
 justify-content: center;
 background: no-repeat center center scroll;
 background-position: center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: cover;
 -o-background-size: cover;}

.report .image-holder {
 width: 100%;
 height: auto;
 overflow: hidden;
 display: flex;
 align-items: center;
 justify-content: center;}

.report .image-holder-cover {
 width: 100%;
 height: auto;
 overflow: hidden;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 background: no-repeat center center scroll;
 background-position: center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}

.report .img-holder img {
 margin: 0 auto;
 display: inline;
 width: auto;
 max-height: 320px;
 text-align: center;
 vertical-align: middle;
 object-fit: cover;
 -webkit-transition: opacity 500ms;
 transition: opacity 500ms;}

.report .image-holder a img {
 display: block;
 max-width: 100%;
 height: auto;
 margin: 0 auto;
 object-fit: contain;
 -webkit-transition: opacity 500ms;
 transition: opacity 500ms;
}

.report .img-holder-svg {
 margin-left: auto;
 margin-right: auto;
 margin-top: 2rem;
 margin-bottom: 1rem;
 max-width: 100%;
 height: 300px;
 overflow: hidden;
 display: grid;
 place-items: center;
 text-align: center;
}

.report .img-holder-svg svg.logo-gray-black {
 user-select: none;
 -moz-user-select: none;
 -webkit-user-drag: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 pointer-events: none;
}

.report .img-holder-svg svg.logo-gray-black-na {
 vertical-align: middle;
 width: 100%;
 height: 100%;
 margin: auto;
}

.report .logo-gray-black path {
 opacity: 1;
 transform-box: fill-box;
 transform-origin: center;
}.report .references {
 word-wrap: break-word;
}

.report #citar {
 word-wrap: break-word;
}

	
		
.list-group {
 --bs-list-group-active-bg: none;
 --bs-list-group-active-border-color: #0d6efd;
}

.list-group-item.active {
 background-color: var(--bs-list-group-active-bg);
 border-color: none;
}

#asideOffcanvas {
 z-index: 1180;
}

.aside-tematica {
 display: block;
 width: 100%;
 font-size: 1.4rem;
}

.aside-tematica a {
 display: inline-block;
 width: 100%;
 font-size: 1.4rem;
}

.aside-tematica li {
 margin-bottom: 0.25rem !important;
 border: none;
 background-color: none;
}

.aside-tematica li a {
 width: 96%;
 text-decoration: none !important;
 color: rgba(108, 110, 82, 0.7);
}

[data-bs-theme=dark] .aside-tematica li a {
 width: 96%;
 text-decoration: none !important;
 color: rgba(227, 231, 170, 0.70);
}

.aside-tematica li ul li {
 padding-left: .25rem;
 margin-top: 0.125rem;
 margin-bottom: 0.125rem !important;
}

.aside-tematica li.active a {
 color: #849660;
}

.aside-tematica li.active a {
 color: #888b2a;
}

.aside-tematica li.active a::before {
 content:"- ";
}

.aside-tematica li a:hover {
 color: #888b2a;
 text-decoration: underline !important;
}

.aside-tematica .btn-toggle {
 width: 100%;
 padding: .125rem .035rem;
 border: none;
 font-size: 1.4rem;
 color: rgba(108, 110, 82, 0.9);
 text-align: left;
 text-decoration: underline;
}

[data-bs-theme=dark] .aside-tematica .btn-toggle {
 width: 100%;
 padding: .125rem .035rem;
 border: none;
 font-size: 1.4rem;
 color: rgba(227, 231, 170, 0.9);
 text-align: left;
 text-decoration: underline;
}

.aside-tematica .btn-toggle::before {
 width: 1.25rem;
 line-height: 0;
 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='rgba%227, 231, 170,.5%29' stroke='rgba%227,231,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.aside-tematica .btn-toggle[aria-expanded=true]::before {
 width: 1.25rem;
 line-height: 0;
 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='rgba%227, 231, 170,.5%29' stroke='rgba%227, 231, 170,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6l6-6'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .aside-tematica .btn-toggle::before {
 width: 1.25rem;
 line-height: 0;
 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='rgba%227, 250, 250,.5%29' stroke='rgba%227,250,250,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .aside-tematica .btn-toggle[aria-expanded=true]::before {
 width: 1.25rem;
 line-height: 0;
 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='rgba%227, 250, 250,.5%29' stroke='rgba%227, 250, 250,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6l6-6'/%3e%3c/svg%3e");
}

.btn-toggle-nn {
 padding: .25rem .5rem;
 border: none;
 font-size: 1.4rem;
}

.btn-toggle-nav a {
 padding: .125rem .1rem;
 margin-top: .125rem;
 margin-left: 1.25rem;
}

	
		
.aula-preview,
.aula-virtual {
 position: relative;
 margin: 0;
 padding: 0;
}

.aula-preview .container,
.aula-virtual .container {
 padding: 0;
}

.aula-preview .contenido-tema,
.aula-virtual .contenido-tema {
 width: 100%;
 height: 100%;
 top: 0;
 vertical-align: top;
}

.aula-virtual .titulo-capacitacion {
 padding: 0.5rem 0.5rem;
}

.aula-virtual .titulo-capacitacion h1 {
 font-size: 1.4rem;
 font-size: calc(1.375rem + 0.1vw);
}

.aula-virtual .sub-title {
 color: rgba(var(--bs-secondary-color-rgb), 0.35);
 font-size: calc(1.3rem + 0.4vw);
}

.aula-preview .card-tema,
.aula-virtual .card-tema {
 border-radius: 0;
}

.aula-virtual .card-tema .card-header {
 --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.13);
 padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
 margin-bottom: 0;
 color: var(--bs-card-cap-color);
 background-color: var(--bs-card-cap-bg);
 border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.aula-virtual .card-tema .card-header {
 padding: 1.2rem 0.5rem;
 font-size: 1.25rem;
 line-height: 1.5rem;
 text-decoration: none;
}

.aula-preview .card-tema .card-header a,
.aula-virtual .card-tema .card-header a {
 padding: 0.35rem 0.35rem;
 text-decoration: none;
}

.aula-virtual .card-tema .list-group-item {
 color: var(--bs-secondary-color);
 font-size: calc(1rem + 0.1vw);
 background-color: rgba(var( --bs-body-bg-rgb), 0.1);
}

.aula-virtual .card-tema .list-group-item:hover {
 background-color: rgba(52, 58, 64, 0.2);
}

.aula-virtual .card-tema .list-group-item a {
 color: var(--bs-link-color);
}

.aula-virtual .card-tema .list-group-item a:hover {
 color: var(--bs-link-hover-color);
}

.aula-virtual .card-tema .list-group-item.active {
 background-color: rgba(52, 58, 64, 0.3);
 border-color: rgba(52, 58, 64, 0.3);
}

.aula-virtual .card-tema .list-group-item.active a {
 text-decoration: none;
 color: rgba(113, 117, 104, 0.9);
}

[data-bs-theme=dark] .aula-virtual .card-tema .list-group-item.active {
 background-color: rgba(52, 58, 64, 0.6);
 border-color: rgba(52, 58, 64, 0.6);
}

[data-bs-theme=dark] .aula-virtual .card-tema .list-group-item.active a {
 color: rgba(203, 231, 148, 0.8);
}

.aula-virtual .descripciones-texto {
 display: block;
 margin: 0;
 padding: 0.375rem 0.25rem;
 height: 100%;
 width: 100%;
 border-top: solid 0.063rem var(--bs-border-color-translucent);
}

.aula-virtual .descripciones-texto p {
 margin-top: 0;
 margin-bottom: .6rem;
 font-size: 1.4rem;
 font-weight: 400;
 line-height: 1.8rem;
}

.card-pdf-av {
 border: none;
}.lista-capacitaciones {
 display: block;
 height: auto;
 padding-bottom: 1rem;
 margin-bottom: 3rem;
}

.lista-capacitaciones .post-event .card-img-holder {
 width: 100%;
 height: 14rem;
}

.lista-capacitaciones .post-event .labels {
 z-index: 100;
}

.aula-virtual .temas-holder {
 height: 100%;
}

.aula-virtual .lista-temas {
 display: block;
 width: 100%;
 height: calc(86vh - 63px);
 overflow-y: scroll;
}

#footer-lista-temas {
 display: block;
 width: 100%;
 height: 100px;
}

	
		
#calendar-carousel {
 border-bottom: solid 3px #43733d;
}

#calendar-carousel .carousel-inner {
 width: 100%;
 height: 100%;
}

#calendar-carousel .carousel-item {
 width: 100%;
 min-height: 380px;
 height: 50vh;background: no-repeat top center scroll;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

#calendar-carousel .carousel-item {
 width: 100%;
 height: 50vh;
 transition: -webkit-transform 500ms ease, opacity 500ms;
 transition: transform 500ms ease, opacity 500ms;
 transition: transform 500ms ease, -webkit-transform 500ms ease, opacity 500ms;
 -webkit-backface-visibility: visible;
 backface-visibility: visible;
}

@media (min-width: 768px) {
 #calendar-carousel .carousel-item {
  height: 46vh;
 }
}

@media (min-width: 992px) {
 #calendar-carousel .carousel-item {
  height: calc(55vh);
 }
}

#calendar-carousel .carousel-caption {
 margin: 0;
 padding: 6px 0;
}

#calendar-carousel .carousel-caption h3 {
 margin: 0;
 padding: 0;
 font-size: 2rem;
 color: #fff;
 text-shadow: 1px 1px 1px #000;
}

@media (min-width: 768px) {
 #calendar-carousel .carousel-caption h3 {
  font-size: 2.4rem;
 }
}

@media (min-width: 992px) {
 #calendar-carousel .carousel-caption h3 {
  font-size: 2.6rem;
 }
}

.calendar-header {
 color: #f2f2f2;
}#app-calendar .card-img-holder {
 height: 7rem;
}

#app-calendar .post-event .card-title {
 font-size: calc(1.25rem + 0.25vw);
}

#app-calendar .post-event .card-title a {
 text-decoration: none;
}

#app-calendar .post-event .list-group-item {
 padding: 0.5rem 1rem;
 font-size: calc(0.8rem + 0.05vw);
}

#app-calendar .card-img-holder {
 display: block;
 height: calc(36vh);
 background-color: #d2d2d2;
 overflow: hidden;
}

#app-calendar .card-img {
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
 background: no-repeat top center scroll #372E49;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-blend-mode: lighten;
 -webkit-transition: 500ms, opacity 500ms;
 transition: 500ms, opacity 500ms;
}

#app-calendar .card-img-holder:hover .card-img,
.card-img-holder:focus .card-img {
 transform: scale(1.2);
}

#app-calendar .card-img::before {
 content:"";
 display: none;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-color: rgba(52, 73, 94, 0.75);
}

#app-calendar .card-img-holder:hover .card-img:before,
#app-calendar .card-img-holder:focus .card-img:before {
 display: block;
}

.app-calendar .post-event .card-body {
 padding-bottom: 0.5rem;
}

.app-calendar .post-event .card-body.middle {
 padding: 0.5rem 1rem;
 margin: 0;
 flex: none;
 display: flex;
 justify-content: space-between;
 font-size: calc(1rem + 0.25vw);
}

.app-calendar .post-event .card-body.middle div {
 align-self: center;
}

.app-calendar .post-event .card-body.middle div a {
 text-decoration: none;
}

.app-calendar .post-event .card-body.cal {
 position: relative;
 padding: 0.75rem 0.25rem;
 margin: 0;
 display: block;
 flex: none;
 border: var( --bs-border-color-translucent) var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
 border-top: solid thin var( --bs-border-color-translucent);
 background-color: var(--bs-card-cap-bg);z-index: 15;
}

.app-calendar .post-event .card-body.cal:hover {
 background-color: rgba(var(--bs-body-bg-hover-rgb), 0.90);
}

[data-bs-theme=dark] .app-calendar .post-event .card-body.cal:hover {
 background-color: rgba(var(--bs-body-bg-hover-rgb), 0.45);
}

.app-calendar .post-event .card-body.cal .cal-a {
 margin: 0 auto;
 padding: 0;
 display: flex;
 justify-content: space-evenly;
 color: var(--bs-body-color);
 text-decoration: none;
}

.app-calendar .post-event .cal-square {
 display: flex;
}

.app-calendar .post-event .card-body.cal .year {
 position: absolute;
 margin: 0 auto;
 padding: 0 0 0 0;
 top: -0.5rem;
 right: 0;
 bottom: 0;
 left: 0;
 text-align: center;
 font-size: 3rem;
 color: rgba(var(--bs-body-color-rgb), 0.12);
 z-index: -1;
}

.app-calendar .post-event .card-body.cal .year.end {
 padding-left: calc(7rem + 13.5vw);
 text-align: center;
}

@media (min-width: 992px) {
 .app-calendar .post-event .card-body.cal .year.end {
  padding-left: calc(7rem + 1vw);
  text-align: center;
 }
}

@media (min-width: 1200px) {
 .app-calendar .post-event .card-body.cal .year.end {
  padding-left: 12rem;
  text-align: center;
 }
}

.app-calendar .post-event .cal-square .day-number {
 margin: 0;
 padding: 0 0.25rem 0 0;
 align-self: center;
 font-size: calc(1.5rem + 0.80vw);
 font-weight: bold;
 line-height: 1.1rem;
 color: rgba(var(--bs-body-color-rgb), 0.75);
}

[data-bs-theme=dark] .app-calendar .post-event .cal-square .day-number {
 color: rgba(var(--bs-secondary-color-rgb), 0.90);
}

.app-calendar .post-event .cal-square .icono {
 padding: 0 0.25rem 0 0;
 font-size: calc(1rem + 0.10vw);
 align-self: flex-start;
 color: rgba(var(--bs-secondary-color-rgb), 0.85);
}

[data-bs-theme=dark] .post-event .cal-square .icono {
 color: rgba(var(--bs-secondary-color-rgb), 0.45);
}

.app-calendar .post-event .cal-square .box {
 margin-left: 0.25rem;
 align-self: flex-end;
}

.app-calendar .post-event .cal-square .day {
 margin: 0;
 padding: 0;
 font-size: calc(1.1rem + 0.10vw);
 line-height: 1.3rem;
 color: rgba(var(--bs-secondary-color-rgb), 0.65);
}

[data-bs-theme=dark] .app-calendar .post-event .cal-square .day {
 color: rgba(var(--bs-secondary-color-rgb), 0.70);
}

.app-calendar .post-event .cal-square .month {
 margin: 0;
 padding: 0;
 font-size: calc(1.1rem + 0.15vw);
 line-height: 0;
 line-height: 1.2rem;
 color: rgba(var(--bs-secondary-color-rgb), 0.95);
}

[data-bs-theme=dark] .app-calendar .post-event .cal-square .month {
 color: rgba(var(--bs-secondary-color-rgb), 0.40);
}

.app-calendar .post-event .cal .minus {
 color: rgba(var(--bs-secondary-color-rgb), 0.35);
}

#Calendario .image-flyer-open {
 display: block;
 padding: 0px 0;
 overflow: hidden;
 position: relative;
 text-align: center;
 width: 100%;
 height: auto;
 background-color: transparent;
}

#Calendario .image-flyer-open a img {
 max-height: 100%;
 width: auto;
 margin: 0 auto;
 text-align: center;
 vertical-align: middle;
 object-fit: contain;
 -webkit-transition: opacity 500ms;
 transition: opacity 500ms;
}

#event-name-calendar {
 margin: 0;
 padding: 0;
 top: 0;
 left: 0;
 width: 100%;
 height: auto;
 z-index: 910;
 transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 -webkit-transition: 600ms ease-in-out;
 transition: 600ms ease-in-out;
 transition-duration: 0600ms;
 -webkit-transition-duration: 0600ms;}

#event-name-calendar {
 margin: 0;
 padding: 0;
}

#event-name-calendar h1 {
 margin: 0;
 padding: 0;
 font-size: 1.8rem;
 -webkit-transition: 500ms ease-in-out;
 transition: 500ms ease-in-out;
}

#event-name-calendar h2 {
 font-size: 1.2rem;
}

#event-name-calendar h3 {
 font-size: 1rem;
}

@media (min-width: 768px) {
 #event-name-calendar h1 {
  font-size: 2.2rem;
 }
 #event-name-calendar h2 {
  font-size: 1.6rem;
 }
 #event-name-calendar h3 {
  font-size: 1.3rem;
 }
}

#event-name-calendar.affix {
 padding-top: 20px;
 position: fixed;
 background: rgba(255, 255, 255, 0.8);
}

#event-name-calendar.affix .page-header {
 margin: 0;
 padding: 0;
}

#event-name-calendar.affix h1 {
 font-size: 1.4rem;
}

#event-name-calendar.affix h2 {
 font-size: 1.2rem;
}

#event-name-calendar.affix h3 {
 font-size: 0.8rem;
}

.calendar-section {
 height: auto;
}

.calendar-section .calendar-details .page-header {
 margin-top: 3rem;
}

.calendar-section .calendar-details p {
 text-align: left;
 margin-bottom: 4rem;
}

.table-schedule {
 margin: 1rem 0;
 display: block;
}

.table-schedule .td-head {
 margin-top: 1rem !important;
 padding: 1rem 0 0.75rem 2rem;
 color: #303234;
 border-bottom: solid 1px #e0e0e0;
}

.table-schedule .h2,
.table-schedule .h3,
.table-schedule .h4 {
 margin: 0;
 padding: 0 0 0 0;
}

.table-schedule .tr-last hr {
 margin: 0 0 80px 0;
 padding: 0;
 opacity: 0.2;
}

.table-schedule .tr-last td {
 padding-bottom: 2rem;
}

#calendarApp .fc-header-toolbar {
 background-color: #198754;
}

h2#fc-dom-1.fc-toolbar-title {
 font-size: 1.2rem;
}

@media(max-width: 575px) {
 .fc-toolbar.fc-header-toolbar {
  display: flex;
  flex-direction: column;
 }
 .fc-toolbar.fc-header-toolbar .fc-left {
  order: 3;
 }
 .fc-toolbar.fc-header-toolbar .fc-center {
  order: 1;
 }
 .fc-toolbar.fc-header-toolbar .fc-right {
  order: 2;
 }
}

@media (min-width: 576px) {
 h2#fc-dom-1.fc-toolbar-title {
  font-size: 2rem;
 }
}

.bg-success-cal {
 background-color: rgba(25, 135, 84, 0.2);
}

.fc-list-event.bg-success-cal {
 background-color: rgba(248, 249, 250, 0.2) !important;
}

.fc-toolbar-title {
 color: #fff;
 font-size: 1.1rem !important;
}

.fc-daygrid-day-number {
 font-size: 0.85rem !important;
}

.fc-col-header-cell-cushion {
 font-size: 0.95rem !important;
}

.fc-daygrid-event {
 display: grid !important;
}

.fc-daygrid-event-dot {
 display: none !important;
 font-size: 0.95rem !important;
}

.fc-event-time {
 display: inline !important;
 font-size: 0.75rem !important;
}

.fc-event-title {
 display: block !important;
 font-size: 0.75rem !important;
}

.fc-list-event-time {
 width: 12% !important;
 font-size: 0.95rem !important;
}

.fc-list-event-dot {
 display: none !important;
}

.fc-list-event-title {
 font-size: 1.2rem !important;
}

.fc-today-button.btn-primary {
 color: #fff;
 background-color: #198754;
 border-color: #198754;
}

.fc-today-button.btn-primary:hover {
 color: #fff;
 background-color: #157347;
 border-color: #146c43;
}

.fc-dayGridMonth-button.btn-primary {
 color: #fff;
 background-color: #198754;
 border-color: #198754;
}

.fc-dayGridMonth-button.btn-primary:hover {
 color: #fff;
 background-color: #157347;
 border-color: #146c43;
}

.fc-listMonth-button.btn-primary {
 color: #fff;
 background-color: #198754;
 border-color: #198754;
}

.fc-listMonth-button.btn-primary:hover {
 color: #fff;
 background-color: #157347;
 border-color: #146c43;
}

.fc-listYear-button.btn-primary {
 color: #fff;
 background-color: #198754;
 border-color: #198754;
}

.fc-listYear-button.btn-primary:hover {
 color: #fff;
 background-color: #157347;
 border-color: #146c43;
}

.fc-col-header-cell.fc-day {
 background-color: rgba(var(--bs-body-bg-rgb), 1);
}

.fc-theme-bootstrap5-shaded {
 background: none;}

.fc .fc-list-sticky .fc-list-day>* {
 position: sticky;
 top: 0;
 background: none;}

.fc .fc-list-event:hover td {
 background: none;}

.event-cover {
 width: 100%;
 height: 100%;
}

.event-cover .fill-cover {
 width: 100%;
 min-height: 380px;
 height: 60vh;background: no-repeat top center scroll;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.event-cover .fill-cover-modal {
 width: 100%;
 min-height: 320px;
 height: 40vh;
 background: no-repeat top center scroll;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.proximos-eventos .coming-courses .list-group-item {
 --bs-list-group-bg: none;
 margin: 0;
 padding: 0.35rem 0.35rem;
 text-align: center;
 background-color: var(--bs-list-group-bg);
 background-color: none;
 border: none;
}

	
		
#cap-main {
 display: block;
 margin: 0 auto;
 padding: 0;
 width: 100%;
 height: auto;
}

.black-over-on {
 display: block;
 position: absolute;
 width: 100%;
 height: 100vh;
 margin: 0;
 padding: 0;
 margin-top: 0px;text-align: center;
 color: #eee;
 font-weight: 300;
 z-index: 940;
 background: rgba(0, 0, 0, 0.9);
 -webkit-backdrop-filter: blur(0.25rem);
 backdrop-filter: blur(0.25rem)
}

.black-over-on:after {
 content:"Click para ver la información del curso";
}

.navbar-cap-holder {
 margin: 0;
 padding: 0;
 display: block;
 width: 100%;
 height: 5.625rem;
}

#navbarCAP {
 margin: 0;
 padding: 0;
 top: 0;
 left: 0;
 width: 100%;
 height: auto;
 text-align: center;
 z-index: 910;
 border: none !important;
 transform: translateY(0rem);
 -ms-transform: translateY(0rem);
 -webkit-transform: translateY(0rem);
 -webkit-transition: .6s ease-in-out;
 transition: .6s ease-in-out;
 transition-duration: 0.6s;
 -webkit-transition-duration: 0.6s;
 will-change: transform;
}

#navbarCAP {padding: 1.875rem 0 0.5rem 0;
}

#navbarCAP.affix-off {
 margin: 0;
 padding-top: 2px;
 position: fixed;
 background: rgba(var(--bs-body-bg-rgb), 0.9);
 transform: translateY(-4.25rem);
 -ms-transform: translateY(-4.25rem);
 -webkit-transform: translateY(-4.25rem);
 transition: 600ms linear;
 -webkit-transition: transform 600ms;
}

#navbarCAP.affix {
 margin: 0;
 padding-top: 4.375rem;
 position: fixed;
 background: rgba(var(--bs-body-bg-rgb), 0.9);
 transform: translateY(0rem);
 -ms-transform: translateY(0rem);
 -webkit-transform: translateY(0rem);
 transition: 600ms linear;
 -webkit-transition: transform 600ms;
}

#navbarCAP.m-affix-off {
 margin: 0;
 padding-top: 0.063rem 0 0.5rem 0;
 position: fixed;
 background: rgba(var(--bs-body-bg-rgb), 0.9);
 transform: translateY(-4.25rem);
 -ms-transform: translateY(-4.25rem);
 -webkit-transform: translateY(-4.25rem);
 transition: 600ms linear;
 -webkit-transition: transform 600ms;
}

#navbarCAP.m-affix {
 margin: 0;
 padding-top: 0.063rem 0 0.5rem 0;
 position: fixed;
 background: rgba(var(--bs-body-bg-rgb), 0.9);
}

#navbarCAP .btn-dark {
 opacity: 0.6;
}

@media (max-width: 1199.98px) {
 #navbarCAP .btn-dark {
  width: 100%;
 }
}

#navbarCAP .navbar {
 box-shadow: none !important;
 border: none !important;
}

#navbarCAP .navbar-nav {
 padding-left: 8px;
 text-align: center;
}

#navbarCAP .nav-link {
 text-align: center;
 font-size: 1rem;
 text-decoration: underline;
}

#navbarCAP .nav-link:hover {
 text-decoration: none;
 color: #fff;
 background-color: #212529;
}

#navbarCAP .nav-link.active {
 text-decoration: none;
}

.navbar-cap-holder .navbar-cap-holder {
 margin: 0;
 padding: 0;
 display: block;
 width: 100%;
 height: 90px;
}

.event-title {
 font-weight: 600;
 font-size: calc(1.4rem + 1.4vw);
 line-height: 1;
 text-transform: capitalize;
 color: rgba(var(--bs-body-color-rgb), 1);
}

.event-title small {
 font-size: calc(0.85rem + 1vw);
 text-transform: lowercase;
 font-style: italic;
 color: rgba(var(--bs-body-color-rgb), 0.35);
}

.event-title strong {
 display: block;
 text-align: start;
 font-size: calc(1rem + 1vw);
}

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

[data-bs-theme=dark] .event-title small {
 color: rgba(var(--bs-body-color-rgb), 0.30);
}

.event-location {
 font-size: 1rem;
 color: rgba(var(--bs-body-color-rgb), 0.5);
}

.display-center-images {
 display: table;
 width: 100%;
 height: 42vh;
 color: #fff;
}

.display-center-images-15-40 {
 display: table;
 width: 100%;
 height: calc(100vh * 0.15);
 color: #fff;
}

@media (min-width: 576px) {
 .display-center-images-15-40 {
  display: table;
  width: 100%;
  height: calc(100vh * 0.25);
  color: #fff;
 }
}

@media (min-width: 768px) {
 .display-center-images-15-40 {
  display: table;
  width: 100%;
  height: calc(100vh * 0.30);
  color: #fff;
 }
}

@media (min-width: 992px) {
 .display-center-images-15-40 {
  display: table;
  width: 100%;
  height: calc(100vh * 0.40);
  color: #fff;
 }
}

.headimg {
 background: no-repeat center center scroll;
 background-color: #ececec;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}

.text-vertical-center {
 display: table-cell;
 text-align: center;
 vertical-align: middle;
}

.text-vertical-center h1 {
 margin: 0;
 padding: 0;
 font-family:'futura-medium';
 font-size: 2.2em;
 font-weight: 600;
 text-shadow: 2px 2px #111;
}

.style-section .section-inner {
 padding: 1rem 0 0.5rem 0;
 margin: auto 0;
}

.style-section .display-center-holder {
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1rem;
}

@media (min-width: 576px) {
 .style-section {
  display: grid;
  padding: 2rem 0 1rem 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;}
 .style-section .section-inner {
  padding: 2rem 0 1rem 0;
  margin: auto 0;
 }
 .style-section .section-inner .container-fluid {
  padding: 2rem 0.75rem 1rem 0.75rem;
  margin: auto;
 }
 .style-section .section-inner .container {
  padding: 2rem 0.75rem 1rem 0.75rem;
  margin: auto;
 }
 .style-section .display-center-holder {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 }
}

.style-text p {
 line-height: 2.2rem;
 margin-top: 1.2rem;
 margin-bottom: 1.8rem;
}

.style-text ul,
.style-text ol {
 margin-top: 1.6rem;
 margin-bottom: 1.6rem;
 padding-top: 1.1rem;
 padding-left: 2rem;
 padding-bottom: 1.1rem;
}

.style-text ul li {
 line-height: 2.1rem;
 padding-bottom: 0.5rem;
}

.style-text ul ul {
 margin-top: 0;
 margin-bottom: 0;
}

@media (min-width: 768px) {
 .style-text p {
  line-height: 3rem;
  margin-bottom: 3rem;
 }
}

#cap-main {
 letter-spacing: normal;
 font-size: calc(1.35rem + 0.1vw);
}

#cap-main strong {
 color: rgba(var(--bs-body-color-rgb), 0.5);
}

#cap-main .page-header {
 padding-bottom: 0.5rem;
 margin: 3rem 0 1rem 0;
 border-bottom: 1px solid var(--bs-border-color-translucent);
}

#cap-main .page-header span {
 color: rgba(var(--bs-body-color-rgb), 0.5);
 text-align: right;
}

#cap-main .page-header h1 {
 text-align: center;
}

#cap-main .page-header h1 span {
 font-weight: 300;
 color: rgba(var(--bs-body-color-rgb), 0.8);
}

[data-bs-theme=dark] #cap-main .page-header {
 border-bottom: 1px solid var(--bs-border-color-translucent);
}

#cap-main .page-sub-header {
 width: 100%;
 color: rgba(var(--bs-body-color-rgb), 0.5);
}

[data-bs-theme=dark] #cap-main .page-sub-header {
 border-bottom: 1px solid var(--bs-border-color-translucent);
}#cap-main .card-cal {
 width: 100%;
 border: none;
}

@media (min-width: 768px) {
 #cap-main .card-cal {
  width: 85%;
 }
}

#cap-main .card-cal-coming {
 width: 100%;
 border: none;
}

#cap-main .cal-holder {
 display: flex;
}

#cap-main .cal-dates {
 flex: 0 0 auto;
 width: 46%;
 text-align: center;
 border: 1px solid #dee2e6;
 padding: 1rem;
}

#cap-main .cal-dates span {
 display: block;
}

#cap-main .card-cal-coming .cal-dates {
 flex: 0 0 auto;
 width: 86%;
 text-align: center;
 border: none;
 padding: 1rem;
}

#cap-main .cal-day {
 display: block;
 margin: 0;
 padding: 0;
 line-height: 1;
 font-size: 1rem;
 font-weight: 300;
 color: #6c757d;
}

#cap-main .cal-num {
 display: block;
 margin: 0;
 padding: 0;
 line-height: 1;
 font-size: 2rem;
 font-weight: 600;
}

#cap-main .cal-month {
 display: block;
 margin: 0;
 padding: 0;
 line-height: 1;
 font-size: 1.1rem;
 font-weight: 400;
}

#cap-main .cal-year {
 display: block;
 margin: 0;
 padding: 0;
 line-height: 1;
 font-size: 2rem;
 font-weight: 600;
}

#cap-main .card-cal-coming .cal-month {
 display: block;
 margin: 0;
 padding: 0;
 line-height: 1;
 font-size: calc(2.5rem + 1vw);
 font-weight: 400;
}

#cap-main .card-cal-coming .cal-year {
 display: block;
 margin: 0;
 padding: 0;
 line-height: 1;
 font-size: calc(2rem + 1vw);
 font-weight: 400;
}

#cap-main .cal-a {
 display: block;
 margin: auto 0;
 padding: 0 0.5rem;
 line-height: 1;
 font-size: 1.5rem;
 width: 16.66666667%;
 text-align: center;
}

#cap-main .cal-duration {
 display: block;
 width: 100%;
 font-style: italic;
 text-align: center;
 padding: 1rem;
 font-weight: 400;
}

#cap-main .cal-start {
 color: #198754;
}

#cap-main .cal-end {
 color: #dc3545;
}

@media (min-width: 768px) {
 #cap-main .cal-dates {
  width: 33.33333333%;
 }
 #cap-main .cal-day {
  font-size: 1.2rem;
 }
 #cap-main .cal-num {
  font-size: 2.8rem;
 }
 #cap-main .cal-month {
  font-size: 1.4rem;
 }
 #cap-main .cal-a {
  font-size: 2rem;
 }
 #cap-main .card-cal-coming .cal-month {
  font-size: calc(3rem + 1.2vw);
 }
 #cap-main .card-cal-coming .cal-year {
  font-size: calc(2.5rem + 1.2vw);
 }
}

#cap-main .to-confirm {
 position: absolute;
 top: 3%;
 right: 0;
 padding: 0.25rem 0.5rem;
 display: inline-block;
 font-size: calc(1rem + 0.05vw);
 text-align: center;
 letter-spacing: 0.012rem;
 white-space: nowrap;
 vertical-align: baseline;
 border-radius: 50rem;
 background-color: rgba( var( --pc-warning-color-rgb), 0.95);
}

.to-confirm .dates {
 text-transform: lowercase;
 color: #221a02;
 font-weight: 400;
}

.to-confirm .be {
 text-transform: capitalize;
 color: #997404;
 font-weight: 900;
}

.to-confirm .confirmed {
 text-transform: lowercase;
 color: #221a02;
 font-weight: 400;
}

.style-text .profile-photo {
 width: 140px;
 text-align: center;
 vertical-align: top;
 border: none;
 margin: 0 auto;
}

.style-text .profile-holder {
 width: 140px;
 height: 140px;
 overflow: hidden;
 transform: translate(0%, 0%);
 border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 border-bottom-right-radius: 50% 50%;
 border-bottom-left-radius: 50% 50%;
 background-color: #ececec;
}

.style-text .photo {
 display: inline;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 object-fit: cover;
 background-color: rgba(var(--bs-body-bg-hover-rgb), 1);
}

@media (min-width: 1200px) {
 .style-text .profile-photo {
  width: 170px;
  text-align: center;
  vertical-align: top;
  border: none;
  margin: 0 auto;
 }
 .style-text .profile-holder {
  width: 170px;
  height: 170px;
  overflow: hidden;
  transform: translate(0%, 0%);
  border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
  background-color: #ececec;
 }
}

.style-text .portfolio-photo {
 display: block;
 padding: 0px 0;
 margin: 10px 0;
 overflow: hidden;
 position: relative;
 text-align: center;
 width: 100%;
 height: 120px;
 background-color: rgba(var(--bs-body-bg-hover-rgb), 1);background-position: center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}

.style-text .portfolio-photo a img {
 display: inline;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 object-fit: cover;
}

.style-text thead,
.style-text tbody,
.style-text tfoot,
.style-text tr,
.style-text td,
.style-text th {
 background: none;
}

.style-text .table-fee {
 font-size: calc(1.5rem + 0.1vw);
}

.style-text .table-fee .precio-regular {
 font-size: calc(1.5rem + 0.2vw);
}

.style-text .table-fee .precio-regular.text-decoration-line-through {
 color: rgba(var(--bs-body-color-rgb), 0.5);
}

.style-text .table-fee .precio-porcentaje {
 font-size: calc(1.6rem + 0.5vw);
}

.style-text .table-fee .precio-oferta {
 font-size: calc(1.6rem + 0.5vw);
}

.style-text .table-fee small {
 font-size: calc(0.9rem + 0.1vw);
}

.style-text .table-fee .fee-letter {
 font-size: calc(1rem + 0.1vw);
}

#cap-main .logo-holder {
 padding: 1rem;
}

#cap-main .logo-img {
 margin-left: auto;
 margin-right: auto;
}

#mxgob {
 display: block;
 width: auto;
 height: 3rem;
}

@media (min-width: 576px) {
 #mxgob {
  display: block;
  width: auto;
  height: 3.75rem;
 }
}

.mxgob-1 {
 fill: #cfb075;
}

[data-bs-theme=dark] .mxgob-1 {
 fill: #dac6a1;
}

.mxgob-2 {
 fill: rgba(var(--bs-body-color-rgb), 0.3);
}

[data-bs-theme=dark] .mxgob-2 {
 fill: rgba(var(--bs-body-color-rgb), 0.9);
}

#m-canvas {
 width: 100%;
 height: 72vh;
}

#mp-magic {
 width: 120px;
 height: 120px;
}

@media (min-width: 576px) {
 #mp-magic {
  width: 260px;
  height: 260px;
 }
}

.clsmp-1 {
 fill: #3aa438;
}

.clsmp-1,
.clsmp-2,
.clsmp-3,
.clsmp-4,
.clsmp-5,
.clsmp-6,
.clsmp-7,
.clsmp-8,
.clsmp-9,
.clsmp-10,
.clsmp-11,
.clsmp-12,
.clsmp-13,
.clsmp-14,
.clsmp-15,
.clsmp-16 {
 fill-rule: evenodd;
}

.clsmp-16 {
 fill: #000000;
}

[data-bs-theme=dark] .clsmp-16 {
 fill: #ffffff;
}

.clsmp-2 {
 fill: #196733;
}

.clsmp-3 {
 fill: #372c65;
}

.clsmp-4 {
 fill: #cf2d1e;
}

.clsmp-5 {
 fill: #ab85b4;
}

.clsmp-6 {
 fill: #afcf95;
}

.clsmp-7 {
 fill: #80ccf3;
}

.clsmp-8 {
 fill: #00a4dd;
}

.clsmp-9 {
 fill: #c32b75;
}

.clsmp-10 {
 fill: #743b8d;
}

.clsmp-11 {
 fill: #f2af89;
}

.clsmp-12 {
 fill: #e6007e;
}

.clsmp-13 {
 fill: #e64e23;
}

.clsmp-14 {
 fill: #ef9bbe;
}

.clsmp-15 {
 fill: #0075b8;
}

	
		
.modalidades-inline a {
 text-decoration: underline;
 color: rgba(var(--bs-link-color-rgb), 1);
}

[data-bs-theme=light] .modalidades-inline a:hover,
[data-bs-theme=light] .modalidades-inline a:active,
[data-bs-theme=light] .modalidades-inline a:focus {
 text-decoration: none;
 color: rgba(var(--bs-link-hover-color-rgb), 1);
 border: none;
}

[data-bs-theme=dark] .modalidades-inline a:hover,
[data-bs-theme=dark] .modalidades-inline a:active,
[data-bs-theme=dark] .modalidades-inline a:focus {
 text-decoration: none;
 color: rgba(var(--bs-link-hover-color-rgb), 1);
 border: none;
}

.table-pricing-training {
 margin: 2rem 0;
 font-size: calc(1rem + 0.25vw);
}

.table-pricing-training .discount {
 font-size: calc(1rem + 0.15vw);
}

#resumen-sticky {
 margin: 0 auto;
 padding: 0.10rem 0.25rem 0.05rem 0.25rem;
 height: auto;
 min-height: 5rem;
 font-size: calc(1rem + 0.10vw);
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
 background-color: rgba(var(--bs-body-bg-hover-rgb), 0.9);
}

.resumen-capacitacion {
 font-size: calc(1.1rem + 0.25vw);
}

.resumen-total {
 font-size: calc(1.1rem + 0.25vw);
}

#resumen-sticky {
 margin: 0;
 padding: 0;
 bottom: 0;
 width: 100%;
 height: auto;
 z-index: 1001;
 transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transition: 600ms ease-in-out;
 -webkit-transition: 600ms ease-in-out;
 transition-duration: 0600ms;
 -webkit-transition-duration: 0600ms;
}

#resumen-sticky.affix {
 position: fixed;
 height: auto;
 bottom: 0px;
 z-index: 1001;
 border-bottom: 1px solid var(--bs-border-color-translucent);
 border-top: 1px solid var(--bs-border-color-translucent);
 background: rgba(var(--bs-body-bg-hover-rgb), 0.9);
 transform: translateY(-2px);
 -ms-transform: translateY(-2px);
 -webkit-transform: translateY(-2px);
 transition: 600ms ease-in-out;
 -webkit-transition: 600ms ease-in-out;
 transition-duration: 0600ms;
 -webkit-transition-duration: 0600ms;
}

#resumen-sticky.maffix {
 position: fixed;
 height: auto;
 top: 0px;
 z-index: 1001;
 border-bottom: 1px solid var(--bs-border-color-translucent);
 border-top: 1px solid var(--bs-border-color-translucent);
 background: rgba(var(--bs-body-bg-hover-rgb), 0.9);
 transform: translateY(-2px);
 -ms-transform: translateY(-2px);
 -webkit-transform: translateY(-2px);
 transition: 600ms ease-in-out;
 -webkit-transition: 600ms ease-in-out;
 transition-duration: 0600ms;
 -webkit-transition-duration: 0600ms;
}

	
		
.reveal.presentacion {
 background-color: var(--bs-body-bg);
 background-color: #222222;
 background-color: var(--bs-border-color-translucent);
 background: none;
}

.reveal.presentacion .titulo-prn-holder {
 display: inline-block;
 position: absolute;
 top: 0;
 left: 0%;
 margin: 0;
 padding: 0.35rem 0.5rem;
 width: auto;
 height: auto;
 font-size: clamp(0.9rem, 1.8vw, 1.8rem);
 font-weight: 300;
 text-decoration: none;
 color: #efefef;
 background-color: rgba(13, 13, 13, 0.6);
 z-index: 5;
}

.reveal.presentacion .titulo-prn-holder.clean {
 background-color: rgba(13, 13, 13, 0);
}

.reveal.presentacion .titulo-prn-holder.bg-black {
 background-color: rgba(13, 13, 13, 0.6);
}

@media (min-width: 768px) {
 .reveal.presentacion .titulo-prn-holder {
  font-size: clamp(1.1rem, 2vw, 2.2rem);
 }
}

.reveal.presentacion .card {
 --bs-card-bg: none;
 background-color: var(--bs-card-bg);
}

.reveal.presentacion .card-cal {
 width: 100%;
 border: none;
}

@media (min-width: 768px) {
 .reveal.presentacion .card-cal {
  width: 100%;
 }
}

.reveal.presentacion .cal-holder {
 display: flex;
}

.reveal.presentacion .cal-dates {
 flex: 0 0 auto;
 width: 83.33333333%;
 text-align: center;
 border: 1px solid #dee2e6;
 padding: 0.35rem;
}

.reveal.presentacion .cal-dates span {
 display: block;
}

.reveal.presentacion .cal-day {
 display: block;
 margin: 0;
 padding: 0;
 line-height: 1;
 font-size: 1rem;
 font-weight: 300;
 color: #6c757d;
}

.reveal.presentacion .cal-num {
 display: block;
 margin: 0;
 padding: 0;
 line-height: 1;
 font-size: 1rem;
 font-weight: 600;
}

.reveal.presentacion .cal-month {
 display: block;
 margin: 0;
 padding: 0;
 line-height: 1;
 font-size: 1rem;
 font-weight: 400;
}

.reveal.presentacion .cal-a {
 display: block;
 margin: auto 0;
 padding: 0 0.5rem;
 line-height: 1;
 font-size: 1rem;
 width: 16.66666667%;
 text-align: center;
}

.reveal.presentacion .cal-duration {
 display: block;
 width: 100%;
 font-style: italic;
 text-align: center;
 padding: 1rem;
 font-weight: 400;
}

.reveal.presentacion .cal-start {
 color: #198754;
}

.reveal.presentacion .cal-end {
 color: #dc3545;
}

@media (min-width: 768px) {
 .reveal.presentacion .cal-dates {
  width: 33.33333333%;
  padding: 0.75rem;
 }
 .reveal.presentacion .cal-day {
  font-size: 1.1rem;
  font-weight: 300;
 }
 .reveal.presentacion .cal-num {
  font-size: 1.3rem;
  font-weight: 600;
 }
 .reveal.presentacion .cal-month {
  font-size: 1.1rem;
 }
 .reveal.presentacion .cal-a {
  font-size: 1.2rem;
 }
}

.reveal.presentacion .cal-dates-full {
 flex: 0 0 auto;
 width: 100%;
 text-align: center;
 border: 1px solid #dee2e6;
 padding: 0.75rem 0.35rem;
 font-size: 1rem;
}

.reveal.presentacion .cal-dates-full a {
 font-size: 1rem;
 color: var( --r-main-color);
}

.reveal.presentacion .cal-dates-full a:hover {
 color: var( --r-main-color);
 text-decoration: underline;
}

.label-text {
 font-size: 2.2rem;
 font-family:'futura-bold';
 text-transform: uppercase;
 letter-spacing: -0.1rem;
 text-shadow: 0.191rem 0.191rem 0 rgba(92, 23, 9, 0.87);
 font-weight: normal;
 white-space: pre;
 line-height: 0;
 fill: rgba(207, 57, 7, 0.9);}

.label-svg-text {
 font-size: clamp(2.2rem, 2vw, 2.2rem);
 font-family:'futura-bold';
 text-transform: uppercase;
 letter-spacing: -0.1rem;
 font-weight: normal;
 white-space: pre;
 line-height: 0;
 text-align: center;
 color: rgb(255, 189, 46);
 fill: rgb(255, 189, 46);
 text-shadow: 0.26rem 0.26rem 0 #42303c;
}

.hs-row {
 margin-top: auto;
 margin-bottom: auto;
 min-height: 18vh !important;
}

.section-svg {
 position: relative;
 margin: 0 auto;
 padding: 0;
 top: 0;
 bottom: 0;
 left: 0;
 z-index: 40;
}

.hs-svgs {
 position: absolute;
 padding: 0;
 margin: 0 auto;
 min-width: 100vw;
 min-height: 100%;
 background: no-repeat center center;
 background-size: cover;
 top: 0;
 bottom: 0;
 left: 0;
}

.proximo-titulo {
 font-family:'futura-bold';
 letter-spacing: -0rem;
 font-weight: normal;
}

.proximo-titulo .tipo {
 font-family:'futura-bold';
 font-weight: bolder;
 font-size: clamp(0.9rem, 1vw, 1rem);
 color: #2a2b2b;
}

.proximo-titulo .ptitulo {
 padding-top: 0.5rem;
 padding-left: 2rem;
 padding-right: 2rem;
 padding-bottom: 0.75rem;
 font-family:'futura-medium';
 font-weight: normal;
 font-size: clamp(1.5rem, 1.55vw, 1.6rem);
 color: #565959;
}

.proximo-titulo .proximo {
 font-family:'futura-bold';
 text-transform: uppercase;
 font-weight: bolder;
 font-size: clamp(1rem, 1.1vw, 1.1rem);
 color: #989f9f;
}

@media (min-width: 768px) {
 .proximo-titulo .tipo {
  font-size: clamp(1rem, 1.2vw, 1.4rem);
 }
 .proximo-titulo .ptitulo {
  font-size: clamp(1.6rem, 2vw, 2rem);
 }
 .proximo-titulo .proximo {
  font-size: clamp(1.2rem, 1.4vw, 1.4rem);
 }
}

.proximo-1 {
 z-index: 40;
}

.proximo-2 {
 z-index: 42;
}

.hs-order-1 {
 z-index: 40;
}

.hs-order-1-2 {
 z-index: 42;
}

.hs-order-1-3 {
 z-index: 43;
}

.hs-order-2 {
 z-index: 45;
}

.hs-order-3 {
 z-index: 43;
}

.hs-order-5 {
 z-index: 50;
}

.idp-terreno {
 background-image: url('../../../images/presentaciones/intro-al-diseno/idp-terreno.svg');
 z-index: 42;
}

.presentacionacitaciones-sitio-linea {
 background-image: url('../../../images/presentaciones/presentacionacitaciones/presentacionacitaciones-sitio-linea.svg');
 z-index: 41;
}

.presentacionacitaciones-sitio-linea-3240-1080 {
 background-image: url('../../../images/presentaciones/presentacionacitaciones/presentacionacitaciones-sitio-linea-3240x1080.svg');
 z-index: 41;
}

.presentacionacitaciones-sitio-linea-2160-1080 {
 background-image: url('../../../images/presentaciones/presentacionacitaciones/presentacionacitaciones-sitio-linea-2160x1080.svg');
 z-index: 41;
}

.center-section {
 margin-left: auto;
 margin-right: auto;
 padding-top: 5rem;
 place-items: center;
 justify-items: center;
 min-height: 100vh;
 font-size: 1.2rem;
}

.center-section-center {
 margin-left: auto;
 margin-right: auto;
 padding-top: 50%;
 place-items: center;
 justify-items: center;
 min-height: 100vh;
 font-size: 1.2rem;
}

.csc-padding-top-60 {
 padding-top: 60%;
}

.csc-padding-top-50 {
 padding-top: 50%;
}

.csc-padding-top-40 {
 padding-top: 40%;
}

.csc-padding-top-35 {
 padding-top: 35%;
}

.csc-padding-top-30 {
 padding-top: 30%;
}

.csc-padding-top-20 {
 padding-top: 20%;
}

.csc-padding-top-15 {
 padding-top: 15%;
}

.csc-padding-top-10 {
 padding-top: 10%;
}

.csc-padding-top-5 {
 padding-top: 5%;
}

.margin-bottom-10 {
 margin-bottom: 10%;
}

.margin-top-10 {
 margin-top: 10%;
}

@media (min-width: 768px) {
 .center-section-center {
  padding-top: 10%;
 }
 .csc-padding-top-60 {
  padding-top: 60%;
 }
 .csc-padding-top-50 {
  padding-top: 10%;
 }
 .csc-padding-top-40 {
  padding-top: 5%;
 }
 .csc-padding-top-5 {
  padding-top: 3%;
 }
}

@media (min-width: 768px) {
 .csc-padding-md-top-50 {
  padding-top: 50%;
 }
 .csc-padding-md-top-40 {
  padding-top: 40%;
 }
 .csc-padding-md-top-30 {
  padding-top: 30%;
 }
 .csc-padding-md-top-25 {
  padding-top: 20%;
 }
 .csc-padding-md-top-20 {
  padding-top: 20%;
 }
 .csc-padding-md-top-15 {
  padding-top: 15%;
 }
 .csc-padding-md-top-10 {
  padding-top: 10%;
 }
 .csc-padding-md-top-5 {
  padding-top: 5%;
 }
}

@media (min-width: 1200px) {
 .csc-padding-lg-top-10 {
  padding-top: 10%;
 }
}

.hs-anime-inn {
 -webkit-animation: finn 750ms ease-out;
 animation: finn 750ms ease-out;
 animation-delay: 500ms;
 animation-iteration-count: 1;
 opacity: 0;
 animation-fill-mode: forwards;
}

.hs-anime-inn-1 {
 animation-delay: 500ms;
 -webkit-animation-delay: 500ms;
 -moz-animation-delay: 500ms;
 animation-iteration-count: 1;
 -webkit-animation-iteration-count: 1;
 -moz-animation-iteration-count: 1;
}

.hs-anime-inn-2 {
 animation-delay: 1000ms;
 -webkit-animation-delay: 1000ms;
 -moz-animation-delay: 1000ms;
 animation-iteration-count: 1;
 -webkit-animation-iteration-count: 1;
 -moz-animation-iteration-count: 1;
}

.hs-anime-inn-3 {
 animation-delay: 1500ms;
 -webkit-animation-delay: 1500ms;
 -moz-animation-delay: 1500ms;
 animation-iteration-count: 1;
 -webkit-animation-iteration-count: 1;
 -moz-animation-iteration-count: 1;
}

.hs-anime-inn-4 {
 animation-delay: 2000ms;
 -webkit-animation-delay: 2000ms;
 -moz-animation-delay: 2000ms;
 animation-iteration-count: 1;
 -webkit-animation-iteration-count: 1;
 -moz-animation-iteration-count: 1;
}

.hs-anime-inn-5 {
 animation-delay: 2500ms;
 -webkit-animation-delay: 2500ms;
 -moz-animation-delay: 2500ms;
 animation-iteration-count: 1;
 -webkit-animation-iteration-count: 1;
 -moz-animation-iteration-count: 1;
}

#hl-1 {
 animation-name: spin;
 animation-duration: .3s;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
 transform-origin: 50% 50%;
 transform-box: fill-box;
 animation-delay: .06s;
 animation-direction: normal;
 display: block;
}

#hl-2 {
 animation-name: spin;
 animation-duration: .3s;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
 transform-origin: 50% 50%;
 transform-box: fill-box;
 animation-delay: .06s;
 animation-direction: normal;
 display: block;
}

#hl-3 {
 animation-name: spin;
 animation-duration: .3s;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
 transform-origin: 50% 50%;
 transform-box: fill-box;
 animation-delay: .06s;
 animation-direction: normal;
 display: block;
}

#hl-4 {
 animation-name: spin;
 animation-duration: .3s;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
 transform-origin: 50% 50%;
 transform-box: fill-box;
 animation-delay: .06s;
 animation-direction: normal;
 display: block;
}

	
		
.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-top,
.leaflet-bottom {
 position: absolute !important;
 z-index: 1000;
 pointer-events: none;
 background-color: none;
}.leaflet-control-layers {
 color: #333;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

.leaflet-control-layers {
 text-align: start;
 font-weight: 300;
 font-size: calc(0.9rem + 0.05vw);
}

[data-bs-theme=dark] .leaflet-control-layers {
 color: #bebebe;
 background-color: rgba(var(--bs-body-bg-rgb), 0.6);
}

[data-bs-theme=dark] .leaflet-control-layers form {
 color: #bebebe;
 background: transparent;
}.leaflet-sidebar {
 top: 0;
 bottom: 0;
 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: 10px 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
 .leaflet-sidebar-pane {
  min-width: 265px;
  min-width: calc(26vw + 1rem);
 }
}

@media (min-width: 992px) and (max-width: 1199px) {
 .leaflet-sidebar-pane {
  min-width: 350px;
  min-width: calc(30vw + 0.5rem);
 }
}@media (min-width: 1200px) {
 .leaflet-sidebar-pane {
  min-width: 420px;
  min-width: calc(29vw + 4rem);
 }
}.leaflet-sidebar {
 top: 0;
 bottom: 0;
 margin: 0;
 padding: 0;
 background-color: rgba(var(--bs-body-bg-rgb), 0.9);
}

.leaflet-sidebar {
 position: absolute;
 top: 0;
 bottom: 0;
 width: calc(100vw - 2rem);
 overflow: hidden;
 z-index: 2000;
 transition: width 500ms;
}

.leaflet-sidebar.collapsed {
 width: 40px;
}

@media (min-width: 768px) {
 .leaflet-sidebar {
  top: 10px;
  bottom: 10px;
 }
}

@media (min-width: 768px) and (max-width: 991px) {
 .leaflet-sidebar {
  width: 305px;
  max-width: 305px;
  width: calc(30vw + 2rem);
  max-width: calc(30vw + 2rem);
 }
}

@media (min-width: 992px) and (max-width: 1199px) {
 .leaflet-sidebar {
  width: 390px;
  max-width: 390px;
  width: calc(35vw + 2rem);
  max-width: calc(35vw + 2rem);
 }
}@media (min-width: 1200px) {
 .leaflet-sidebar {
  width: 460px;
  max-width: 460px;
  width: calc(36vw);
  max-width: calc(36vw);
 }
}.leaflet-sidebar-left {
 left: 0;
}

@media (min-width: 768px) {
 .leaflet-sidebar-left {
  left: 10px;
 }
}

.leaflet-sidebar-left.collapsed~.leaflet-control-container .leaflet-left {
 left: 50px;
 left: calc(18vw + 2rem);
}

@media (min-width: 768px) and (max-width: 991px) {
 .leaflet-sidebar-left~.leaflet-control-container .leaflet-left {
  left: 315px;
  left: calc(32vw + 2rem);
 }
}

@media (min-width: 992px) and (max-width: 1199px) {
 .leaflet-sidebar-left~.leaflet-control-container .leaflet-left {
  left: 400px;
  left: calc(35vw + 2rem);
 }
}@media (min-width: 1200px) {
 .leaflet-sidebar-left~.leaflet-control-container .leaflet-left {
  left: 470px;
  left: calc(36vw + 2rem);
 }
}.leaflet-sidebar-right {
 right: 0;
}

.leaflet-sidebar-right {
 right: 0;
 margin: 0;
 padding: 0;
}

@media (min-width: 768px) {
 .leaflet-sidebar-right {
  right: 10px;
 }
}

@media (min-width: 768px) and (max-width: 991px) {
 .leaflet-sidebar-right~.leaflet-control-container .leaflet-right {
  right: 315px;
  right: calc(32vw + 1rem);
 }
}

@media (min-width: 992px) and (max-width: 1199px) {
 .leaflet-sidebar-right~.leaflet-control-container .leaflet-right {
  right: 400px;
  right: calc(38vw + 1rem);
 }
}@media (min-width: 1200px) {
 .leaflet-sidebar-right~.leaflet-control-container .leaflet-right {
  right: 470px;
  right: calc(36vw + 1rem);
 }
}

.leaflet-sidebar-pane {
 padding: 0.313rem 0.625rem 0.313rem 0.625rem;
}

@media (min-width: 768px) {
 .leaflet-sidebar-pane {
  padding: 0.313rem 1rem 0.313rem 0.625rem;
 }
}

.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-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-contol .btn-down {
 display: block;
 width: 100%;
 height: auto;
}

.leaflet-control .btn-close,
.leaflet-sidebar-close.btn-close {
 display: block;
 width: 100%;
 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: grid;
 place-items: center;
 margin: 0;
 width: 100%;
 height: 3.25rem;
 pointer-events: none;
}

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

[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);
}

[data-bs-theme=dark] .leaflet-control-geocoder-icon {
 background-color: var(--bs-body-bg);
 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");
}

[data-bs-theme=dark] .leaflet-control-geocoder-icon:hover {
 background-color: var(--space-cadet);
 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);
 color: #bebebe;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 margin: 0;
}

.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-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 {
 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(../../../gis-archivos/svgs/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(../../../gis-archivos/svgs/rulers_@2X_white.png)
}

[data-bs-theme=dark] .fullscreen-icon {
 background-image: url(../../../gis-archivos/svgs/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,
[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;
}

	
		
#listaContainer {
 padding: 0;
 padding-right: 0.125rem;
}

@media (min-width: 768px) {
 #listaContainer {
  padding: 0;
  padding-right: 0.25rem;
 }
}

.card-project {
 padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
 .card-project {
  padding-bottom: 1rem;
 }
}

.card-project .card-body {
 padding: 0.5rem 0.5rem;
}

.card-project .card-title {
 font-size: 1.25rem;
 margin-bottom: 0.15rem;
 font-weight: 500;
}

.card-project .card-subtitle {
 margin-bottom: 0.25rem;
 font-size: 1rem;
 line-height: 1;
 color: rgba(var(--bs-secondary-color-rgb), 0.5);
}

.card-project .row.active {
 background-color: rgba(222, 226, 230, 0.35);
}

.card-project .col-logo {
 padding: 0;
 margin: auto;
}

.card-project .logo-holder {
 width: 4rem;
 height: auto;
 margin: auto;
 padding: 0.15rem 0;
 overflow: hidden;
 background-color: rgba(206, 207, 209, 0.1);
 transform: translate(0%, 0%);
}

@media (min-width: 576px) {
 .card-project .logo-holder {
  width: 4.8rem;
  height: auto;
  padding: 0.25rem 0;
 }
}

@media (min-width: 768px) {
 .card-project .logo-holder {
  width: 5rem;
  height: auto;
  padding: 0.25rem 0;
 }
}

@media (min-width: 992px) {
 .card-project .logo-holder {
  width: 7rem;
  height: auto;
  padding: 0.25rem 0;
 }
}

.card-project .logo {
 display: inline;
 width: 100%;
 height: 100%;
 margin: auto;
 padding: 0;
 text-align: center;
 vertical-align: middle;
 object-fit: contain;
 transition: opacity 0600ms;
 -webkit-transition: opacity 0600ms;
}

.card-project .visitas {
 font-size: 0.85rem;
}

.card-project .crds {
 font-size: 0.85rem;
 padding-left: 1rem;
}

.btn-coords.active {
 color: rgba(var(--bs-link-hover-color-rgb), 0.9);
 text-decoration: none;
}

.directory-map {
 margin-top: 3rem;
 padding: 1rem 0.5rem;
}

.directory-map .mapa-canvas {
 display: block;
 margin: 0 auto;
 width: 100%;}

@media (min-width: 768px) {
 .directory-map .mapa-canvas {
  display: block;
  width: 100%;
  min-height: 60vh;
  text-align: center;
  background-color: rgba(var(--bs-body-bg-hover-rgb), 0.5);
  z-index: 100;
 }
}

.directory-map .mapa-history {
 display: block;
 margin: 0 auto;
 width: 100%;
}

.real-state-map .map-div {
 display: block;
 width: 100%;
 min-height: 50vh;
 text-align: center;
 background-color: rgba(var(--bs-body-bg-hover-rgb), 0.5);
}

.mapa-edit {
 padding-top: 2rem;
 padding-bottom: 2rem;
}

.mapa-edit .col-map {
 min-height: 70vh;
}

@media (min-width: 768px) {
 .mapa-edit .col-map {
  min-height: 50vh;
 }
}

#Evento .directory-map {
 margin-top: 0;
 padding: 0 0rem;
}

#Evento .page-sub-header {
 border: none;
}

	
		
#nav-sig {
 display: block;
 background-image: url('../../../images/templates/pattern/topography-300-t18.svg');
 background-size: 300px 300px;
 background-color: #313a2c;
}

#nav-sig .nav-header {
 padding: 0.5em;
 color: #EFF3D8;
}

#nav-sig .nav-header strong {
 color: #a1b571;
}

#nav-sig .nav-header span {
 font-size: 1.2rem;
}

#nav-sig .navbar {
 background-color: #1c2119;
}

#nav-sig .btn-sig {
 width: 100%;
 color: #a1af7d;
 background-color: #1c2119;
}

#nav-sig .list-unstyled {
 font-size: 1.2rem;
}

#nav-sig .list-unstyled li a {
 display: block;
 padding: 0.35rem 0;
 font-size: 1.2rem;
 text-decoration: none;
}

.bg-svg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 z-index: 1;
 pointer-events: none;
}

.bg-svg-auto {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
 pointer-events: none;
}

.bg-svg-50 {
 height: 50vh;
}

.bg-grid-svg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: -1;
 pointer-events: none;
}

#smallGrid path {
 stroke: rgba(128, 128, 128, 0.5);
}

#grid path {
 stroke: rgba(128, 128, 128, 0.5);
}

.fill-grid {
 width: 100%;
 height: 100%;
}

[data-bs-theme=dark] .fill-grid {
 filter: invert(96%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(89%) contrast(89%);
}

.section-sig {
 width: 100%;
 height: auto;
 min-height: 50%;
 margin: auto;
 padding: 0;
 padding-top: 0rem;
 display: block;
 z-index: 1;
}

.container-mapa {
 position: relative;
 display: block;
 margin: 0;
 padding: 0;
 padding-right: calc(0.1rem * 0.5);
 padding-left: calc(0.1rem * 0.5);
 padding-top: 0.25rem;
 margin-right: auto;
 margin-left: auto;
 width: 100%;
 height: auto;
 min-height: 50%;
 z-index: 21;
 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 {
 width: 100%;
 height: auto;
}

#sidebar {
 z-index: 1030;
}

#LeafletCanvasMenu {
 z-index: 2450;
}

#sideBarSig {
 position: block;
}

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

.map-holder {
 display: block;
 position: relative;
 height: auto;
}

#mapa-geo {
 display: block;
 width: 100%;
 background-color: transparent;
}

#map-coords {
 position: absolute;
 bottom: 0;
 left: 50%;
 transform: translate(-50%, 0);
 margin: auto;
 width: auto;
 text-align: center;
 font-size: 1rem;
 z-index: 9999;
}

#mapa-sig {
 display: block;
 width: 100%;
 min-height: 56vh;
 background: rgba(var(--bs-body-bg-rgb), 0.9);
}

#polyList {
 margin: 0;
 padding: 1rem;
 height: 54vh;
 display: block;
 overflow: hidden;
 overflow-y: scroll;
}

#polyList .bg-success {
 background-color: rgba(25, 135, 84, 0.2) !important;
}

.map-auto {
 display: block;
 width: 100%;
 height: 100%;
 background: rgba(var(--bs-body-bg-rgb), 0.2);
}

.map-auto-res {
 display: block;
 width: 100%;
 height: 100%;
 background: rgba(var(--bs-body-bg-rgb), 0.2);
}

@media (min-width: 768px) {
 .map-auto-res {
  height: calc(100vh - 12rem);
 }
}

.map-100 {
 height: calc(100vh - 4rem);
}

.map-90 {
 height: calc(90vh);
}

.map-85 {
 display: block;
 width: 100%;
 height: calc(85vh);
}

.map-80 {
 display: block;
 width: 100%;
 height: 80vh;
}

.map-70 {
 height: calc(70vh);
}

.map-60 {
 height: calc(60vh);
}

.map-50 {
 display: block;
 width: 100%;
 height: 50vh;
}

.map-40 {
 height: calc(40vh);
}

.map-30 {
 height: calc(30vh);
}

.map-20 {
 height: calc(20vh);
}

.map-10 {
 height: calc(10vh);
}

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

	
		
#directory-carousel {
 border-bottom: solid 3px #80ac89;
}

#directory-carousel .carousel-item {
 background-position: bottom;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}

#directory-carousel .carousel-item {
 transition: -webkit-transform 500ms ease, opacity 500ms;
 transition: transform 500ms ease, opacity 500ms;
 transition: transform 500ms ease, -webkit-transform 500ms ease, opacity 500ms;
 -webkit-backface-visibility: visible;
 backface-visibility: visible;
}

@media only screen and (min-width: 768px) {
 #directory-carousel .carousel-item {
  background-position: bottom;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
}

#directory-carousel .carousel-indicators .active {
 opacity: 0;
}

.carousel-indicators .active {
 opacity: 0;
}

#directory-top {
 height: 0;
 width: 100%;
}

.card-directory-item {
 height: 360px;
 width: 100%;
 transform: translate(0%, 0%);
 overflow: hidden;
}

.card-directory-item .card-fill {
 display: block;
 position: relative;
 width: 100%;
 height: calc(100vh);
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 transition: opacity 0600ms, transform 400ms;
 -webkit-transition: opacity 0600ms, transform 400ms;
}

.card-directory-item .card-fill-active {
 height: calc(100vh);
 -webkit-filter: brightness(60%) contrast(80%);
 -moz-filter: brightness(60%) contrast(80%);
 -o-filter: brightness(60%) contrast(80%);
 filter: brightness(60%) contrast(80%);
 opacity: 0.9;}

.card-directory-item .card-fill:hover {
 -webkit-filter: brightness(90%) contrast(90%);
 -moz-filter: brightness(90%) contrast(90%);
 -o-filter: brightness(90%) contrast(90%);
 filter: brightness(90%) contrast(90%);
 opacity: 0.9;}

.card-directory-item .card-fill.selected {
 -webkit-filter: brightness(90%);
 -moz-filter: brightness(90%);
 -o-filter: brightness(90%);
 filter: brightness(90%);
 opacity: 0.9;
 transform: scale(1.2);
}

.card-directory-item figure {
 width: 110px;
 text-align: center;
 vertical-align: top;
 border: none;
 margin: 0 auto;
}

.card-directory-item .image-holder {
 width: 110px;
 height: 110px;
 overflow: hidden;
 background: rgba(25, 25, 36, 0.4);
 transform: translate(0%, 0%);
 border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 border-bottom-right-radius: 50% 50%;
 border-bottom-left-radius: 50% 50%;
}

.card-directory-item .logo {
 display: inline;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 object-fit: cover;
 transition: opacity 0600ms;
 -webkit-transition: opacity 0600ms;
}

.card-directory-item .card-body {
 position: absolute;
 clear: both;
 width: 100%;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

.card-directory-item .card-body .row {
 margin-left: 0;
 margin-right: 0;
 padding-right: 0;
 padding-left: 0;
}

.card-directory-item .card-body .row [class*='col-'] {
 padding-right: 0;
 padding-left: 0;
 margin-left: 0;
 margin-right: 0;
}

.card-directory-item p {
 padding: 0;
 margin: 0;
}

.card-directory-item .company-name {
 margin-top: 0;
 margin-bottom: 0.5rem;
 line-height: 0.8;
}

.card-directory-item .company-name br {
 margin-top: 0;
 margin-bottom: 0rem;
 line-height: 0.8;
}

.card-directory-item .company-name a {
 color: #FFF;
 font-size: 18px !important;
 text-align: center;
 line-height: 0.8 !important;
 text-shadow: 1px 1px #000;
}

.card-directory-item .company-name a small {
 color: #E6E6E6;
 line-height: -20px;
 font-size: 14px;
 text-shadow: 1px 1px #000;
}

.card-directory-item .address {
 color: #E6E6E6;
 text-align: center;
 font-size: 13px;
 font-weight: 100;
 line-height: -10px;
}#directory-name {
 margin: 0;
 padding: 0;
 top: 0;
 width: 100%;
 height: auto;
 z-index: 1001;
 transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transition: 600ms ease-in-out;
 -webkit-transition: 600ms ease-in-out;
 transition-duration: 0600ms;
 -webkit-transition-duration: 0600ms;
}

#directory-name h1 {
 padding: 0;
 margin: 0;
 font-size: 1.8rem;
 font-size: calc(1.8rem + 0.25vw);
}

#directory-name h2 {
 padding: 0;
 margin: 0;
 font-size: 1.2rem;
 line-height: 1.4;
 font-size: calc(1.2rem + 0.25vw);
}

#directory-name .page-header {
 padding-top: 1rem;
 padding-bottom: 0.75rem;
 margin: 0 0 0rem 0;
 padding: 0;
 margin: 0;
 border-bottom: 0.063rem solid var(--bs-border-color-translucent);
}

#directory-name .tipo {
 display: block;
 margin: 0;
 padding: 0 0 0 0.75rem;
 font-size: calc(1rem + 0.2vw);
 font-weight: 500;
 line-height: 1;
 color: rgba(var(--bs-secondary-color-rgb), 0.5);
}

#directory-name.affix {
 position: fixed;
 height: auto;
 top: 0px;
 z-index: 1001;
 border-bottom: 1px solid var(--bs-border-color-translucent);
 border-top: 1px solid var(--bs-border-color-translucent);
 background: rgba(var(--bs-body-bg-rgb), .92);
 transform: translateY(-2px);
 -ms-transform: translateY(-2px);
 -webkit-transform: translateY(-2px);
 transition: 600ms ease-in-out;
 -webkit-transition: 600ms ease-in-out;
 transition-duration: 0600ms;
 -webkit-transition-duration: 0600ms;
}

#directory-name.affix .page-header {
 padding-bottom: 0px;
 margin: 0.250rem 0 0.500rem 0;
 border-bottom: 1px solid var(--bs-border-color-translucent);
 border: none;
}

#directory-name.affix h1 {
 margin: 0;
 padding: 0;
 font-size: 1.4rem;
 -webkit-transition: 500ms ease-in-out;
 transition: 500ms ease-in-out;
}

#directory-name.affix h2 {
 margin: 0;
 padding: 0;
 font-size: 0.8rem;
 -webkit-transition: 500ms ease-in-out;
 transition: 500ms ease-in-out;
}

#directory-name.affix .tipo {
 display: none;
}

#directory-name.directory-mouse-on {
 padding-top: 1.250rem;
 transition: 800ms;
}

#directory-name.directory-mouse-on .page-header {
 margin-top: 3.125rem;
 border: none;
}

#directory-actions-2 {
 top: 0;
 width: 100%;
 height: auto;
 z-index: 1000;
}

#directory-actions-2.affix {
 margin: 0;
 padding: 0;
 position: fixed;
 z-index: 1000;
 background: rgba(var(--bs-body-bg-rgb), .92);
 border-bottom: 1px solid var(--bs-border-color-translucent);
 border-top: 1px solid var(--bs-border-color-translucent);
 -webkit-transition: 500ms ease-in-out;
 transition: 500ms ease-in-out;
}

#directory-actions-2.affix .nav-center ul.nav li a {
 font-size: 0.8rem;
}

.directory-details figure {
 width: 100%;
 height: 100%;
 display: grid;
 place-items: center;
}

.directory-details .image-logo-open {
 display: block;
 width: 8.750rem;
 height: 8.750rem;
 overflow: hidden;
}

.directory-details .image-logo-open .logo {
 width: 100%;
 height: 100%;
 margin: 0 auto;
 vertical-align: middle;
 object-fit: contain;
 transition: opacity 600ms;
 -webkit-transition: opacity 600ms;
}

@media (min-width: 576px) {
 .directory-details .image-logo-open {
  width: 11.250rem;
  height: 11.250rem;
 }
}

@media only screen and (min-width: 768px) {
 .directory-details .image-logo-open {
  width: 13.125rem;
  height: 13.125rem;
 }
 #directory-name.affix .page-header {
  padding-bottom: 0.563rem;
  margin: 1.750rem 0 0.625rem 0;
 }
 #directory-name.affix h1 {
  font-size: 1.6rem;
 }
 #directory-name.affix h2 {
  font-size: 1.2rem;
 }
 #directory-name.directory-mouse-on .page-header {
  margin-top: 3.125rem;
 }
 #directory-actions-2.affix {
  top: 6rem;
 }
 #directory-actions-2.affix .nav-center ul.nav {
  display: inline-block;
 }
 #directory-actions-2.affix .nav-center ul.nav li {
  display: inline-block;
 }
 #directory-actions-2.affix .nav-center ul.nav li a {
  float: left;
 }
}

.directory-details address {
 margin: 0.35rem 0.75rem 0.5rem 0.75rem;
}

.directory-details address span:not(.h4) {
 padding-left: 0.15rem;
}

.directory-details address .locality {
 padding-left: 0.75rem;
}

.directory-details address .address-country {
 display: none;
}

.directory-details address .web-email-phone {
 margin: 0 0 0.75rem 0;
}

@media only screen and (min-width: 768px) {
 .directory-details address .web-email-phone {
  margin: 1rem 0 2rem 1rem;
 }
}

.directory-details .web {
 margin: 0 0 0.75rem 0;
 padding: 0.75rem 0.5rem 0.35rem 0.5rem;
 display: block;
 width: auto;
 font-size: calc(1rem + 0.2vw);
}

.directory-details .email-format {
 margin: 0 0 0.75rem 0;
 padding: 0.75rem 0.5rem 0.35rem 1rem;
 display: block;
 width: auto;
 font-size: calc(1.3rem + 0.25vw);
}

.directory-details .email-format .input-group-text {
 border: none;
 background: transparent;
 font-size: calc(1.3rem + 0.25vw);
}

.directory-details .phone-format {
 padding: 0.15rem 0.25rem 0.15rem 1.5rem;
 display: block;
 width: auto;
}

.directory-details .phone-format {
 font-weight: 400;
 font-size: 1.6rem;
 text-align: center;
 text-decoration: none;
 line-height: 1.5;
}

.directory-details .phone-format .input-group-text {
 border: none;
 background: transparent;
 font-size: calc(1.3rem + 0.25vw);
}

.directory-details .btn-phone-secondary {
 display: inline-block;
 color: var(--bs-body-color);
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 background-color: transparent;
 border: none;
 padding: 0.375rem 0.75rem;
 font-size: calc(1.3rem + 0.25vw);
}

.directory-cover {
 padding: 0;
 margin: 0;
 display: block;
 position: relative;
 overflow: hidden;
}

#cover-img-dir {
 width: auto;
 min-height: 50vh;
 background-size: cover;
 background-position: top 0 center;
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-transition: opacity 500ms;
 transition: opacity 500ms;
}

#cover-img-dir.fill-cover-modal {
 min-height: 42vh;
}

@media (min-width: 576px) {
 #cover-img-dir {
  min-height: 54vh;
 }
 #cover-img-dir.fill-cover-modal {
  min-height: 43vh;
 }
}

@media (min-width: 768px) {
 #cover-img-dir {
  min-height: 58vh;
 }
 #cover-img-dir.fill-cover-modal {
  min-height: 44vh;
 }
}

@media (min-width: 992px) {
 #cover-img-dir {
  min-height: 60vh;
 }
 #cover-img-dir.fill-cover-modal {
  min-height: 45vh;
 }
}

@media (min-width: 1200px) {
 #cover-img-dir {
  min-height: 64vh;
 }
 #cover-img-dir.fill-cover-modal {
  min-height: 46vh;
 }
}

@media (min-width: 1400px) {
 #cover-img-dir {
  min-height: 66vh;
 }
 #cover-img-dir.fill-cover-modal {
  min-height: 46vh;
 }
}

#crop-cover .archivo-upload-holder {
 display: none;
}

.center-logo {
 display: block;
 margin: 0 auto;
 width: 100%;
 height: auto;
}

.center-logo figure {
 width: 50vw;
 text-align: center;
 vertical-align: top;
 border: none;
 margin: 0 auto;
 background: rgba(25, 25, 36, 0.8);
}

.center-logo.upload figure {
 background: rgba(39, 39, 52, 0.8);
}

.center-logo .image-holder {
 display: grid;
 place-items: center;
 width: 50vw;
 height: 50vw;
 overflow: visible;
 background: rgba(25, 25, 36, 0.5);
 transform: translate(0%, 0%);
 border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 border-bottom-right-radius: 50% 50%;
 border-bottom-left-radius: 50% 50%;
}

.center-logo.upload .image-holder {
 background: rgba(25, 25, 36, 0.8);
}

.center-logo .logo {
 display: inline;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 object-fit: contain;
 transition: opacity 0600ms;
 -webkit-transition: opacity 0600ms;
 opacity: 0.8;
}

.clip-circle {
 clip-path: circle(110px at center);
}

@media (min-width: 576px) {
 .center-logo figure {
  width: 40vw;
 }
 .center-logo .image-holder {
  width: 40vw;
  height: 40vw;
 }
}

@media (min-width: 768px) {
 .center-logo figure {
  width: 30vw;
 }
 .center-logo .image-holder {
  width: 30vw;
  height: 30vw;
 }
}

	
		
#app-events .card-img-holder {
 height: 110px;
}

#app-events .post-event .card-title {
 font-size: 1.6rem;
}

#app-events .post-event .list-group-item {
 font-size: 0.8rem;
}

#app-events .card-img-holder {
 display: block;
 height: calc(36vh);
 background-color: var(--bs-body-bg);
 overflow: hidden;
 cursor: pointer;
}

#app-events .card-img {
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
 background: no-repeat top center scroll #372E49;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-blend-mode: lighten;
 -webkit-transition: transform 500ms;
 transition: transform 500ms;
}

#app-events .card-img-holder:hover .card-img,
.card-img-holder:focus .card-img {
 transform: scale(1.2);
}

#app-events .card-img::before {
 content:"";
 display: none;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-color: rgba(52, 73, 94, 0.75);
}

#app-events .card-img-holder:hover .card-img:before,
#app-events .card-img-holder:focus .card-img:before {
 display: block;
}

.app-events .post-event .card-body {
 padding-bottom: 0.5rem;
}

.app-events .post-event .card-body.cal {
 position: relative;
 padding: 0.75rem 0.25rem;
 margin: 0;
 display: block;
 flex: none;
 border-top: solid thin var( --bs-border-color-translucent);
 background-color: var(--bs-card-cap-bg);
 z-index: 15;
}

.app-events .post-event .card-body.cal:hover {
 background-color: rgba(var(--bs-body-bg-hover-rgb), 0.90);
}

[data-bs-theme=dark] .app-events .post-event .card-body.cal:hover {
 background-color: rgba(var(--bs-body-bg-hover-rgb), 0.45);
}

.app-events .post-event .card-body.cal .cal-a {
 margin: 0 auto;
 padding: 0;
 display: flex;
 justify-content: space-evenly;
 color: var(--bs-body-color);
 text-decoration: none;
}

.app-events .post-event .cal-square {
 display: flex;
}

.app-events .post-event .card-body.cal .year {
 position: absolute;
 margin: 0 auto;
 padding: 0 0 0 0;
 top: -0.5rem;
 right: 0;
 bottom: 0;
 left: 0;
 text-align: center;
 font-size: 3rem;
 color: rgba(var(--bs-body-color-rgb), 0.12);
 z-index: -1;
}

.app-events .post-event .card-body.cal .year.end {
 padding-left: calc(7rem + 13.5vw);
 text-align: center;
}

@media (min-width: 992px) {
 .app-events .post-event .card-body.cal .year.end {
  padding-left: calc(7rem + 1vw);
  text-align: center;
 }
}

@media (min-width: 1200px) {
 .app-events .post-event .card-body.cal .year.end {
  padding-left: 12rem;
  text-align: center;
 }
}

.app-events .post-event .cal-square .day-number {
 margin: 0;
 padding: 0 0.25rem 0 0;
 align-self: center;
 font-size: calc(1.5rem + 0.80vw);
 font-weight: bold;
 line-height: 1.1rem;
 color: rgba(var(--bs-body-color-rgb), 0.75);
}

[data-bs-theme=dark] .app-events .post-event .cal-square .day-number {
 color: rgba(var(--bs-secondary-color-rgb), 0.90);
}

.app-events .post-event .cal-square .icono {
 padding: 0 0.25rem 0 0;
 font-size: calc(1rem + 0.10vw);
 align-self: flex-start;
 color: rgba(var(--bs-secondary-color-rgb), 0.85);
}

[data-bs-theme=dark] .app-events .post-event .cal-square .icono {
 color: rgba(var(--bs-secondary-color-rgb), 0.45);
}

.app-events .post-event .cal-square .box {
 margin-left: 0.25rem;
 align-self: flex-end;
}

.app-events .post-event .cal-square .day {
 margin: 0;
 padding: 0;
 font-size: calc(1.1rem + 0.10vw);
 line-height: 1.3rem;
 color: rgba(var(--bs-secondary-color-rgb), 0.65);
}

[data-bs-theme=dark] .app-events .post-event .cal-square .day {
 color: rgba(var(--bs-secondary-color-rgb), 0.70);
}

.app-events .post-event .cal-square .month {
 margin: 0;
 padding: 0;
 font-size: calc(1.1rem + 0.15vw);
 line-height: 0;
 line-height: 1.2rem;
 color: rgba(var(--bs-secondary-color-rgb), 0.95);
}

[data-bs-theme=dark] .app-events .post-event .cal-square .month {
 color: rgba(var(--bs-secondary-color-rgb), 0.40);
}

.app-events .post-event .cal .minus {
 color: rgba(var(--bs-secondary-color-rgb), 0.35);
}

.event-section {
 display: block;
}

.event-cover {
 padding: 0;
 margin: 0;
 width: 100%;
 height: auto;
 display: block;
 position: relative;
}

#cover-img {
 width: auto;
 min-height: 38vh;
 background-size: cover;
 background-position: top center;
 background-repeat: no-repeat;
 -webkit-transition: opacity 500ms;
 transition: opacity 500ms;
}

#cover-img.fill-cover-modal {
 min-height: 36vh;
}

@media only screen and (max-width:320px) {
 #cover-img {
  min-height: 38vh;
 }
 #cover-img.fill-cover-modal {
  min-height: 36vh;
 }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:320px),
only screen and (min--moz-device-pixel-ratio:2) and (max-width:320px),
only screen and (-moz-min-device-pixel-ratio:2) and (max-width:320px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:320px),
only screen and (min-device-pixel-ratio:2) and (max-width:320px),
only screen and (min-resolution:192dpi) and (max-width:320px),
only screen and (min-resolution:2dppx) and (max-width:320px) {
 #cover-img {
  min-height: 38vh;
 }
 #cover-img.fill-cover-modal {
  min-height: 36vh;
 }
}

@media only screen and (min-width:321px) and (max-width:538px) {
 #cover-img {
  min-height: 42vh;
 }
 #cover-img.fill-cover-modal {
  min-height: 38vh;
 }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:321px) and (max-width:538px),
only screen and (min--moz-device-pixel-ratio:2) and (min-width:321px) and (max-width:538px),
only screen and (-moz-min-device-pixel-ratio:2) and (min-width:321px) and (max-width:538px),
only screen and (-o-min-device-pixel-ratio:2/1) and (min-width:321px) and (max-width:538px),
only screen and (min-device-pixel-ratio:2) and (min-width:321px) and (max-width:538px),
only screen and (min-resolution:192dpi) and (min-width:321px) and (max-width:538px),
only screen and (min-resolution:2dppx) and (min-width:321px) and (max-width:538px) {
 #cover-img {
  min-height: 44vh;
 }
 #cover-img.fill-cover-modal {
  min-height: 38vh;
 }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:539px),
only screen and (min--moz-device-pixel-ratio:2) and (min-width:539px),
only screen and (-moz-min-device-pixel-ratio:2) and (min-width:539px),
only screen and (-o-min-device-pixel-ratio:2/1) and (min-width:539px),
only screen and (min-device-pixel-ratio:2) and (min-width:539px),
only screen and (min-resolution:192dpi) and (min-width:539px),
only screen and (min-resolution:2dppx) and (min-width:539px) {
 #cover-img {
  min-height: 48vh;
 }
 #cover-img.fill-cover-modal {
  min-height: 42vh;
 }
}

.event-section .page-header-top {
 font-size: calc(1.2rem + 0.15vw);
}

[data-bs-theme=dark] .event-section .page-header {
 color: rgba(var(--bs-secondary-color-rgb), 0.75);
}

#event-name {
 display: block;
 margin: 0;
 padding: 0;
 top: 0;
 left: 0;
 width: 100%;
 height: auto;
 z-index: 910;
 transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 -webkit-transition: 600ms ease-in-out;
 transition: 600ms ease-in-out;
 transition-duration: 0600ms;
 -webkit-transition-duration: 0600ms;}

#event-name {
 margin: 0;
 padding: 0;
}

#event-name h1 {
 margin: 0;
 padding: 0;
 font-size: 1.8rem;
 font-size: calc(1.8rem + 0.1vw);
 -webkit-transition: 500ms ease-in-out;
 transition: 500ms ease-in-out;
}

@media (min-width: 1200px) {
 #event-name h1 {
  font-size: calc(1.8rem + 0.6vw);
 }
}

#event-name h2 {
 padding-top: 0.3rem;
 font-size: calc(1.2rem + 0.9vw);
}

@media (min-width: 1200px) {
 #event-name h2 {
  font-size: 2rem;
  font-size: calc(1.6rem + 0.3vw);
 }
}

#event-name h3 {
 font-size: 0.8rem;
}

#event-name.affix {
 padding-top: 20px;
 position: fixed;
 background: rgba(255, 255, 255, 0.8);
}

#event-name.affix .page-header {
 margin: 0;
 padding: 0;
}

#event-name.affix h1 {
 font-size: 1.4rem;
}

#event-name.affix h2 {
 font-size: 1.2rem;
}

#event-name.affix h3 {
 font-size: 0.8rem;
}

#flyer-event {
 display: block;
 margin: 0 auto;
 max-width: 100%;
 height: auto;
 background-color: var(--bs-body-bg);
}

#cover-event {
 display: block;
 margin: auto;
 width: 100px;
 min-width: 100%;
 max-width: 100%;
 height: auto;
 background-color: var(--bs-body-bg);
}

.event-details .description {
 margin: 0 0 2rem 0;
 padding: 1rem 1rem;
}

.event-details address {
 margin: 0.35rem 0.75rem 0.5rem 0.75rem;
}

.event-details address span:not(.h4) {
 padding-left: 0.15rem;
}

.event-details address .locality {
 padding-left: 0.75rem;
}

.event-details address .address-country {
 display: none;
}

.event-details address .web-email-phone {
 margin: 0 0 0.75rem 0;
}

@media only screen and (min-width: 768px) {
 .event-details address .web-email-phone {
  margin: 1rem 0 2rem 1rem;
 }
}

.event-details .web {
 margin: 0 0 0.15rem 0;
 padding: 0.35rem 0.5rem 0.15rem 0.5rem;
 display: block;
 width: auto;
 font-size: calc(1rem + 0.25vw);
}

.event-details .email-format {
 margin: 0 0 0.15rem 0;
 padding: 0.75rem 0.5rem 0.15rem 1rem;
 display: block;
 width: auto;
}

.event-details .email-format .input-group-text {
 border: none;
 background: transparent;
}

.event-details .phone-format {
 padding: 0.5rem 0.5rem 0.15rem 1.5rem;
 display: block;
 width: auto;
}

.event-details .phone-format {
 font-weight: 400;
 font-size: 1.3rem;
 text-align: center;
 text-decoration: none;
 line-height: 1.5;
}

.event-details .phone-format .input-group-text {
 border: none;
 background: transparent;
}

.event-details .btn-phone-secondary {
 display: inline-block;
 color: var(--bs-body-color);
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 background-color: transparent;
 border: none;
 padding: 0.375rem 0.75rem;
}

.event-section .user-a span {
 font-size: calc(1rem + 0.35vw);
}

.event-section .user-a small {
 font-size: calc(1rem + 0.10vw);
 color: rgba(var(--bs-secondary-color-rgb), 0.75);
}

.event-section .user-photo {
 padding: 0;
 margin: 0;
 width: auto;
 height: auto;
 display: inline-block;
 border: none;
}

.event-section .user-photo .photo-holder {
 margin: 0;
 padding: 0;
}

.event-section .user-photo .photo-holder .thumb {
 margin: 0;
 padding: 0;
 width: 2rem;
 height: 2rem;
}

.event-section .box-descript {
 margin: 1rem auto 4rem auto;
}

.event-section .box-descript .page-header {
 margin: 0 0 1rem 0;
}

.organizer-box {
 margin: 1rem 0.375rem 1rem 0.375rem;
 padding: 1.5rem 1.5rem 0.5rem 1.5rem;
 border: thin solid var(--bs-border-color-translucent);
}

.organizer-box .info {
 margin: 0;
 padding: 0 0 1rem 0;
}

@media (min-width: 768px) {
 .organizer-box .info strong {
  display: block;
 }
 .organizer-box .info-a {
  padding-left: 0.25rem;
 }
}

.organizer-box .info .list {
 display: block;
 margin-top: 1rem;
 padding-left: 0.5rem;
}

.organizer-box .add-by-grid {
 margin: 0;
 padding: 0;
 text-align: right;
 display: flex;
 justify-content: end;
}

.organizer-box .add-by .box {
 margin: 1rem 0 1rem 0.5rem;
 padding-top: 0.75rem;
 padding-bottom: 0.25rem;
 border-top: thin solid var(--bs-border-color-translucent);
}

.organizer-box .add-by strong {
 margin-left: 0rem;
 font-weight: normal;
 font-size: calc(1rem + 0.10vw);
}

.organizer-box .add-by .user-a {
 margin-top: 1rem;
 margin-left: 0.5rem;
 text-decoration: none;
}

@media (min-width: 768px) {
 .organizer-box .add-by .boxd {
  margin: 1rem 0 1rem 0.5rem;
  width: 94%;
 }
 .organizer-box .add-by strong {
  display: inline-block;
  margin-left: 0.5rem;
 }
 .organizer-box .add-by .user-a {
  margin-top: 1rem;
  margin-left: 0.5rem;
 }
}

@media (min-width: 992px) {
 .organizer-box .add-by .boxd {
  margin: 1rem 0 1rem 1rem;
  width: 80%;
 }
}

@media (min-width: 1200px) {
 .organizer-box .add-by .boxd {
  margin: 1rem auto 1rem 2rem;
 }
}

.event-section .col-img {
 margin-bottom: 2rem;
 align-self: flex-start !important;
}

.event-section .image-flyer-holder {
 display: block;
 margin: 1rem auto 0.5rem auto;
}

.event-section .image-flyer-open {
 display: block;
 margin: 0 auto;
 width: 50%;
}

@media (min-width: 768px) {
 .event-section .image-flyer-open {
  width: 100%;
 }
}

.event-section .rating-box {
 margin: 0;
}

	
		
.post-real-estate {
 height: 100%;
 padding: 0;
 margin: 0 0 2rem 0;
}

.post-real-estate .card-body {
 padding: 0.5rem 0.5rem;
}

.post-real-estate .card-title {
 font-size: 1.25rem;
 margin-bottom: 0.35rem;
 font-weight: 500;
 line-height: 1.5rem;
}

.post-real-estate .card-subtitle {
 margin-bottom: 0.25rem;
 font-size: 1rem;
 line-height: 1rem;
}

.post-real-estate .list-group-item {
 font-size: 0.8rem;
}

.post-real-estate .card-img-holder {}

#BRaices {}

.carousel-braices .carousel-inner {
 width: 100%;
}

.carousel-braices .carousel-item {
 width: 100%;
 min-height: 380px;
 height: 100%;
}

.carousel-braices .carousel-item {
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 object-fit: cover;
}

	
		
.historic-directory {
 --pc-hist-bg-color: #c6c6c6;
 --pc-hist-bg-color-rgb: 132, 132, 132;
 --pc-hist-bg-color-second: #646464;
 --pc-hist-bg-color-rgb-second: 100, 100, 100;
 --pc-hist-color: #2c2c2c;
 --pc-hist-border-color: #858585;
 background-color: var(--pc-hist-bg-color);
}

[data-bs-theme=dark] .historic-directory {
 --pc-hist-bg-color: #222222;
 --pc-hist-bg-color-rgb: 34, 34, 34;
 --pc-hist-bg-color-second: #646464;
 --pc-hist-bg-color-rgb-second: 100, 100, 100;
 --pc-hist-color: #c6c6c6;
 --pc-hist-border-color: #858585;
 background-color: var(--pc-hist-bg-color);
}

.historic-directory #banner-footer-holder.banners {
 background-color: var(--pc-hist-bg-color);
}

.historic-directory .banners {
 background-color: var(--pc-hist-bg-color);
}

.historic-directory #main-page {
 color: var(--pc-hist-color);
 background-color: var(--pc-hist-bg-color);
}

.historic-directory #Directorio {
 color: var(--pc-hist-color);
 background-color: var(--pc-hist-bg-color);
}

.historic-directory #Directorio a {
 color: var(--pc-hist-color);
}

.historic-directory #Directorio button {
 color: var(--pc-hist-color);
}

.card-historic .card-fill.card-fill-active {
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%);
}

.card-historic img.logo {
 -webkit-filter: grayscale(100%) brightness(80%) contrast(90%);
 -moz-filter: grayscale(100%) brightness(80%) contrast(90%);
 -ms-filter: grayscale(100%) brightness(80%) contrast(90%);
 -o-filter: grayscale(100%) brightness(80%) contrast(90%);
 filter: grayscale(100%) brightness(80%) contrast(90%);
 filter: gray;
}

.historic-directory #directory-name.affix {
 border: var(--pc-hist-border-color);
 background-color: rgba(var(--pc-hist-bg-color-rgb-second), 0.8);
}

.historic-directory #directory-actions-2.affix {
 border: var(--pc-hist-border-color);
 background-color: rgba(var(--pc-hist-bg-color-rgb-second), 0.8);
}

.historic-close {
 display: block;
 font-size: 1.2rem;
 font-weight: 800;
 text-align: center;
 color: #000000;
}

[data-bs-theme=dark] .historic-close {
 display: block;
 font-size: 1.2rem;
 font-weight: 800;
 text-align: center;
 color: #f5f5f5;
}

.historic-directory .card:not(.card-user-public),
.historic-directory .card-directory-item,
.historic-directory .card-body,
.historic-directory .card-footer {
 color: var(--pc-hist-color);
 background-color: var(--pc-hist-bg-color);
 border: #2c2c2c;
}

.historic-directory .list-group .list-group-item {
 color: var(--pc-hist-color);
 background-color: var(--pc-hist-bg-color);
}

.historic-directory .nav-tabs {
 background-color: var(--pc-hist-bg-color);
}

.historic-directory .nav-tabs .nav-item {
 background-color: var(--pc-hist-bg-color);
}

.historic-directory .nav-tabs .nav-link {
 background-color: var(--pc-hist-bg-color);
}

.historic-directory .nav-tabs .nav-item.show .nav-link,
.historic-directory .nav-tabs .nav-link.active {
 background-color: var(--pc-hist-bg-color);
}

.historic-directory .directory-cover .fill-cover {
 -webkit-filter: grayscale(100%) brightness(80%) contrast(100%);
 -moz-filter: grayscale(100%) brightness(80%) contrast(100%);
 -o-filter: grayscale(100%) brightness(80%) contrast(100%);
 filter: grayscale(100%) brightness(80%) contrast(100%);
}

.historic-directory img,
.historic-directory .card-img {
 -webkit-filter: grayscale(100%) brightness(80%) contrast(90%);
 -moz-filter: grayscale(100%) brightness(80%) contrast(90%);
 -ms-filter: grayscale(100%) brightness(80%) contrast(90%);
 -o-filter: grayscale(100%) brightness(80%) contrast(90%);
 filter: grayscale(100%) brightness(80%) contrast(90%);
 filter: gray;}

.historic-directory .btn-success,
.historic-directory .btn-secondary {
 color: var(--pc-hist-color);
 background-color: rgba(84, 97, 107, 0.9);
 border-color: rgba(84, 97, 107, 0.9);
}

.historic-directory .rating-stars .fstar {
 color: var(--pc-hist-color);
}

	
		
.card-block {
 display: block;}

.card-block::before {
 display: block;
 background-color: #ff5e28;
 opacity: 0.4;
}

.card-block .card-fill-active {
 -webkit-filter: brightness(0) saturate(100%) invert(44%) sepia(13%) saturate(4066%) hue-rotate(334deg) brightness(109%) contrast(111%);
 -moz-filter: brightness(0) saturate(100%) invert(44%) sepia(13%) saturate(4066%) hue-rotate(334deg) brightness(109%) contrast(111%);
 -o-filter: brightness(0) saturate(100%) invert(44%) sepia(13%) saturate(4066%) hue-rotate(334deg) brightness(109%) contrast(111%);
 filter: brightness(0) saturate(100%) invert(44%) sepia(13%) saturate(4066%) hue-rotate(334deg) brightness(109%) contrast(111%);
 opacity: 0.9;}

.card-block .card-fill:hover {
 -webkit-filter: brightness(90%) contrast(90%);
 -moz-filter: brightness(90%) contrast(90%);
 -o-filter: brightness(90%) contrast(90%);
 filter: brightness(90%) contrast(90%);
 opacity: 0.9;}

.card-block .card-fill.selected {
 -webkit-filter: brightness(90%);
 -moz-filter: brightness(90%);
 -o-filter: brightness(90%);
 filter: brightness(90%);
 opacity: 0.9;
 transform: scale(1.2);
}

.card-block figure {
 width: 110px;
 text-align: center;
 vertical-align: top;
 border: none;
 margin: 0 auto;
}

.card-block .image-holder {
 width: 110px;
 height: 110px;
 overflow: hidden;
 background: rgba(25, 25, 36, 0.4);
 transform: translate(0%, 0%);
 border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 border-bottom-right-radius: 50% 50%;
 border-bottom-left-radius: 50% 50%;
}

.card-block .logo {
 display: inline;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 object-fit: cover;
 transition: opacity 0600ms;
 -webkit-transition: opacity 0600ms;
}

.card-block .logo::before {
 display: block;
 background-color: #ff5e28;
 opacity: 0.4;
}

	
		
.card-book {
 margin: 0;
 padding: 0;
 border-radius: 0px;
 height: 100% !important;
}

.card-book .card-img-holder {
 display: block;
 width: 100%;
 height: 100%;
}

.card-book .list-group {
 padding: 0;
 margin: 0;
 font-size: 0.85rem;
}

.card-book .card-title {
 display: block;
 padding: 0;
 margin: 0;
 font-size: 1.1rem;
 line-height: 1.2;
}

.card-book .card-subtitle {
 display: block;
 padding: 0;
 margin: 0;
 font-size: 0.90rem;
}

#pdf-container {
 display: block;
}

	
		
.terms-section {
 margin: 1rem 0;
 padding: 0.5rem 0 0 0;
}

.terms-section .page-header {
 padding-top: 2.5rem;
 padding-bottom: 1rem;
 margin: 0 0 3rem 0;
 border-bottom: 0.063rem solid var(--bs-border-color-translucent);
}

.terms-section .page-subheader {
 padding-top: 1.8rem;
 padding-bottom: 0.675rem;
 margin: 0 0 0.375rem 0;
 width: auto;
}

.terms-section .page-subheader {
 color: rgba(33, 37, 41, 0.75);
}

[data-bs-theme=dark] .terms-section .page-subheader {
 color: rgba(142, 156, 169, 0.989)
}

[data-bs-theme=light] .terms-section p {
 text-align: left;
 font-weight: 300;
 letter-spacing: .08rem;
}

[data-bs-theme=dark] .terms-section p {
 text-align: left;
 font-weight: 200;
 letter-spacing: .08rem;
}

	
		
#tiendaCarousel {
 margin: 0;
 padding: 0;
}

#store-carousel .carousel-item {
 height: 50vh;
 min-height: 300px;
 background: no-repeat center center scroll;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}#store-carousel .carousel-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;
}

#store .card-img-holder {
 display: block;
 height: 320px;
 background-color: #d2d2d2;
 overflow: hidden;
}

#store .card-img {
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
 background: no-repeat center scroll #372E49;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-blend-mode: lighten;
 transition: all .5s;
}

#store .card-img-holder:hover .card-img,
.card-img-holder:focus .card-img {
 transform: scale(1.2);
}

#store .card-img::before {
 content:"";
 display: none;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-color: rgba(52, 73, 94, 0.75);
}

#store .card-img-holder:hover .card-img:before,
#store .card-img-holder:focus .card-img:before {
 display: block;
}.price {
 font-size: 1.4rem;
}

.current-price {
 font-size: 1.6rem;
}

.old-price {
 font-size: 1.4rem;
 text-decoration: line-through;
}

.product-post .old-price {
 font-size: 1rem;
 text-decoration: line-through;
}

.product-post .card-body {
 padding: 0.5rem;
 ;
}

.product-post .card-text {
 padding: 0;
 margin: 0;
 ;
}

.no-gutters {
 margin-right: 0;
 margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
 padding-right: 0;
 padding-left: 0;
}

.product-gallery-thumbnails .thumbnails-list li {
 margin-bottom: 5px;
 cursor: pointer;
 position: relative;
 text-align: center;
 width: 60px;
 height: 60px;
}

.thumbnails-list li img {
 display: block;
 width: 100%;
}

.product-gallery-thumbnails .thumbnails-list li:hover::before {
 content:"";
 width: 3px;
 height: 100%;
 background: #007bff;
 position: absolute;
 top: 0;
 left: 0;
}

.product-gallery-featured {
 margin: 0;
 padding: 0;height: auto;
 text-align: center;
}

.product-gallery-featured img {
 width: 78%;
 height: 78%;
}

	
		
[hidden] {
 display: inherit !important;
}

.reveal-frame-m {
 margin: 0;
 padding: 0;
 position: relative;
 width: 100%;
 height: calc(var( --app-height) - 4.063rem);
 overflow: hidden;
 z-index: 5;
}

.reveal-frame {
 margin: 0;
 padding: 0;
 position: relative;
 width: 100%;
 height: calc(100vh - 4.063rem);
 overflow: hidden;
 z-index: 5;
}

@media (min-width: 576px) {
 .reveal-frame {
  height: calc(100vh);
 }
 .reveal-frame-m {
  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);
}

.presentacion .footer-fuente-holder {
 left: 0;
 font-size: 5rem;
}

.reveal.presentacion .ts-1 {
 font-size: 1rem !important;
}

.reveal.presentacion .ts-2 {
 font-size: clamp(1.5rem, 1.8vw, 2rem) !important;
}

.reveal.presentacion .ts-1-2 {
 font-size: 1rem !important;
}

.reveal.presentacion .ts-3 {
 font-size: 3rem !important;
}

@media (min-width: 576px) {
 .reveal.presentacion .ts-1-2 {
  font-size: 2rem;
 }
 .reveal.presentacion .ts-sm-2 {
  font-size: clamp(1.5rem, 1.8vw, 2rem) !important;
 }
}

.logo-soft-cols {
 margin: 0;
 padding: 0;
 text-align: center;
}

.logo-soft-col {
 margin: 0;
 padding: 0;
 text-align: center;
}

.logo-soft-col strong {
 display: block;
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 0.8rem;
}

.reveal.presentacion .logo-soft-container {
 margin: 0;
 padding: 0;
 vertical-align: top;
}

.reveal.presentacion .logo-soft-container div {
 margin: 0;
 padding: 0;
 vertical-align: center;
}

.logo-soft-a {
 margin: 0;
 padding: 0;
}

.logo-soft-h {
 margin: 0;
 padding: 0;
 padding-bottom: 0.65rem;
 width: auto;
 max-height: 60px;
 vertical-align: top;
}

.logo-soft-s {
 margin: 0;
 padding: 0;
 width: auto;
 height: 80px;
 vertical-align: top;
}

.logo-soft-v {
 margin: 0;
 padding: 0;
 width: auto;
 max-height: 50px;
 vertical-align: top;
}

.logo-soft-r {
 margin: 0;
 padding: 0;
 max-width: 50%;
 height: auto;
}

.logo-soft-cols a span {
 display: block;
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 0.8rem;
}

@media (min-width: 768px) {
 .logo-soft-s {
  height: 120px;
 }
 .logo-soft-h {
  width: auto;
  max-height: 70px;
 }
 .logo-soft-v {
  width: auto;
  max-height: 60px;
 }
 .logo-soft-r {
  margin: 0;
  padding: 0;
  max-width: 50%;
  height: auto;
 }
}

@media (min-width: 992px) {
 .logo-soft-s {
  height: 140px;
 }
 .logo-soft-h {
  width: auto;
  max-height: 80px;
 }
 .logo-soft-v {
  width: auto;
  max-height: 70px;
 }
 .logo-soft-r {
  margin: 0;
  padding: 0;
  max-width: 50%;
  height: auto;
 }
}

.bg-presn-them {
 width: 100%;
 height: 100%;
 background-color: var(--bs-body-bg);
 background-color: none;
}

.reveal .presn-bg-blue {
 background-image: radial-gradient(rgb(56, 54, 97), #22213d);
 background-size: cover;}

.presn-bg-blue h2 {
 background: inherit;
}

.presn-bg-blue p {
 background: inherit;
}

.bg-presn-them .updating {
 padding-top: 1rem;
 font-size: clamp(2.6rem, 10vw, 3.2rem);
 font-family:'Avenir Next LT Pro', Helvetica, sans-serif;
 color: rgba(var( --bs-body-color-rgb), 0.3);
}

@media (min-width: 576px) {
 .bg-presn-them .updating {
  padding-top: 2rem;
 }
}

@media (min-width: 768px) {
 .bg-presn-them .updating {
  padding-top: 5rem;
 }
}

@media (min-width: 992px) {
 .bg-presn-them .updating {
  padding-top: 5rem;
 }
}

.actualizando-svgs {
 position: absolute;
 width: 100%;
 height: 100%;
 background-color: none;
}

.actualizando-svgs svg path {
 opacity: 1;
 transform-box: fill-box;
}

.actualizando-svgs .presnbg-logo-gray-black {}

.presnbg-grack-4 {
 fill: none;
 opacity: 0;
}

.presnbg-grack-1 {
 fill: #8b8b8b;
}

.presnbg-grack-2 {
 fill: #bebebe;
}

.presnbg-grack-3 {
 fill: #a8a8a8;
}

.presnbg-grack-4 {
 fill: none;}[data-bs-theme=dark] .presnbg-grack-4 {
 fill: none;
}

.presnbg-grack-5 {
 fill: #5e5e5e;
}

.presnbg-grack-6 {
 fill: #757575;
}

.presnbg-grack-7 {
 filter: url(#drop-shadow-1);
}.presnbg-grack-7 {
 opacity: .2;
}

[data-bs-theme=dark] .presnbg-grack-7 {
 opacity: .05;
}.presnbg-grack-8 {
 opacity: .6;
}

[data-bs-theme=dark] .presnbg-grack-8 {
 opacity: .22;
}

.presnbg-grack-9 {
 opacity: .35;
}

.presnbg-grack-10 {
 opacity: .5;
}

.presnbg-grack-11 {
 opacity: .92;
}

.presnbg-grack-12 {
 opacity: .82;
}

.presnbg-grack-13 {
 opacity: .5;
}

[data-bs-theme=dark] .presnbg-grack-13 {
 opacity: .98;
}

.presnbg-svg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 margin: auto;
 z-index: -1;
}

.presnbg-svg svg path {
 opacity: 1;
 transform-box: fill-box;
}

.presnbg-svg .bg-logo-gray-black {
 width: 100%;
 height: 100vh;
 margin: auto;
 z-index: -1;
}

h2.ff-coopbl {
 font-family:'Conv_coopbl', Georgia, serif;
}

	
		
.video-test {
 background-color: red;
}

	
		
.video-box-videoteca {
 --big-play-bg-color: #849660;
 --big-play-border-color: #849660;
 --big-play-border-radius: 3.125rem;
 --big-play-border-width: 0rem;
 --control-bg-color: #849660;
 --control-bg-alpha: 0.7;
 --vp-control-bg-color-rgb: rgba(132, 150, 96, 0.8);
 --vjs-control-bg-color-rgb: 132, 150, 96;
 --vjs-white-color: #f0f0f0;
}

.section-videoteca {
 padding: 0;
 margin: 0 auto;
 width: 100%;
 height: 100%;
 background-color: #1f1f1f;
}

[data-bs-theme=dark] .section-videoteca {
 background-color: #090909;
}

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

.video-box-videoteca {
 display: block;
 padding: 0;
 margin: 0 auto;
 width: 100%;
 height: auto;
 z-index: 21;
 inset: 0;
 overflow: hidden;
}

.video-box-videoteca .vjs-big-play-button {
 top: 48%;
 left: 53%;
 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: 3em;
 height: 3em;
 line-height: 3em;
 font-size: 2.8em;
 cursor: pointer;
}

.video-box-videoteca:hover .vjs-big-play-button {
 background-color: var(--vp-control-bg-color-rgb);
}

.video-box-videoteca .video-js .vjs-modal-dialog {
 background: rgba(0, 0, 0, 0.8);
}

.video-box-videoteca .video-js .vjs-play-progress {
 background-color: var(--big-play-bg-color);
}

.video-box-videoteca .video-js .vjs-load-progress {
 background: rgba(var(--vjs-control-bg-color-rgb), 0.5);
}

.video-box-videoteca .video-js .vjs-load-progress div {
 background: rgba(var(--vjs-control-bg-color-rgb), 0.75);
}

.video-box-videoteca .vjs-control:focus:before,
.video-box-videoteca .vjs-control:hover:before,
.video-box-videoteca .vjs-control:focus {
 text-shadow: none;
}

.video-box-videoteca .vjs-control.vjs-close-button {
 margin: 0;
 padding: 0;
 color: var(--vjs-white-color);
 cursor: pointer;
 font-size: calc(1.5rem + 0.25vw);
}

@media (min-width: 576px) {
 .video-box-videoteca .vjs-control.vjs-close-button {
  margin-top: 0rem;
  padding: 0.2rem;
  font-size: calc(2rem + 0.25vw);
 }
}

@media (min-width: 768px) {
 .video-box-videoteca .vjs-control.vjs-close-button {
  margin-top: 3rem;
  padding: 0.5rem;
 }
}

.video-box-videoteca .vjs-big-play-button:hover {
 color: var(--vjs-white-color);
 background-color: var(--vp-control-bg-color-rgb);
}

.video-box-videoteca .vjs-control-bar {
 color: var(--vjs-white-color);
 background-color: var(--vp-control-bg-color-rgb);
 font-size: 1.3em;
}

.video-box-videoteca .vjs-play-control {
 background-color: var(--vp-control-bg-color-rgb);
}

.video-box-videoteca .btn-info {
 color: rgb(255, 255, 84);
}

.video-box-videoteca .vjs-picture-in-picture-control {
 display: none;
}

.video-box-videoteca .vjs-current-time {
 display: block;
}

.video-box-videoteca .vid-modal-pcmx {
 margin: auto;
 color: var(--vjs-white-color);
 font-size: calc(1.1rem + 0.2vw);
 width: 100%;
 height: 100%;
 background: transparent;
 display: grid;
 place-items: center;
}

.video-box-videoteca .vid-modal-pcmx h1 {
 font-size: calc(1.2rem + 1.2vw);
}

.video-footer {
 height: 20vh;
 font-size: 1rem;
 z-index: 20;
}

.card-videoteca {
 height: 100%;
}

.card-videoteca .card-text {
 font-size: 1rem;
}

.card-videoteca .card-text {
 font-size: 1rem;
}

.card-videoteca .card-vivdeoteca-top {
 position: relative;
 height: calc(10rem + 1.5vw);
 display: block;
 text-align: center;
 overflow: hidden;
 border: none;
}

.card-videoteca .card-vivdeoteca-top .card-img-video {
 padding: 0;
 margin: 0 auto;
 max-width: 100%;
 height: auto;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
 background: no-repeat top center scroll #372E49;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-blend-mode: lighten;
 -webkit-transition: transform 500ms;
 transition: transform 500ms;
}

.card-videoteca .card-vivdeoteca-top:hover {
 -webkit-filter: brightness(90%) contrast(90%);
 -moz-filter: brightness(90%) contrast(90%);
 -o-filter: brightness(90%) contrast(90%);
 filter: brightness(90%) contrast(90%);
 opacity: 0.9;
}

.card-videoteca .card-vivdeoteca-top.selected .card-img-video {
 -webkit-filter: brightness(90%);
 -moz-filter: brightness(90%);
 -o-filter: brightness(90%);
 filter: brightness(90%);
 opacity: 0.9;
 transform: scale(1.2);
}

.card-videoteca .card-vivdeoteca-top:hover .card-img-video,
.card-videoteca .card-vivdeoteca-top:focus .card-img-video {
 transform: scale(1.2);
}

.card-videoteca .card-vivdeoteca-top .card-img-video::before {
 content:"";
 display: none;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-color: rgba(52, 73, 94, 0.75);
}

.card-videoteca .card-vivdeoteca-top:hover .card-img-video::before,
.card-videoteca .card-vivdeoteca-top:focus .card-img-video::before {
 display: block;
}

.card-videoteca-cartel {
 height: 100%;
 font-size: 1rem;
}

.card-videoteca-cartel .cartel {
 max-width: 100%;
 height: auto;
}

.video-footer .h3 {
 font-size: 1.2rem;
}

.video-footer {
 height: 20vh;
 font-size: 1rem;
 z-index: 20;
 background-color: green;
}

#offVideoInfo .offcanvas-header {
 text-align: center;
}

#offVideoInfo .offcanvas-header .btn-close {
 width: 100%;
}

#offVideoInfo .offcanvas-footer {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

#offVideoInfo .offcanvas-footer .btn-close {
 width: 100%;
}

	
		
.permaculture-post {
 margin-bottom: 1.5rem;
 border: none;
}

.card-cal-next {
 margin-top: 1.5rem;
 margin-bottom: 1.5rem;
 width: 100%;
 border: none;
 background: none;
}

.card-cal-next .cal-holder {
 display: flex;
}

.card-cal-next .cal-holder .cal-dates {
 flex: 0 0 auto;
 width: 86%;
 text-align: center;
 border: none;
 padding: 1rem;
}

.card-cal-next .cal-holder .cal-dates span {
 display: block;
}

.card-cal-next .cal-holder .cal-dates {
 flex: 0 0 auto;
 width: 86%;
 text-align: center;
 border: none;
 padding: 1rem;
}

.card-cal-next .cal-holder .cal-day {
 display: block;
 margin: 0;
 padding: 0;
 font-size: clamp(1.6rem, 1.8vw, 1.8rem);
 line-height: 1;
 font-weight: 800;
 color: #6c757d;
}

.card-cal-next .cal-holder .cal-num {
 display: block;
 margin: 0;
 padding: 0;
 font-size: clamp(2.5rem, 2.5vw, 3rem);
 line-height: 1;
 font-weight: 600;
}

.card-cal-next .cal-holder .cal-month {
 display: block;
 margin: 0;
 padding: 0;
 font-size: clamp(2rem, 2.25vw, 2.5rem);
 line-height: 1;
 font-weight: 400;
}

.card-cal-next .cal-holder .cal-year {
 display: block;
 margin: 0;
 padding: 0;
 font-size: clamp(2rem, 2.25vw, 2.5rem);
 line-height: 1;
 font-weight: 600;
}

	
		
.mensajes {
 margin: 0;
 padding: 0;
}

.mensajes .card-rooms {
 border-radius: 0;
 height: 100%;
}

.mensajes .card-rooms .list-group-item {
 padding: 1rem 0;
 font-size: 1rem;
}

.mensajes .card-chat {
 border-radius: 0;
 height: 100%;
 background-color: none;
}

.mensajes .card-chat .card-body {
 margin: 0;
 padding: 0;
 background-color: none;
}

.mensajes .card-chat .sender {
 display: block;
 padding: 0.35rem 0 0.85rem 0;
 margin: 0.55rem 0 0 0;
 height: auto;
}

.mensajes .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] .mensajes .card-chat .sender .message {
 border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.mensajes .card-chat .sender .user-box {
 display: block;
 margin: 0 auto;
 padding: 0;
 padding-left: 0.95rem;
 height: 3.6rem;
}

.mensajes .card-chat .sender .nick {
 margin: 0;
 padding: 0;
 color: rgba(var(--bs-body-color-rgb), 0.9);
 font-size: 1rem;
 line-height: 1rem;
}

.mensajes .card-chat .sender .time {
 display: block;
 padding: 0;
 margin: 0;
 padding-left: 0.5rem;
 color: rgba(108, 117, 125, 0.8);
 font-style: italic;
 font-size: 0.85rem;
 line-height: 1rem;
}

.mensajes .card-chat .sender .thumb {
 margin: 0.15rem 0 0 0;
 padding: 0;
 height: 1.250rem;
 width: 1.250rem;
}

.mensajes .card-chat .replay {
 padding: 0.35rem 0 0.85rem 0;
 margin: 0.55rem 0 0 0;
 height: auto;
 text-align: right;
}

.mensajes .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] .mensajes .card-chat .replay .message {
 border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.mensajes .card-chat .replay .user-box {
 display: block;
 margin: 0 auto;
 padding: 0;
 padding-right: 0.95rem;
 height: 3.6rem;
}

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

.mensajes .card-chat .replay .thumb {
 margin: 0.15rem 0 0 0;
 padding: 0;
 height: 1.250rem;
 width: 1.250rem;
}

.mensajes .card-chat .replay .time {
 display: block;
 padding: 0;
 padding-right: 0.5rem;
 margin: 0;
 color: rgba(108, 117, 125, 0.8);
 font-style: italic;
 font-size: 0.85rem;
 line-height: 1rem;
}

.mensajes .card-chat .card-actions {
 width: 100%;
 height: 1.5rem;
 padding: 0.15rem 0.85rem 0.15rem 0.85rem;
 font-size: 0.75rem;
 background-color: var(--bs-card-cap-bg);
 border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

	
		
#Mensajero .accordion-button {
 color: #819455;
 font-size: 1.8rem;
 background: none;
}

.mensajero {
 margin: 0;
 padding: 0;
}

.mensajero .card-rooms {
 border-radius: 0;
 height: 100%;
}

.mensajero .card-rooms .list-group-item {
 padding: 1rem 0;
 font-size: 1rem;
 border-radius: 0;
}

.mensajero .card-rooms .list-group {
 border-radius: 0;
}

.mensajero .card-rooms .list-group-item a {
 margin: 0 auto;
 display: inline-block;
 width: 100%;
 border-radius: 0;
 text-decoration: none;
}

.mensajero .card-rooms .footer-rooms {
 padding: 0;
 margin: 0;
}

.mensajero .card-chat {
 border-radius: 0;
 height: 100%;
 background-color: none;
}

.mensajero .card-chat .card-header {
 border-radius: 0;
 font-size: calc(1rem + 0.390625vw);
}

.mensajero .card-chat .card-header .room-name {
 flex: 1 1 auto !important;
 font-size: calc(0.9rem + 0.390625vw);
}

.mensajero .card-chat .room-name img {
 width: calc(1.875rem + 0.390625vw);
 height: calc(1.875rem + 0.390625vw);
}

.mensajero .card-chat .card-body {
 margin: 0;
 padding: 0;
 background-color: none;
}

.mensajero .card-chat .card-display {
 margin: 0;
 padding: 0.35rem 0.85rem;
 background-color: var(--bs-card-cap-bg);
 text-align: center;
 font-size: calc(0.7rem + 0.390625vw);
}

.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 .open-coll {
 margin: 0;
 padding: 0.35rem 0.5rem;
 display: block;
 width: auto;
 height: auto;
 text-decoration: none;
}

.mensajero .open-coll:hover {
 background-color: var(--bs-card-cap-bg);
}

.mensajero .user-box .btn-trash-msg {
 display: inline-block;
 font-size: 1rem;
 text-decoration: none;
 font-size: 0.85rem;
 line-height: 1rem;
}

.mensajero .card-chat .sender .thumb {
 margin: 0.15rem 0 0 0;
 padding: 0;
 height: 1.250rem;
 width: 1.250rem;
}

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

.mensajero .card-chat .card-actions {
 width: 100%;
 height: 1.5rem;
 padding: 0.15rem 0.85rem 0.15rem 0.85rem;
 font-size: 0.75rem;
 background-color: var(--bs-card-cap-bg);
 border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.user-offline {
 display: inline-block;
 font-size: 1rem;
 color: #6c757d;
 background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%236c757d'/%3E %3C/svg%3E");
 background-repeat: no-repeat;
 background-position: center;
}

.user-online {
 display: inline-block;
 font-size: 1rem;
 color: #146c43;
 background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23146c43'/%3E %3C/svg%3E");
 background-repeat: no-repeat;
 background-position: center;
}

	
		
.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-pricing {
 margin: 2rem 0;
 text-align: center;
}

.table-pricing thead th {
 padding: 0.5rem 0.5rem;
 font-size: calc(1.2rem + 0.20vw);
 font-weight: bold;
}

.table-pricing thead th {
 margin: 0;
 padding: 0;
}

.table-pricing thead .fas {
 display: block;
}

@media (min-width: 992px) {
 .table-pricing thead .fas {
  display: inline-block;
 }
}

.table-pricing thead th a {
 padding: 1rem 0.5rem;
 display: block;
 color: var(--bs-body-color);
 text-decoration: none;
 border: 1px solid var( --bs-border-color-translucent);
}

.table-pricing thead th:nth-child(2),
.table-pricing thead th:nth-child(2) a {
 color: var( --pc-green-color-2);
 border-color: var(--pc-green-bg-1);
 background-color: var(--pc-green-bg-1);
 background-color: rgba(var(--pc-green-bg-1-rgb), 1);
}

.table-pricing thead th:nth-child(3),
.table-pricing thead th:nth-child(3) a {
 color: var( --pc-green-color-1);
 border-color: var(--pc-green-bg-2);
 background-color: var(--pc-green-bg-2);
 background-color: rgba(var(--pc-green-bg-2-rgb), 1);
}

.table-pricing thead th:nth-child(4),
.table-pricing thead th:nth-child(4) a {
 color: var( --pc-green-color-1);
 border-color: var(--pc-green-bg-3);
 background-color: var(--pc-green-bg-3);
 background-color: rgba(var(--pc-green-bg-3-rgb), 1);
}

.table-pricing thead th.green-1,
.table-pricing thead th.green-1 a {
 color: var( --pc-green-color-2);
 border-color: var(--pc-green-bg-1);
 background-color: rgba(var(--pc-green-bg-1-rgb), 1);
}

.table-pricing thead th.green-2,
.table-pricing thead th.green-2 a {
 color: var( --pc-green-color-2);
 border-color: var(--pc-green-bg-2);
 background-color: rgba(var(--pc-green-bg-2-rgb), 1);
}

.table-pricing thead th.green-3,
.table-pricing thead th.green-3 a {
 color: var( --pc-green-color-1);
 border-color: var(--pc-green-bg-3);
 background-color: var(--pc-green-bg-3);
 background-color: rgba(var(--pc-green-bg-3-rgb), 1);
}

.table-pricing thead th.green-4,
.table-pricing thead th.green-4 a {
 color: var( --pc-green-color-1);
 border-color: var(--pc-green-bg-4);
 background-color: rgba(var(--pc-green-bg-4-rgb), 1);
}

.table-pricing .pariente {
 padding: 0;
}

.table-pricing .pariente a {
 padding: 1.5rem 1rem 1.5rem 2.5rem;
 text-align: left;
 font-size: calc(1.1rem + 0.25vw);
 font-weight: bold;
 color: var(--bs-secondary-color);
 text-decoration: none;
}

.table-pricing .pariente a:hover {
 color: rgba(var(--bs-secondary-color-rgb), 0.95);
 text-decoration: none;
}

.table-pricing .seccion {
 padding: 1rem 0.5rem 1rem 1rem;
 text-align: left;
 font-size: calc(1.1rem + 0.15vw);
 font-weight: normal;
 font-style: italic;
}

.table-pricing tbody td {
 color: rgba(var(--bs-success-rgb), 0.9);
 font-size: calc(1rem + 0.25vw);
}

.table-pricing tbody td span {
 display: none;
}

.table-pricing tfoot th:not(.inversion) {
 border-bottom-width: 0;
 border: none;
}

.table-pricing tfoot tr {
 background: none;
}

.table-pricing .table-striped-columns tr,
.table-pricing .table-striped-columns th,
.table-pricing .table-striped-columns td {
 background: none;
}

.table-pricing .inversion {
 padding: 1.5rem 2rem 1.5rem 0.5rem;
 text-align: right;
 font-size: calc(1.2rem + 0.25vw);
 font-weight: bold;
 color: var(--bs-secondary-color);
}

.table-pricing .inversion-num span {
 font-size: calc(1rem + 0.15vw);
 color: var(--bs-secondary-color);
}

.table-pricing .inversion-num .mxn {
 font-size: calc(0.9rem + 0.15vw);
 color: rgba( var(--bs-secondary-color-rgb), 0.5);
}

.pricing-num span {
 font-size: calc(1.5rem + 0.25vw);
 font-weight: 300;
 letter-spacing: normal;
}

.pricing-num .mxn {
 margin: 0;
 padding: 0;
 color: rgba( var(--bs-secondary-color-rgb), 0.5);
 font-size: calc(1rem + 0.25vw);
 font-weight: 300;
 letter-spacing: normal;
}

.table-pricing .solicitar {
 padding: 0;
}

.table-pricing .more-info {
 margin: 0;
 padding: 0.5rem 0;
}

.table-pricing .more-info a {
 display: block;
 text-decoration: none;
}

.table-pricing .btn {
 display: block;
 padding: 1.25rem 1rem;
 border-radius: 0;
}

.table> :not(caption)>*>* {
 padding: 0.5rem 0.5rem;
 color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
 background-color: var(--bs-table-bg);
 border-bottom-width: var(--bs-border-width);
 box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}

.table-before {
 font-size: calc(1.1rem + 0.20vw);
}

.table-before th {
 padding: 1.5rem 1rem;
 font-weight: bold;
}

.table-before td {
 padding: 1.5rem 1rem;
}

.table-before .card {
 background-color: transparent;
}

.price-card {
 padding: 1.5rem 1rem;
 position: relative;
 border-radius: 0.5rem;
 overflow: hidden;
 font-size: calc(1rem + 0.2vw);
 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.price-card:before {
 position: absolute;
 content:"";
 top: 0;
 right: -2.25rem;
 width: 8rem;
 height: 8rem;
 background: #8bba77;
 opacity: 0.2;
 border-radius: 0.5rem;
 transform: rotate(45deg);
}

.price-card:after {
 position: absolute;
 content:"";
 top: 2rem;
 right: -2.25rem;
 width: 8rem;
 height: 8rem;
 background: #8bba77;
 opacity: 0.2;
 border-radius: 0.5rem;
 transform: rotate(45deg);
}

.price-card .card-header {
 padding-top: 1rem;
 padding-bottom: 1rem;
 background-color: transparent;
}

.price-card .card-header .h2 {
 margin-top: 0;
 margin-bottom: 0;
 font-weight: 400;
}

.price-card .card-header span {
 color: var(--bs-secondary-color);
 font-size: calc(1rem + 0.6vw);
}

.price-card .card-title {
 font-size: calc(1.2rem + 0.2vw);
 font-weight: bold;
}

.price-card .pricing-card-title {
 margin-top: 0;
 margin-bottom: 0;
 font-size: calc(1.5rem + 0.25vw);
 font-weight: bold;
 text-align: center;
}

.price-card-sm {
 font-size: calc(1rem + 0.1vw);
}

.price-card-sm .h2 {
 font-size: calc(1.3rem + 0.25vw);
}

.price-card-sm .card-header span {
 font-size: calc(1rem + 0.25vw);
}

@media (min-width: 768px) {
 .price-card-sm .h2 {
  font-size: calc(1.3rem + 0.2vw);
 }
 .price-card-sm .card-header span {
  font-size: calc(1rem + 0.2vw);
 }
}

@media (min-width: 1200px) {
 .price-card-sm .h2 {
  font-size: calc(1.5rem + 0.2vw);
 }
 .price-card-sm .card-header span {
  font-size: calc(1.2rem + 0.2vw);
 }
}

@media (min-width: 1400px) {
 .price-card-sm .h2 {
  font-size: calc(1.6rem + 0.25vw);
 }
 .price-card-sm .card-header span {
  font-size: calc(1.3rem + 0.25vw);
 }
}

.price-styles .page-header span {
 color: var(--bs-secondary-color);
 font-size: calc(1.5rem + 0.6vw);
}

.price-styles .page-sub-header span {
 color: var(--bs-secondary-color);
 font-size: calc(1rem + 0.6vw);
}

.pricing-num {
 margin-top: 0;
 margin-bottom: 0;
 font-size: calc(1.75rem + 0.25vw);
 font-weight: 400;
 text-align: center;
 letter-spacing: 0.1rem;
 line-height: 1.3rem;
}

.pricing-num span {
 color: var(--bs-secondary-color);
 font-size: calc(1.5rem + 0.25vw);
 font-weight: 300;
 letter-spacing: normal;
}

.pricing-num .mxn {
 margin: 0;
 padding: 0;
 color: rgba( var(--bs-secondary-color-rgb), 0.5);
 font-size: calc(1rem + 0.25vw);
 font-weight: 300;
 letter-spacing: normal;
}

@media (min-width: 768px) {}

@media (min-width: 1200px) {
 .pricing-num {
  font-size: calc(1.75rem + 0.25vw);
  font-weight: 400;
  letter-spacing: 0.1rem;
 }
 .pricing-num span {
  font-size: calc(1.35rem + 0.25vw);
  font-weight: 300;
  letter-spacing: normal;
 }
 .pricing-num .mxn {
  font-size: calc(1.2rem + 0.25vw);
  font-weight: 300;
  letter-spacing: normal;
 }
}

section.price-styles {
 position: relative;
}

section.price-styles:before {
 position: absolute;
 content:"";
 top: -0.1rem;
 right: -3rem;
 width: 16rem;
 height: 16rem;
 background: #8bba77;
 opacity: 0.2;
 border-radius: 1rem;
 transform: rotate(45deg);
 pointer-events: none;
}

section.price-styles:after {
 position: absolute;
 content:"";
 top: 4rem;
 right: -3rem;
 width: 16rem;
 height: 16rem;
 background: #8bba77;
 opacity: 0.2;
 border-radius: 1rem;
 transform: rotate(45deg);
 pointer-events: none;
}

@media (min-width: 768px) {
 section.price-styles:before {
  position: absolute;
  content:"";
  top: -0.15rem;
  right: -4rem;
  width: 20rem;
  height: 20rem;
  background: #8bba77;
  opacity: 0.2;
  border-radius: 2rem;
  transform: rotate(45deg);
 }
 section.price-styles:after {
  position: absolute;
  content:"";
  top: 5rem;
  right: -4rem;
  width: 20rem;
  height: 20rem;
  background: #8bba77;
  opacity: 0.2;
  border-radius: 2rem;
  transform: rotate(45deg);
 }
}

@media (min-width: 1200px) {
 section.price-styles:before {
  position: absolute;
  content:"";
  top: -0.15rem;
  right: -5rem;
  width: 28rem;
  height: 28rem;
  background: #8bba77;
  opacity: 0.2;
  border-radius: 2rem;
  transform: rotate(45deg);
 }
 section.price-styles:after {
  position: absolute;
  content:"";
  top: 6rem;
  right: -5rem;
  width: 28rem;
  height: 28rem;
  background: #8bba77;
  opacity: 0.2;
  border-radius: 2rem;
  transform: rotate(45deg);
 }
}

	
		
.dashboard-panel a {
 text-decoration: none;
}

.dashboard-card {
 border-radius: 0;
 border: none;
}

.dashboard-card .card-body {
 font-size: calc(1rem + 0.2vw);
}

.dashboard-card i {
 font-size: calc(3rem + 1vw);
}

.dashboard-card a {
 color: rgb(48, 48, 48);
}

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

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;
}.card-user-simple {
 height: auto;
 width: 100%;
}

.card-user-simple .user-photo {
 width: 110px;
 text-align: center;
 vertical-align: top;
 border: none;
 margin: 0 auto;
}

.card-user-simple .photo-holder {
 width: 110px;
 height: 110px;
 overflow: hidden;
 transform: translate(0%, 0%);border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 border-bottom-right-radius: 50% 50%;
 border-bottom-left-radius: 50% 50%;
}

.card-user-simple .photo {
 display: inline;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 object-fit: cover;
}

.card-user-simple .photo-holder :hover .photo,
.card-user-simple .photo-holder :focus .photo {
 transform: scale(1.2);
 transition: 500ms;
}

.card-user-simple .photo-holder:hover .photo:before,
.card-user-simple .photo-holder:focus .photo:before {
 display: block;
}

.card-pending {
 height: 100%;
 width: 100%;
}

.card-pending .card-title {
 font-size: calc(0.8rem + 0.5vw);
}

.card-pending .card-subtitle {
 font-size: calc(0.6rem + 0.5vw);
}

.card-pending .card-footer {
 text-align: right;
 font-size: calc(0.5rem + 0.5vw);
}

.card-pending .card-footer .fas {
 text-align: right;
 font-size: calc(0.4rem + 0.25vw);
}

	
		
#user-profile-public {
 display: block;
}

.profile-open {
 width: 100vw;
 height: 100vh;
}

#user-profile-public .user-cover {
 display: block;
 position: relative;
 width: 100%;
 height: calc(100%);
 background-color: #d2d2d2;
 overflow: hidden;
}

.profile-open .user-cover {
 height: calc(100vh);
}

#user-profile-public .img-holder {
 position: absolute;
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
 background: no-repeat center center scroll #372E49;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-blend-mode: lighten;
 transition: all .5s;
}

#user-profile-public .user-cover:hover .img-holder,
#user-profile-public .user-cover:focus .img-holder {
 transform: scale(1.2);
}

#user-profile-public .img-holder.selected {
 transform: scale(1.2);
}

#user-profile-public .img-holder::before {
 content:"";
 display: none;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-color: rgba(52, 73, 94, 0.25);
}

#user-profile-public .user-cover:hover .img-holder:before,
#user-profile-public .user-cover:focus .img-holder:before {
 display: block;
}

#user-profile-public .section-profile {
 width: 100%;
 height: 100%;
 display: grid;
 place-items: center;
}

.card-user-public {
 display: block;
 height: 360px;
 width: 100%;
 background: transparent;
 border: none;
}

.card-user-public .card-body {
 margin: 0;
 padding: 0;
 display: block;
 position: absolute;
 clear: both;
 width: 100%;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 background: transparent;
}

.card-user-public .card-body .row {
 margin-left: 0;
 margin-right: 0;
 padding-right: 0;
 padding-left: 0;
 background: transparent;
}

.card-user-public .card-body .row [class*='col-'] {
 padding-right: 0;
 padding-left: 0;
}

.card-user-public .user-photo {
 width: 110px;
 text-align: center;
 vertical-align: top;
 border: none;
 margin: 0 auto;
}

.card-user-public .photo-holder {
 width: 110px;
 height: 110px;
 overflow: hidden;
 transform: translate(0%, 0%);
 border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 border-bottom-right-radius: 50% 50%;
 border-bottom-left-radius: 50% 50%;
 background-color: rgba(25, 25, 36, 0.4);
}

.card-user-public .photo {
 display: inline;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 object-fit: cover;
}

.card-user-public .photo-holder :hover .photo,
.card-user-public .photo-holder :focus .photo {
 transform: scale(1.2);transition-duration: 0500ms;
 -webkit-transition-duration: 0500ms;
}

.card-user-public .photo-holder:hover .photo:before,
.card-user-public .photo-holder:focus .photo:before {
 display: block;
}

.card-user-public p {
 padding: 2px 0;
 margin: 0;
}

.card-user-public .user-nickname-active {
 margin-top: 0;
 margin-bottom: 0rem;
 line-height: 0.8;
}

.card-user-public .user-nickname-active br {
 margin-top: 0;
 margin-bottom: 0rem;
 line-height: 0.8;
}

.card-user-public .user-nickname-active a {
 color: #FFF;
 font-size: 1rem;
 text-align: center;
 text-shadow: 1px 1px #000;
}

.card-user-public .user-nickname-active a small {
 color: #E6E6E6;
 text-shadow: 1px 1px #000;
}

.card-user-public .nick {
 color: #E6E6E6;
 text-shadow: 1px 1px #000;
}

.card-user-public .user-nickname-permaculturista {
 text-decoration: none;
}

.card-user-public .user-nickname-permaculturista span {
 color: rgb(209, 209, 209);
 font-size: 0.6rem;
 text-align: center;
 text-shadow: 1px 1px #000;
}

.card-user-public h1 a {
 color: rgb(209, 209, 209);
 text-shadow: 1px 1px rgba(0, 0, 0, 1);
}

.card-user-public .card-body .list-inline {
 text-align: center;
}

.card-user-public .user-activity-active {
 color: #FFF;
 font-size: 13px;
 font-weight: 300;
}

.card-user-public .user-activity-active div {
 margin: 0;
 padding: 0;
 line-height: 12px;
}

.card-user-public .user-activity-active a {
 color: #FFF;
 text-shadow: 1px 1px rgba(0, 0, 0, 1);
}

.card-user-public .user-activity-active .user-num-posts {
 font-size: 16px;
 font-weight: 500;
}

.user-public-permie {
 background: transparent;
}

#user-profile-public .user-public-permie {
 background: transparent;
}

.section-profile.user-public-permie .card-user-public {
 padding: 0.75rem 0.5rem;
 min-height: auto;background: rgba(215, 215, 215, 0.1);
 border-radius: 0;
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
 backdrop-filter: blur(8px);
 -webkit-backdrop-filter: blur(8px);
 border: 1px solid rgba(255, 255, 255, 0.4);
}

[data-bs-theme=dark] .section-profile.user-public-permie .card-user-public {
 padding: 0.75rem 0.5rem;
 min-height: auto;background: rgba(11, 11, 11, 0.3);
 border-radius: 0;
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
 backdrop-filter: blur(8px);
 -webkit-backdrop-filter: blur(8px);
 border: 1px solid rgba(255, 255, 255, 0.4);
}

.section-profile.user-public-permie .card-user-public .card-body {
 padding: 0.5rem 0.375rem;
 border: none;
 text-shadow: 0 0.01rem 0.01rem rgb(255, 255, 255);
}

.section-profile.user-public-permie .card-user-public .card-body .icons {
 color: rgb(209, 209, 209);
 filter: drop-shadow(0 0 0.01rem rgba(11, 11, 11, 0.5));
}

[data-bs-theme=dark] .section-profile.user-public-permie .card-user-public .card-body .icons {
 color: rgb(209, 209, 209);
 filter: drop-shadow(0 0.01rem 0.01rem rgba(11, 11, 11, 0.9));
 mix-blend-mode: difference;
}

.section-profile.user-public-permie .card-user-public .card-body .text-muted {
 color: #2d3945 !important;
}

[data-bs-theme=dark] .section-profile.user-public-permie .card-user-public .card-body .text-muted {
 color: rgba(240, 247, 255, 0.9) !important;
 text-shadow: 0 0.01rem 0.01rem rgb(0, 0, 0);
}

.btn-follow strong,
.btn-follow i,
.btn-follow span {
 pointer-events: none;
}

.btn-permaculturist {
 color: #E6E6E6;
 background-color: rgba(33, 37, 41, 0.6);
 border: none;
}

.btn-permaculturist:hover {
 color: #FFF;
 background-color: rgba(33, 37, 41, 0.4);
 border: none;
}.card-user {
 height: 360px;
 width: 100%;
 border-radius: 0;
}

.card-user .card-img-holder {
 display: block;
 width: 100%;
 height: calc(100vh);
 background-color: transparent;overflow: hidden;
}

.card-user .card-img {
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
 border-radius: 0;
 background: no-repeat center center scroll #372E49;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-blend-mode: lighten;
 transition-duration: 500ms;
 -webkit-transition-duration: 500ms;
}

.card-user .card-img-holder:hover .card-img,
.card-user .card-img-holder:focus .card-img {
 transform: scale(1.2);
}

.card-img.selected {
 transform: scale(1.2);
}

.card-user .card-img::before {
 content:"";
 display: none;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-color: rgba(52, 73, 94, 0.75);
}

.card-user .card-img-holder:hover .card-img::before,
.card-user .card-img-holder:focus .card-img::before {
 display: block;
}

.card-user .card-body {
 margin: 0;
 padding: 0;
 display: block;
 position: absolute;
 clear: both;
 width: 100%;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 background: none;
}

.card-user .card-body .row {
 margin-left: 0;
 margin-right: 0;
 padding-right: 0;
 padding-left: 0;
}

.card-user .card-body .row [class*='col-'] {
 padding-right: 0;
 padding-left: 0;
}

.card-user .user-photo {
 width: 110px;
 text-align: center;
 vertical-align: top;
 border: none;
 margin: 0 auto;
}

.card-user .photo-holder {
 width: 110px;
 height: 110px;
 overflow: hidden;
 transform: translate(0%, 0%);
 border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 border-bottom-right-radius: 50% 50%;
 border-bottom-left-radius: 50% 50%;
 background-color: rgba(25, 25, 36, 0.4);
}

.card-user .photo {
 display: inline;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 object-fit: cover;
}

.card-user .photo-holder :hover .photo,
.card-user .photo-holder :focus .photo {
 transform: scale(1.2);
 transition: all 0.5s;
}

.card-user .photo-holder:hover .photo:before,
.card-user .photo-holder:focus .photo:before {
 display: block;
}

.card-user p {
 padding: 2px 0;
 margin: 0;
}

.card-user .user-nickname-active {
 margin-top: 0;
 margin-bottom: 0rem;
 line-height: 0.8;
}

.card-user .user-nickname-active br {
 margin-top: 0;
 margin-bottom: 0rem;
 line-height: 0.8;
}

.card-user .user-nickname-active a {
 color: #FFF;
 font-size: 1rem;
 text-align: center;
 text-shadow: 1px 1px #000;
}

.card-user .user-nickname-active a small {
 color: #E6E6E6;
 text-shadow: 1px 1px #000;
}

.card-user .user-nickname-permaculturista {
 text-decoration: none;
}

.card-user .user-nickname-permaculturista span {
 color: rgb(209, 209, 209);
 font-size: 0.6rem;
 text-align: center;
 text-shadow: 1px 1px #000;
}

.card-user .card-body .list-inline {
 text-align: center;
}

.card-user .user-activity-active {
 color: #FFF;
 font-size: 13px;
 font-weight: 300;
}

.card-user .user-activity-active div {
 margin: 0;
 padding: 0;
 line-height: 12px;
}

.card-user .user-activity-active a {
 color: #FFF;
 text-shadow: 1px 1px rgba(0, 0, 0, 1);
}

.card-user .user-activity-active .user-num-posts {
 font-size: 16px;
 font-weight: 500;
}#user-header {
 position: relative;
 display: block;
 padding: 0;
 margin: 0 auto;
 width: 100%;
 height: auto;
 margin-bottom: 42px;
}

#user-header.header-close {
 margin-bottom: 22px !important;
}

#user-header .cover-holder {
 display: block;
 position: relative;
 padding: 0;
 margin: 0 auto;
 width: 100%;
 height: auto;
 overflow: hidden;
}

#user-header .user-cover {
 width: 100%;
 height: calc(42vh);
}

#user-header .user-cover-modal {
 width: 100%;
 height: calc(32vh);
 transition-duration: 1.3s;
 -webkit-transition-duration: 1.3s;
}

#user-header .user-cover-close {
 width: 100%;
 height: calc(18vh);
 transition-duration: 1.3s;
 -webkit-transition-duration: 1.3s;
}

#user-header .fill {
 top: 0;
 height: 100%;
 width: 100%;
 background: no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;background-blend-mode: lighten;
 -webkit-background-attachment: scroll;
 -moz-background-attachment: scroll;
 -o-background-attachment: scroll;
 background-attachment: scroll;
}

#user-header .fill {
 transition: scale;
 -webkit-transition: ease-in-out;
 transition: ease-in-out;
 transition-duration: 900ms;
 -webkit-transition-duration: 900ms;
}

#user-header .fill::before {
 content:"";
 display: none;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-color: rgba(52, 73, 94, 0.25);
}

#user-header .cover-holder:hover .fill,
#user-header .cover-holder:focus .fill {
 transform: scale(1.2);
}@media (min-width: 768px) {
 #user-header {
  margin-bottom: 3.750rem;
 }
 #user-header .user-cover {
  height: calc(44vh);
 }
}

@media (min-width: 992px) {
 #user-header {
  margin-bottom: 4.375rem;
 }
 #user-header .user-cover {
  height: calc(52vh);
 }
}

@media (min-width: 1200px) {
 #user-header {
  margin-bottom: 4.375rem;
 }
 #user-header .user-cover {
  height: calc(54vh);
 }
}

@media (min-width: 1400px) {
 #user-header {
  margin-bottom: 4.375rem;
 }
 #user-header .user-cover {
  height: calc(56vh);
 }
}

#user-header .user-photo {
 position: absolute;
 display: grid;
 place-items: center;
 padding: 0;
 margin: 0px auto;
 width: 100%;
 height: auto;
 transform: translate(0, -66%);
}

#user-header .user-photo {
 pointer-events: none;
}

#user-header .photo {
 pointer-events: auto;
}

#user-header .photo-holder {
 position: relative;
 margin: 0;
 padding: 0;
 top: 0;
 width: 140px;
 height: 140px;
 transform: translate(0, 0);
 overflow: hidden;
 border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 border-bottom-right-radius: 50% 50%;
 border-bottom-left-radius: 50% 50%;
 transition-duration: 800ms;
 -webkit-transition-duration: 800ms;
 background-color: rgba(25, 25, 36, 0.4);
}

#user-header .photo {
 display: inline;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 object-fit: cover;
 -webkit-transition: ease-in-out;
 transition: ease-in-out;
 transition-duration: 600ms;
 -webkit-transition-duration: 600ms;
}#user-header .photo-holder :hover .photo,
#user-header .photo-holder :focus .photo {
 transform: scale(1.2);
}

#user-header .photo-holder:hover .photo:before,
#user-header .photo-holder:focus .photo:before {
 display: block;
}

#user-header .user-photo-close {
 transform: translate(0, -76%);
}

#user-header .user-photo-close .photo-holder {
 width: 100px;
 height: 100px;
}

@media (min-width: 768px) {
 #user-header .photo-holder {
  width: 180px;
  height: 180px;
 }
 #user-header .user-photo-close .photo-holder {
  width: 100px;
  height: 100px;
 }
}

@media (min-width: 992px) {
 #user-header .photo-holder {
  width: 190px;
  height: 190px;
 }
}

@media (min-width: 1200px) {
 #user-header .photo-holder {
  width: 210px;
  height: 210px;
 }
}

@media (min-width: 1400px) {
 #user-header .photo-holder {
  width: 220px;
  height: 220px;
 }
 #user-header .user-photo-close .photo-holder {
  width: 180px;
  height: 180px;
 }
}

#user-name {
 margin: 0;
 padding: 0;
 top: -60;
 left: 0;
 width: 100%;
 height: auto;
 transition: padding 0.6s ease-in-out, background 0.6s, top 0.6s;
}

#user-name .page-header {
 border: none !important;
}

#user-name h1,
#user-name h2 {
 margin: 0;
 padding: 0;
 text-align: center;
 transition-duration: 0.8s;
 -webkit-transition-duration: 0.8s;
}

.sticky-offset {
 top: 60px !important;
}

#user-actions {
 top: 0;
 padding: 2px 0;
 width: 100%;
 height: auto;
}

#user-header.haffix .user-cover {
 height: 50vh;
}

#user-header.haffix .photo-holder {
 top: -75px;
 width: 100px;
 height: 100px;
 opacity: 0;
}

#user-name.affix {
 top: 0;
 left: 0;
 padding-top: 0.375rem;
 position: fixed;
 background-color: var(--top-affix-bg);z-index: 990;
}

#user-header.affix .user-cover {
 height: 16vh;
}

#user-header.affix .photo-holder {
 top: -300px;
 width: 60px;
 height: 60px;
}

#user-name.affix h1 {
 font-size: 1.8rem;
 text-align: left;
}

#user-name.affix h2 {
 font-size: 1.2rem;
 text-align: left;
}

#user-name.affix .page-header {
 margin: 0;
 padding: 0;
}

#user-profile {
 margin: 0;
 padding: 0 0 2rem 0;
}

#user-profile .user-activity {
 margin: 0;
 margin-bottom: 8px;
 padding: 4px 0;
 font-size: 1rem;
 font-weight: 300;
}

#user-profile .user-activity .list-inline-item {
 margin: 0;
 margin-bottom: 18px;
}

#user-profile .user-activity span {
 margin: 0;
 padding: 0.15rem 0.75rem;
 line-height: 9px;
}

#user-profile .user-activity .user-num-posts {
 font-size: 1.35rem;
 font-weight: 500;
}

.user-edit-bg #user-name a,
.user-edit-bg .btn-toolbar,
.user-edit-bg .btn-toolbar .dropdown-menu,
.user-edit-bg .user-activity,
.user-edit-bg .user-activity .user-num-posts,
.user-edit-bg .user-details {
 mix-blend-mode: difference;
}

.user-edit-bg .btn-toolbar,
.user-edit-bg .btn-toolbar .dropdown-menu {
 mix-blend-mode: normal;
 mix-blend-mode: unset;
}

.user-details .card {
 background: transparent;
}#crop-photo .archivo-upload-holder {
 display: none;
}

#crop-photo .center-photo {
 width: 100%;
 height: 100%;
 display: grid;
 place-items: center;
}

#crop-photo .photo-holder {
 display: block;
 margin: 0;
 padding: 0;
 width: 50vw;
 height: 50vw;
 overflow: hidden;
 background: rgba(25, 25, 36, 0.4);
 transform: translate(0%, 0%);
 border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 border-bottom-right-radius: 50% 50%;
 border-bottom-left-radius: 50% 50%;
}

#crop-photo .photo {
 display: inline;
 width: 100%;
 height: 100%;
 object-fit: contain;
 background: rgba(25, 25, 36, 0.8);
}

@media (min-width: 576px) {
 #crop-photo .photo-holder {
  width: 40vw;
  height: 40vw;
 }
}

@media (min-width: 768px) {
 #crop-photo .photo-holder {
  width: 30vw;
  height: 30vw;
 }
}

@media (min-width: 992px) {
 #crop-photo .photo-holder {
  width: 20vw;
  height: 20vw;
 }
}

#crop-cover .file-uploader {
 display: none;
}

#coverModal .modal-content {
 padding: 0;
 margin: 0;
 border-radius: 0;
}

#coverModal .modal-body {
 padding: 1px 1px;
 margin: 0;
}

#coverModal .modal-footer {
 padding: 1px 1px;
 margin: 0;
}

#coverModal .container-fluid {
 padding: 1px 1px;
 margin: 0;
}

#coverModal .img-holder {
 width: 100%;
 height: auto;
}

#coverModal .img-holder img {
 width: 100%;
 height: auto;
}

.admin-user-data .user-photo {
 width: 110px;
 text-align: center;
 vertical-align: top;
 border: none;
 margin: 0 auto;
}

.admin-user-data .user-cover {
 width: 220px;
 text-align: center;
 vertical-align: top;
 border: none;
 margin: 0 auto;
}

.noti-item {
 background-color: rgba(var(--pc-light-bg-subtle-rgb), 0.2);
}

.noti-item.new {
 background-color: rgba(var(--pc-primary-bg-subtle-rgb), 0.05);
}

#user-header .fill-off {
 width: 120%;
 height: 120%;
 transform: scale(1.2);
 -webkit-animation: zoomEffect 35s infinite;
 animation: zoomEffect 35s infinite;
 -webkit-animation-timing-function: linear;
 animation-timing-function: linear;
 -webkit-animation-direction: alternate;
 animation-direction: alternate;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}

.perfil-svg {
 margin: 0 auto;
 z-index: 2;
 width: 50%;
 height: auto;
 object-fit: contain;
}

.perfil-svg svg path {
 opacity: 1;
 transform-box: fill-box;
}

	
		
.card-newsfeed {
 height: auto;
 border-radius: 0;
}

.card-newsfeed .card-directory-item {
 border-radius: 0;
}

.card-newsfeed .card-header {
 margin: 0;
 padding: 0.75rem 0.5rem 0.5rem 0.5rem;
 font-size: calc(1rem + 0.25vw);
}

.card-header .link {
 margin-left: 0rem;
 margin-right: 0.25rem;
}

.card-header .link a {
 padding-bottom: 0.25rem;
 font-size: calc(1rem + 0.1vw);
 font-size: 0.875em;
}

.card-newsfeed .card-header .user-a {
 margin-left: 0.25rem;
 margin-right: 0.25rem;
 display: inline-block;
 width: auto;
 height: auto;
 text-decoration: none;
}

.card-newsfeed .user-photo-nf {
 margin: 0;
 padding: 0;
 display: inline-block;
 border: none;
}

.card-newsfeed .user-photo-nf .photo-holder {
 margin: 0;
 padding: 0;
 width: 3rem;
 height: 3rem;
 overflow: hidden;
 transform: translate(0%, 0%);
 border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 border-bottom-right-radius: 50% 50%;
 border-bottom-left-radius: 50% 50%;
}

.card-newsfeed .user-photo-nf .photo-holder .photo {
 margin: 0;
 padding: 0;
 display: inline;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 object-fit: cover;
}

.card-newsfeed .card-body {
 margin: 0;
 padding: 0;
}

.card-newsfeed .card-body .user-photo-nf {
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 2rem;
}

.card-newsfeed .card-body .user-photo-nf .photo-holder {
 display: block;
 margin: 0 auto;
 padding: 0;
 width: 8rem;
 height: 8rem;
}

.card-newsfeed .comments {
 font-size: calc(1rem + 0.1vw);
 border-radius: 0;
}

.card-newsfeed .comments .time {
 text-align: right;
 color: rgba(108, 117, 125, 0.8);
 font-style: italic;
 font-size: 0.85rem;
}

.card-newsfeed .comments .time {
 border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

[data-bs-theme=dark] .card-newsfeed .comments .time {
 border-bottom: 0.063rem solid rgba(255, 255, 255, 0.1);
}

.card-newsfeed .comments .user-a {
 display: inline-block;
 width: auto;
 height: auto;
 text-decoration: none;
}

.card-newsfeed .comments .user-photo {
 margin: 0;
 padding: 0;
 width: auto;
 height: auto;
 display: inline-block;
 border: none;
}

.card-newsfeed .comments .user-photo .photo-holder {
 margin: 0;
 padding: 0;
}

.card-newsfeed .comments .user-photo .photo-holder .thumb {
 margin: 0;
 padding: 0;
 width: 1.8rem;
 height: 1.8rem;
}

.card-newsfeed .dropdown-menu li span {
 padding: 0.75rem 0.375rem;
}

.newsfeed-user {
 margin: 0 auto;
 padding: 4rem 0;
}

.newsfeed-user .card {
 border: 0.063rem solid rgba(0, 0, 0, 0.175);
}

[data-bs-theme=dark] .newsfeed-user .card-dd {
 border: 0.063rem solid rgba(255, 255, 255, 0.15);
}

.newsfeed-user .card-newsfeed {
 background: transparent;
}

.newsfeed-user .list-group-item {
 background: transparent;
 border: none;
}

.newsfeed-user .card-newsfeed .form-control {
 background: transparent;
}

.newsfeed-user .card-newsfeed .comments .time {
 mix-blend-mode: difference;
}

[data-bs-theme=dark] .newsfeed-user .card-newsfeed .comments .time {
 mix-blend-mode: difference;
}

.newsfeed-user .card-newsfeed .user-photo-cover,
.newsfeed-user .card-newsfeed .user-photo-cover .photo-holder {
 margin: 0;
 padding: 0;
 display: inline-block;
 border: none;
}

.newsfeed-user .text-bg-heart,
.newsfeed-user .card-header .link,
.newsfeed-user .card-header .link a {
 mix-blend-mode: difference;
}

.newsfeed-user .dropdown-menu {
 background-color: rgba(var(--pc-primary-bg-subtle-rgb), 0.5);
}

.newsfeed-user .pagination {
 background: transparent;
}

.newsfeed-user .pagination .page-link {
 background: transparent;
}

.card-newsfeed .dropstart .dropdown-toggle::before {
 content: none;
}

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

	
		
#curtains-wrapper {
 position: fixed;
 margin: auto;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 width: 100vw;
 height: 100vh;
 display: grid;
 place-items: center;
 background-color: transparent;
 z-index: 9000;
 overflow: hidden;
 transition: opacity 0.75s, visibility 0.75s;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}

.curtains-section {
 position: fixed;
 top: 0;
 width: 51%;
 height: 100%;
 background-color: #261f10;
 z-index: 9005;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}

#curtains-wrapper .curtains-section.section-left {
 left: 0px;
}

#curtains-wrapper .curtains-section.section-right {
 right: 0px;
}

.loaded #curtains-wrapper .curtains-section.section-left {
 -webkit-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 transform: translateX(-100%);
 -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #curtains-wrapper .curtains-section.section-right {
 -webkit-transform: translateX(100%);
 -ms-transform: translateX(100%);
 transform: translateX(100%);
 -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

#welcome-words {
 width: 100vw;
 position: relative;
 display: grid;
 place-items: center;
 font-family: Georgia, serif;
 font-style: italic;
 letter-spacing: -.05em;
 font-size: calc(6.9vw + 2rem);
 line-height: 1em;
 text-align: center;
 z-index: 9010;
}

#welcome-words span {
 position: absolute;
 text-align: center;
 color: whitesmoke;
 opacity: 0;
 -moz-transition: opacity 0.7s ease-out;
 -o-transition: opacity 0.7s ease-out;
 -webkit-transition: opacity 0.7s ease-out;
 transition: opacity 0.7s ease-out;
}

#welcome-words span.show {
 -webkit-animation: welcomefade 0.8s ease-out;
 animation: welcomefade 0.8s ease-out;
}

#welcome-words span.out {
 opacity: 0;
}

@keyframes welcomefade {
 0% {
  opacity: 0;
 }
 50% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}

	
		
.sections-holder img,
.sections-holder svg {
 user-select: none;
 -moz-user-select: none;
 -webkit-user-drag: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 pointer-events: none;
}

.sun-color {
 --sun-1-rgb: 255, 219, 65;
 --sun-2-rgb: 255, 182, 60;
 --sun-3-rgb: 255, 166, 56;
 --sun-4-rgb: 255, 150, 60;
 --sun-5-rgb: 255, 130, 60;
 --sun-6-rgb: 255, 109, 60;
 --red-1-rgb: 227, 65, 60;
 --red-2-rgb: 203, 56, 56;
 color: #e3413c;
}

.cafe {
 background-color: #261f10;
}

.color-azul {
 background-color: #1e90ff;
 color: rgba(30, 143, 255, 1);
}

.color-verde {
 background-color: #9acd32;
 color: rgba(153, 205, 50, 1);
}

.color-amarillo {
 background-color: #ffff00;
 color: rgba(255, 255, 0, 1);
}

.color-panel {
 background-color: #132827;
 color: rgba(19, 40, 39, 1);
}

.morado {
 background-color: #22213d;
}

.rojo {
 fill: #e23e57;
}

.verde {
 fill: #24babc;
}

.gris {
 background-color: #020505;
}

.bg-morado {
 background-image: linear-gradient(to right top, #22213d, #2c2b4d, #37365e, #424170, #4e4c82);
}

.bg-morado-cafe {
 background-image: linear-gradient(to top, #22213d, #341b2e, #36191e, #301c13, #261f10);
}

.sections-holder {
 font-family:'avenir-next-medium';
 color: #fff;
 position: relative;overflow: hidden;
}

.sections-hg {
 position: relative;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 display: grid;
 place-items: center;
 text-align: center;
}

.sections-hg .holder {
 position: relative;
 width: 100%;
 height: 100%;
 margin: auto;
 display: grid;
 place-items: center;
}

.sections-ahg {
 width: 100%;
 height: 100%;
 margin: auto;
}

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

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

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

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

@media (min-width: 576px) {
 .shg-25 {
  height: 25vh;
 }
}

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

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

@media (min-width: 576px) {
 .shg-50 {
  height: 50vh;
 }
}

.shg-502 {
 height: 50vh;
}

.shg-50-25 {
 min-height: 50vh;
}

@media (min-width: 576px) {
 .shg-50-25 {
  height: 25vh;
 }
}

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

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

.shg-110 {
 min-height: 110vh;
}

.shg-125 {
 min-height: 125vh;
}

.shg-150 {
 min-height: 150vh;
}

.shg-200 {
 min-height: 200vh;
}

.shg-1000 {
 min-height: 1000px;
}

.shg-2000 {
 min-height: 2000px;
}

.shg-auto {
 width: 100%;
 height: auto;
}

.sections-hg .holder {
 scroll-snap-align: start;
}

.div-fixed-scrolldown {
 position: fixed;
 z-index: 20 !important;
}

.section-scroll {
 scroll-snap-align: start;}.letters-top {
 width: 100%;
 height: auto;
 top: -20%;
}

.letters-conv {
 text-align: center;
 font-family:'Conv_coopbl', Georgia, serif;
}

.font-6 {
 font-size: min(9vw, 3rem);
 line-height: 1;
}

.font-9 {
 font-size: min(10vw, 5rem);
 line-height: 1;
}.holder-img {
 display: grid;
 justify-items: center;
 align-items: center;
}

.holder-img img {
 width: 100%;
 height: 100%;
 margin: auto;
 grid-area: 1/1;
}

.holder-rel {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 60;
}

.holder-rel-img {
 position: relative;
 width: 100%;
 height: 100%;
 margin: auto;
 display: grid;
 place-items: center;
 z-index: 65;
}

.holder-abs-img {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: auto;
 display: grid;
 place-items: center;
}

.holdAbsSvg {
 width: 100%;
 height: 100%;
 left: 0%;
 top: 0px;
 position: absolute;
 opacity: 1;
 transition: transform 500ms, opacity 500ms;
 z-index: 59;
}

.holdRelSvg {
 width: 100%;
 height: 100%;
 left: 0%;
 top: 0px;
 position: relative;
 opacity: 1;
 transition: transform 500ms, opacity 500ms;
}

.holdRelSvg50 {
 left: 0%;
 top: 0px;
 position: relative;
 opacity: 1;
 transition: transform 500ms, opacity 500ms;
}

.holdsvg {
 width: 100%;
 height: 100%;
 left: 0%;
 top: 0px;
 position: fixed;
 opacity: 1;
 transition: transform 500ms, opacity 500ms;
 z-index: 59;
}.div-flor-absolute {
 position: absolute;
 display: flex;
 justify-content: center;
 align-items: center;
 margin: auto;
 width: 200%;
 height: 200%;
 top: 25%;
 left: -50%;
 text-align: center;
}

@media (min-width: 576px) {
 .div-flor-absolute {
  width: 100%;
  height: 100%;
  top: 0%;
  left: -25%;
 }
}

.div-flor-fixed {
 position: fixed;
 display: flex;
 justify-content: center;
 align-items: center;
 margin: auto;
 width: calc(125%);
 height: calc(125%);
 top: 30%;
 left: -10%;
 opacity: 0.8;text-align: center;
}

@media (min-width: 576px) {
 .div-flor-fixed {
  width: calc(90%);
  height: calc(90%);
  top: 0%;
  left: 7%;
 }
}

.la-flor-de-la-permacultura {
 position: absolute;
 top: 0%;
 left: 0%;
 text-align: center;
 margin: auto;
 width: 100%;
 height: auto;
 object-fit: cover;
 object-position: center;
 vertical-align: middle;
 opacity: 0;transition: transform 900ms, rotate 800ms, opacity 1200ms;
 z-index: 1;
}

.la-flor-de-la-permacultura {
 filter: opacity(0.7) brightness(150%);
}

.flecha-permacultura {
 position: absolute;
 top: 0;
 left: 28%;
 text-align: center;
 margin: auto;
 width: 68%;
 height: auto;
 object-fit: cover;
 object-position: center;
 vertical-align: middle;
 opacity: 1;z-index: 1;
}

.holder-rel-flecha {
 position: relative;
 width: 100%;
 height: 100%;
 margin: auto;
 display: grid;
 place-items: center;
 z-index: 40;
}

.rotated {
 animation: rota;
 animation-duration: 900ms;
 animation-iteration-count: 1;
 transition: opacity 1200ms;
}

.la-flor-de-la-permacultura-bottom {
 position: absolute;
 top: 10%;
 left: -2px;
 text-align: center;
 margin: auto;
 width: 100%;
 height: auto;
 object-fit: cover;
 object-position: top;
 vertical-align: middle;
 filter: opacity(0.5) brightness(150%);
 z-index: 1;
}

.scrolldown {
 position: absolute;
 width: 100%;
 left: 0;
 top: 68vh;
 color: #E95D01;
 font-weight: 500;
 font-size: min(8vw, 2rem);
 text-shadow: 0.05rem 0.05rem 0 #000;
 z-index: 50;
}

.letter-a {
 color: #76508E;
 text-shadow: 0.2rem 0.2rem 0 #482D57;
 z-index: 550;
}

.mouse {
 position: relative;
 width: calc(28px * 2);
 height: calc(44px * 2);
 margin: 0;
 left: -25px;
 top: 25px;
 background: none;
 border: 0px solid #E95D01;
 border-radius: calc(16px * 2);
 z-index: 1;
 filter: drop-shadow(0 0 0.01rem rgb(10, 9, 10));
}

@media (min-width: 768px) {
 .mouse {
  width: calc(28px * 4);
  height: calc(44px * 4);
  margin: 0;
  background: none;
  border: 0px solid #E95D01;
  border-radius: calc(16px * 4);
 }
}

.mouse:after {
 display: block;
 content:"";
 position: absolute;
 top: 20px;
 left: 0%;
 width: calc(5px * 2);
 height: calc(5px * 2);
 background: none;
 border: 2px solid #E95D01;
 border-radius: 100%;
 -webkit-animation-name: scrollWheel;
 animation-name: scrollWheel;
 -webkit-animation-duration: 1.4s;
 animation-duration: 1.4s;
 -webkit-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 -webkit-animation-timing-function: ease;
 animation-timing-function: ease;
 will-change: transform;
}

@media (min-width: 768px) {
 .mouse:after {
  position: absolute;
  top: 35px;
  left: 0%;
  width: calc(5px * 4);
  height: calc(5px * 4);
 }
}.letter-a-1,
.letter-a-2,
.letter-a-3,
.letter-a-4 {
 font-size: min(11vw, 5rem);
 -webkit-text-stroke-color: #000;
 -webkit-text-stroke-width: 1px;
 color: #FFC745;
 text-shadow: 0.2rem 0.2rem 0 #EC8403, 0.3rem 0.3rem 0 #CA029E, 0.4rem 0.4rem 0 #E52D05, 0.5rem 0.5rem 0 #007DB2;
 word-break: break-all;
}

.lts-cosecha-1 {
 font-size: min(11vw, 4rem);
 -webkit-text-stroke-color: #000;
 -webkit-text-stroke-width: 1px;
 color: #d9e3ff;
 text-shadow: 0.2rem 0.2rem 0 #CA029E, 0.3rem 0.3rem 0 #00b1ff;
 word-break: break-all;
}.letter-a-1 {
 margin-top: 3.2rem;
 font-size: min(14vw, 5rem);
 line-height: 1.6;
 left: -8%;
 display: block;
}

.letter-a-2 {
 font-size: min(12vw, 5rem);
 line-height: 1.2;
 left: -12%;
 display: block;
}

.letter-a-3 {
 font-size: min(14vw, 5rem);
 line-height: 1.1;
 left: 3%;
 display: block;
}

.letter-a-4 {
 font-size: min(12vw, 6rem);
 line-height: 1.4;
 display: block;
}

@media (min-width: 576px) {
 .letter-a-3 {
  display: inline-block;
 }
}

.letter-b {
 color: #76508E;
 text-shadow: 0.2rem 0.2rem 0 #482D57;
 z-index: 50;
}

.letter-b-up {
 font-size: min(10vw, 4rem);
 padding-bottom: 3rem;
 z-index: 50;
 opacity: 0;
}

.letter-b-down {
 font-size: min(10vw, 4rem);
 padding-top: 3rem;
 z-index: 50;
 opacity: 0;
}

.letter-c {
 z-index: 50;
}

.letter-c-up {
 font-size: min(10vw, 4rem);
 padding-bottom: 3rem;
 z-index: 50;
}

.letter-c-down {
 font-size: min(10vw, 4rem);
 padding-top: 3rem;
 z-index: 50;
}

.letter-d {
 z-index: 50;
}

.letter-d-up {
 font-size: min(10vw, 4rem);
 padding-bottom: 3rem;
 z-index: 50;
}

.letter-d-down {
 font-size: min(10vw, 4rem);
 padding-top: 3rem;
 z-index: 50;
}

.letter-e {
 z-index: 50;
}.letter-e-1 {
 padding-right: 1rem;
 right: 61%;
 font-size: min(10vw, 4rem);
 z-index: 50;
}

.letter-e-2 {
 left: 39%;
 padding-left: 1rem;
 font-size: min(10vw, 4rem);
 z-index: 50;
}

.letter-f {
 font-size: min(12vw, 6rem);
}

.letter-f-1,
.letter-f-2 {
 font-size: min(10vw, 4rem);
 z-index: 50;
}

.letter-f-up {
 font-size: min(10vw, 4rem);
 padding-bottom: 3rem;
 z-index: 50;
}

.letter-f-down {
 font-size: min(10vw, 4rem);
 padding-top: 3rem;
 z-index: 50;
}

.letter-g {
 font-size: min(12vw, 6rem);
 z-index: 50;
}

.letter-g-up {
 padding-top: 3rem;
 width: 100%;
 top: 0;
 left: 0%;
 font-size: min(10vw, 4rem);
 z-index: 50;
}

.letter-g-down {
 width: 100%;
 padding-bottom: 3rem;
 bottom: 0;
 left: 0%;
 font-size: min(10vw, 4rem);
 z-index: 50;
}

.letter-h {
 font-size: min(10vw, 4rem);
 z-index: 50;
}

.letter-h-down {
 width: 100%;
 padding-top: 3rem;
 top: 25vh;
 font-size: min(10vw, 4rem);
 z-index: 50;
}

.letter-h-up {
 width: 100%;
 padding-bottom: 3rem;
 top: 25vh;
 font-size: min(10vw, 4rem);
 z-index: 50;
}

.letter-i {
 font-size: min(10vw, 5rem);
 z-index: 50;
}

.letter-i-up {
 width: 100%;
 padding-bottom: 3rem;
 top: 25vh;
 font-size: min(10vw, 4rem);
 z-index: 50;
}

.letter-i-down {
 width: 100%;
 padding-top: 3rem;
 top: 25vh;
 font-size: min(10vw, 4rem);
 z-index: 50;
}

.letter-j {
 font-size: min(10vw, 4rem);
 z-index: 50;
}

.letter-j-up {
 width: 100%;
 padding-bottom: 3rem;
 top: 25vh;
 font-size: min(9vw, 4rem);
 z-index: 50;
}

.letter-j-down {
 width: 100%;
 padding-top: 3rem;
 top: 25vh;
 font-size: min(9vw, 4rem);
 z-index: 50;
}

.letter-k {
 text-align: center;
 font-size: min(10vw, 5rem);
 line-height: 1;
 z-index: 50;
}

.letter-k-up {
 top: -8%;
 font-size: min(9vw, 4rem);
 padding-bottom: 3rem;
 z-index: 50;
}

.letter-k-down {
 top: -4%;
 font-size: min(9vw, 4rem);
 padding-top: 3rem;
 padding-bottom: 3rem;
 line-height: 1;
 z-index: 50;
}

.letter-k-2-down {
 top: 0;
 font-size: min(9vw, 4rem);
 padding-top: 3rem;
 padding-bottom: 0.5rem;
 line-height: 1;
 z-index: 50;
}

.letter-l {
 bottom: -8%;
 font-size: min(9vw, 4rem);
 z-index: 68;
}

.letter-l-up {
 top: 0;
 font-size: min(9vw, 4rem);
 padding-bottom: 3rem;
 z-index: 68;
}

.letter-l-down {
 top: 0;
 font-size: min(9vw, 3.8rem);
 padding-top: 3rem;
 padding-bottom: 0.5rem;
 z-index: 68;
}

.letter-mask {
 text-align: center;
 font-size: min(10vw, 5rem);
 line-height: 1;
 z-index: 50;
 color: rgba(255, 255, 255, 0);
 -webkit-text-stroke-width: 1px;
 -webkit-text-stroke-color: white;
 animation: fadeIn .25s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s forwards;
}

.letter-mask-up {
 font-size: min(9vw, 4rem);
 padding-bottom: 3rem;
 z-index: 50;
}

.letter-mask-down {
 font-size: min(9vw, 3.8rem);
 padding-top: 3rem;
 padding-bottom: 0.5rem;
 z-index: 50;
}

.design {
 position: relative;
 display: block;
 text-align: center;
 font-size: min(9vw, 11vw);
 font-family:'Conv_coopbl', Georgia, serif;
 line-height: 1em;-webkit-text-stroke-color: #000;
 -webkit-text-stroke-width: 1px;
 color: #FFC745;
 text-shadow: 0.1rem 0.1rem 0 #EC8403, 0.2rem 0.2rem 0 #CA029E, 0.3rem 0.3rem 0 #E52D05, 0.4rem 0.4rem 0 #007DB2;
 word-break: break-all;
}

.permaculture {
 position: relative;
 display: block;
 text-align: center;
 font-size: min(9vw, 13vw);
 font-family:'Conv_coopbl', Georgia, serif;
 line-height: 1em;-webkit-text-stroke-color: #000;
 -webkit-text-stroke-width: 1px;
 color: #FFC745;
 text-shadow: 0.1rem 0.1rem 0 #EC8403, 0.2rem 0.2rem 0 #CA029E, 0.3rem 0.3rem 0 #E52D05, 0.4rem 0.4rem 0 #007DB2;
 word-break: break-all;
}

.text-box-permaculture {
 z-index: 68 !important;
}#casasvg {
 z-index: 60;
 -webkit-transition: fill 1200ms, background-color 900ms;
 transition: fill 1200ms, background-color 900ms;
}

.colorg {
 -webkit-transition: fill 900ms, background-color 800ms, opacity 600ms;
 transition: fill 900ms, background-color 800ms, opacity 600ms;
}

.casa {
 z-index: 60 !important;
}.stripes {
 margin: auto;
 position: relative;
 height: 150vh;
 overflow: hidden;z-index: 66;
}

.stripe {
 top: 22vh;
 width: 100%;
 min-height: 700px;
 position: absolute;
}

@media (min-width: 414px) {
 .stripe {
  top: 32vh;
  min-height: 820px;
 }
}

@media (min-width: 576px) {
 .stripe {
  top: 28vh;
  min-height: 1200px;
 }
}

#sevenStripe {
 background-image: url(../../../images/presentaciones/permacultura/zag_7.svg);
 background-size: 122px;
 background-repeat: repeat-x;
 background-position: center bottom;
}

#sixStripe {
 background-image: url(../../../images/presentaciones/permacultura/zag_6.svg);
 background-size: 122px;
 background-repeat: repeat-x;
 background-position: center bottom;
}

#fiveStripe {
 background-image: url(../../../images/presentaciones/permacultura/zag_5.svg);
 background-size: 122px;
 background-repeat: repeat-x;
 background-position: center bottom;
}

#fourStripe {
 background-image: url(../../../images/presentaciones/permacultura/zag_4.svg);
 background-size: 122px;
 background-repeat: repeat-x;
 background-position: center bottom;
}

#threeStripe {
 background-image: url(../../../images/presentaciones/permacultura/zag_3.svg);
 background-size: 122px;
 background-repeat: repeat-x;
 background-position: center bottom;
}

#twoStripe {
 background-image: url(../../../images/presentaciones/permacultura/zag_2.svg);
 background-size: 122px;
 background-repeat: repeat-x;
 background-position: center bottom;
}

#oneStripe {
 background-image: url(../../../images/presentaciones/permacultura/zag_1.svg);
 background-size: 122px;
 background-repeat: repeat-x;
 background-position: center bottom;
 overflow: hidden;
}

#oneStripe2 {
 width: 100vw;
 height: 100vh;
 padding: 1rem;
 background-image: url('../../../images/pdc-general/presentacion/claire-gregorys-serie-16.jpg');
 background-size: contain;
 background-position: center;
 background-repeat: no-repeat;
 mask-image: url(../../../images/presentaciones/permacultura/zag_1.svg);
 mask-size: 100vmin;
 mask-repeat: repeat-x;
 mask-position: center bottom;
}

@media (min-width: 576px) {
 #sevenStripe {
  background-size: 194px;
 }
 #sixStripe {
  background-size: 194px;
 }
 #fiveStripe {
  background-size: 194px;
 }
 #fourStripe {
  background-size: 194px;
 }
 #threeStripe {
  background-size: 194px;
 }
 #twoStripe {
  background-size: 194px;
 }
 #oneStripe {
  background-size: 194px;
 }
}.cosecha-agua {
 top: 30vh;
 position: absolute;
 font-size: min(11vw, 4.8rem);
 color: #c5d2ff;
 text-shadow: 2px 2px 0px rgba(33, 33, 33, 0.8);
 z-index: 40;
}

.produccion-alimentos {
 color: #c5d2ff;
 z-index: 42;
 font-size: min(8vw, 13vw);
 line-height: 1.2em;
}

.bg-sol {
 transition: background-color 1200ms, opacity 900ms;
}

.bg-sol-off {
 animation: solbganime;
 animation-duration: 4000ms;
 animation-iteration-count: 1;
}

#sun-circle-off {
 position: fixed;
 top: 0;
 left: 0;
 width: 16vw;
 height: 16vw;
 background-color: #FFB800;
 border-radius: 50%;
}

.sol-circulo {
 width: 16vw;
 height: 16vw;
 background-color: #FFB800;
 border-radius: 50%;
 z-index: 8;
 box-shadow: 0 0 0 3rem #FFB800;}

.sol-abs {
 top: 100%;
 left: 0;
 position: absolute;
 z-index: 8;
}

.sol-rela {
 top: 50%;
 left: 50%;
 position: fixed;
 z-index: 8;
}

.sun-off {
 box-shadow: 0 0 0 6rem #e3413c, 0 0 0 7rem #cb3838;
}

.sun-anime {
 animation: sunanime;
 animation-duration: 4000ms;
 animation-iteration-count: 1;}

.lluvia {
 z-index: 22;
}

.lluvia-off {
 z-index: 22;
}

.nube {
 z-index: 22;
}

.nube-off {
 z-index: 22;
}

.nubes {
 z-index: 22;
}

.nubes-off {
 z-index: 22;
}

.agua1 {
 z-index: 24;
}

.agua1-off {
 z-index: 24;
}

.agua2 {
 z-index: 26;
}

.agua2-off {
 z-index: 26;
}

.agua3 {
 z-index: 28;
}

.agua3-off {
 z-index: 28;
}

.gota {
 z-index: 30;
}

.gota-off {
 z-index: 30;
}

.planta6 {
 z-index: 10;
}

.planta6-off {
 z-index: 10;
}

.planta5 {
 z-index: 11;
}

.planta5-off {
 z-index: 11;
}

.planta4 {
 z-index: 12;
}

.planta4-off {
 z-index: 12;
}

.planta3 {
 z-index: 13;
}

.planta3-off {
 z-index: 13;
}

.planta2 {
 z-index: 14;
}

.planta2-off {
 z-index: 14;
}

.planta1 {
 z-index: 15;
}

.planta1-off {
 z-index: 15;
}

.gallina2 {
 z-index: 16;
}

.gallina2-off {
 z-index: 16;
}

.gallina1 {
 z-index: 17;
}

.gallina1-off {
 z-index: 17;
}

.tanque {
 z-index: 18;
}

.tanque-off {
 z-index: 18;
}

.sol {
 z-index: 31;
}

.sol-off {
 z-index: 31;
}

.sol-circulo {
 z-index: 31;
}

.sol-circulo-off {
 z-index: 31;
}

#energiaSVG {
 z-index: 71 !important;
}

.energy {
 z-index: 34;
}

.energy-off {
 z-index: 34;
}

.energia {
 z-index: 34;
}

.energia-off {
 z-index: 34;
}

.casa-off {
 z-index: 31;
}.bg-photo-1-off-1 {
 z-index: -1;
 position: fixed;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 background-size: 100%;
 background-image: url('../../../images/pdc-general/presentacion/claire-gregorys-serie-16.jpg');
 background-attachment: fixed;
}

.bg-holder {
 display: block;
 position: relative;
 overflow: hidden;
 z-index: 1;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.holder-up {
 position: absolute;
 width: 100%;
 margin-left: 0;
 margin-right: 0;
 bottom: 65%;
 left: 0%;
 display: block;
 text-align: center;
}

.holder-down {
 position: absolute;
 width: 100%;
 height: auto;
 margin-left: 0;
 margin-right: 0;
 bottom: 20%;
 left: 0%;
 display: block;
 text-align: center;
}

@media (min-width: 576px) {
 .holder-down {
  bottom: 15%;
 }
}

@media (min-width: 768px) {
 .holder-down {
  bottom: 15%;
 }
}

@media (min-width: 1200px) {
 .holder-down {
  bottom: 0%;
 }
}

.holder-photo {
 display: block;
 position: relative;
 overflow: hidden;
 margin-left: 0;
 margin-right: 0;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 z-index: 65;
}

.bg-photo-1 {
 position: absolute;
 top: 0;
 height: 100%;
 width: 100%;
 background-image: url('../../../images/presentaciones/permacultura/claire-gregorys-permaculture-garden-1024x768.jpg');
 background-position: center top;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.bg-photo-2 {
 position: absolute;
 overflow: hidden;
 top: 0;
 height: 100%;
 width: 100%;
 background-image: url('../../../images/presentaciones/permacultura/diseno-ecologico-productivo-taranaki-farm-1920x1080.jpg');
 background-position: center top;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.holder-photo .holder {
 z-index: 61;
}

.proximos-eventos {
 z-index: 70;
}

.bg-photo-1-im {
 height: 100%;
 width: 100%;
 background-image: url('../../../images/pdc-general/presentacion/claire-gregorys-serie-16.jpg');
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.filter-image {
 opacity: 0;
 position: absolute;
 left: 0%;
 top: 0;
 z-index: 2;
 animation: fadeIn .2s linear 1s forwards;
 height: 100vh;
}

.filter-image-ok {
 opacity: 0;
 position: absolute;
 left: 0%;
 top: 0;
 z-index: 2;
 animation: fadeIn .2s linear 1s forwards;
 height: 100vh;
}

.text-up {
 display: block;
 top: 40%;
 color: #fff;
 font-family:'Conv_coopbl', Georgia, serif;
 font-weight: 900;
 font-size: min(10vw, 5rem);
 text-transform: uppercase;
}

.text {
 display: block;
 position: absolute;
 top: 40%;
 z-index: 1;
 -webkit-text-stroke-width: 2px;
 -webkit-text-stroke-color: white;
 animation: fadeIn .25s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s forwards;
}

.text-outline {
 display: block;
 position: absolute;
 top: 40%;
 z-index: 2;
 color: rgba(0, 0, 0, 0);
 -webkit-text-stroke-width: 2px;
 -webkit-text-stroke-color: white;
 animation: fadeIn .25s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s forwards;
}@keyframes fadeIn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}

.clip-polygon {
 clip-path: polygon(133, 0 133, 700 0, 700 0, 0 66.5, 82.3);
}

.clip-svg {
 clip-path: url(#myClip);
}

.clip-div {
 width: 100%;
 height: 280px;
 background: url(../../../images/pdc-general/presentacion/claire-gregorys-serie-16.jpg) center center;
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 clip-path: polygon(133, 0 133, 700 0, 700 0, 0 66.5, 82.3);
}

.bg-photo-1-clip {
 width: 100vw;
 height: 100vh;
 padding: 1rem;
 background-image: url('../../../images/pdc-general/presentacion/claire-gregorys-serie-16.jpg');
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 mask-image: url(../../../images/presentaciones/permacultura/zag_1.svg);
 mask-size: 100vmin;
 mask-repeat: repeat-x;
 mask-position: center bottom;
 ;
}

.bg-photo-1-dd {
 z-index: 1;
 margin: 0;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 background-size: 100%;
 background-position: center center;
 background-repeat: no-repeat;
 background-image: url('../../../images/pdc-general/presentacion/claire-gregorys-serie-16.jpg');
 background-attachment: fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.bg-photo-1-off {
 background-image: url(../../../images/pdc-general/presentacion/claire-gregorys-serie-16.jpg);
 height: 100%;background-attachment: scroll;
 background-attachment: local, scroll;background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;}

.bg-photo-2 {
 height: 100%;
 width: 100%;
 background: no-repeat center center scroll url(../../../images/pdc-general/presentacion/diseno-ecologico-productivo-taranaki-farm.jpg);
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.div-fixed {
 position: fixed;
}

.div-relative {
 position: relative;
}

.div-absolute {
 position: absolute;
}@keyframes rota {
 from {
  opacity: 0;
  transform: rotate(0deg);
 }
 to {
  opacity: 1;
  transform: rotate(360deg);
 }
}

@keyframes solbganime {
 0%,
 10% {
  background-color: #22213d;
 }
 50% {
  background-color: rgba(255, 219, 65, 1);
 }
 100% {
  background-color: rgba(203, 56, 56, 1);
 }
}

@keyframes solanime {
 0%,
 10% {
  transform: scale(1);
 }
 20% {
  transform: scale(1.2);
  box-shadow: 0 0 0 20px rgba(255, 219, 65, 1);
  -moz-box-shadow: 0 0 0 20px rgba(255, 219, 65, 1);
 }
 70% {
  transform: scale(1.3);
  box-shadow: 0 0 0 20px rgba(255, 183, 60, 0.9), 0 0 0 35px #ffb63c, 0 0 0 70px #ffa638, 0 0 0 105px #ff963c, 0 0 0 140px #ff823c, 0 0 0 175px #ff6d3c, 0 0 0 210px #e3413c, 0 0 0 250px #cb3838;
 }
 85% {
  transform: scale(1.4);
  box-shadow: 0 0 0 2px rgba(255, 183, 60, 0.9), 0 0 0 10px #ffb63c, 0 0 0 20px #ffa638, 0 0 0 35px #ff963c, 0 0 0 40px #ff823c, 0 0 0 50px #ff6d3c, 0 0 0 60px #e3413c, 0 0 0 70px #cb3838;
  -moz-box-shadow: 0 0 0 2px rgba(255, 183, 60, 0.9), 0 0 0 10px #ffb63c, 0 0 0 20px #ffa638, 0 0 0 35px #ff963c, 0 0 0 40px #ff823c, 0 0 0 50px #ff6d3c, 0 0 0 60px #e3413c, 0 0 0 70px #cb3838;
 }
 95% {
  transform: scale(1.5);
  box-shadow: 0 0 0 20px rgba(255, 183, 60, 0);
  -moz-box-shadow: 0 0 0 20px rgba(255, 183, 60, 0);
 }
}

@keyframes sunanime {
 0%,
 10% {
  transform: scale(.1);
 }
 20% {
  transform: scale(1);
  box-shadow: inset 0 0 0 2px rgba(255, 219, 65, .091);
 }
 25% {
  box-shadow: inset 0 0 0 2px rgba(255, 219, 65, .091);
 }
 26% {
  box-shadow: inset 0 0 0 2px rgba(255, 219, 65, .091), 0 0 0 35px #ffb63c;
 }
 27% {
  box-shadow: inset 0 0 0 2px rgba(255, 219, 65, .091), 0 0 0 35px #ffb63c, 0 0 0 70px #ffa638;
 }
 28% {
  box-shadow: inset 0 0 0 2px rgba(255, 219, 65, .091), 0 0 0 35px #ffb63c, 0 0 0 70px #ffa638, 0 0 0 105px #ff963c;
 }
 29% {
  box-shadow: inset 0 0 0 2px rgba(255, 219, 65, .091), 0 0 0 35px #ffb63c, 0 0 0 70px #ffa638, 0 0 0 105px #ff963c, 0 0 0 140px #ff823c;
 }
 30% {
  box-shadow: inset 0 0 0 2px rgba(255, 219, 65, .091), 0 0 0 35px #ffb63c, 0 0 0 70px #ffa638, 0 0 0 105px #ff963c, 0 0 0 140px #ff823c, 0 0 0 175px #ff6d3c;
 }
 31% {
  box-shadow: inset 0 0 0 2px rgba(255, 219, 65, .091), 0 0 0 35px #ffb63c, 0 0 0 70px #ffa638, 0 0 0 105px #ff963c, 0 0 0 140px #ff823c, 0 0 0 175px #ff6d3c, 0 0 0 210px #e3413c;
 }
 32% {
  box-shadow: inset 0 0 0 2px rgba(255, 219, 65, .091), 0 0 0 35px #ffb63c, 0 0 0 70px #ffa638, 0 0 0 105px #ff963c, 0 0 0 140px #ff823c, 0 0 0 175px #ff6d3c, 0 0 0 210px #e3413c, 0 0 0 250px #cb3838;
 }
 70% {
  transform: scale(1);
  box-shadow: inset 0 0 0 2px rgba(255, 219, 65, .091), 0 0 0 35px #ffb63c, 0 0 0 70px #ffa638, 0 0 0 105px #ff963c, 0 0 0 140px #ff823c, 0 0 0 175px #ff6d3c, 0 0 0 210px #e3413c, 0 0 0 250px #cb3838;
 }
 85% {
  transform: scale(1);
  box-shadow: inset 0 0 0 2px rgba(255, 219, 65, .091), 0 0 0 10px #ffb63c, 0 0 0 20px #ffa638, 0 0 0 35px #ff963c, 0 0 0 40px #ff823c, 0 0 0 50px #ff6d3c, 0 0 0 60px #e3413c, 0 0 0 70px #cb3838;
 }
 90% {
  transform: scale(0);
 }
}

@-webkit-keyframes scrollWheel {
 from {
  transform: translate(-50%, 0);
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
 }
 to {
  transform: translate(-50%, 20px);
  transform: translate3d(-50%, 20px, 0);
  opacity: 0;
 }
}

@media (min-width: 768px) {
 @-webkit-keyframes scrollWheel {
  from {
   transform: translate(-50%, 0);
   transform: translate3d(-50%, 0, 0);
   opacity: 1;
  }
  to {
   transform: translate(-50%, 40px);
   transform: translate3d(-50%, 40px, 0);
   opacity: 0;
  }
 }
}

@keyframes scrollWheel {
 from {
  transform: translate(-50%, 0);
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
 }
 to {
  transform: translate(-50%, 20px);
  transform: translate3d(-50%, 20px, 0);
  opacity: 0;
 }
}

@media (min-width: 768px) {
 @keyframes scrollWheel {
  from {
   transform: translate(-50%, 0);
   transform: translate3d(-50%, 0, 0);
   opacity: 1;
  }
  to {
   transform: translate(-50%, 40px);
   transform: translate3d(-50%, 40px, 0);
   opacity: 0;
  }
 }
}

	
		
.ts-1 {
 font-size: 1rem !important;
}

.ts-2 {
 font-size: 2rem !important;
}

.ts-3 {
 font-size: 3rem !important;
}

.ts-mn-8 {
 font-size: min(8vw, 2rem) !important;
 line-height: 1;
}

.ts-mn-9 {
 font-size: clamp(2rem, 6vw, 6rem) !important;line-height: 1;
}

.ts-mn-10 {
 font-size: clamp(2rem, 8vw, 7rem) !important;line-height: 1;
}

.ts-mn-11-5 {
 font-size: min(11vw, 5rem) !important;
}

.flor-color-yellow-1 {
 color: #f2cd79 !important;
 fill: #f2cd79;
}

.flor-color-yellow-2 {
 color: #eef2aa !important;
 fill: #eef2aa;
}

.flor-color-green-1 {
 color: #9fe195 !important;
 fill: #9fe195;
}

.flor-color-blue-1 {
 color: #5edfe2 !important;
 fill: #5edfe2;
}

.flor-color-blue-1:hover,
.flor-color-blue-1:active {
 color: #2d6b6b !important;
 fill: #2d6b6b;
}

.flor-color-purple-1 {
 color: #6b7fc0 !important;
 fill: #6b7fc0;
}

.flor-color-purple-1:hover,
.flor-color-purple-1:active {
 color: #3d496b !important;
 fill: #3d496b;
}

.flor-color-pink-1 {
 color: #c485c5 !important;
 fill: #c485c5;
}

.flor-color-pink-2 {
 color: #e33e7d !important;
 fill: #e33e7d;
}

.flor-color-red-1 {
 color: #da0043 !important;
 fill: #da0043;
}

.flor-color-red-1:hover,
.flor-color-red-1:active {
 color: #6b1e3e !important;
 fill: #6b1e3e;
}

.txt-shadow-borde-black {
 -webkit-text-stroke-color: #000;
 -webkit-text-stroke-width: 1px;
 color: #f7f7f7;
 text-shadow: 0.2rem 0.2rem 0 #191919;
 word-break: break-all;
}

.orange,
.titulo.orange {
 color: rgba(207, 57, 7, 0.9);
 text-shadow: 0.1rem 0.1rem 0 rgba(92, 23, 9, 0.87);
}

.orange-alt {
 color: rgba(92, 23, 9, 0.87);
 text-shadow: 0.1rem 0.1rem 0 rgba(207, 57, 7, 0.9);
}

.purple {
 color: #d3cedd;
 text-shadow: 0.1rem 0.1rem 0 rgba(66, 48, 60, 0.9);
}

.purple-alt {
 color: rgba(66, 48, 60, 0.9);
 text-shadow: 0.041rem 0.041rem 0 rgba(211, 206, 221, 0.9);
}

.pink {
 color: #C6445C;
 text-shadow: 0.041rem 0.041rem 0 #5B3F57;
}

.pink-1 {
 color: #c485c5 !important;
}

.pink-2 {
 color: #e33e7d !important;
}

.purple-1 {
 color: #6b7fc0 !important;
}

.yellow {
 color: rgb(255, 189, 46);
 text-shadow: 0.1rem 0.1rem 0 #42303c;
}

.yellow-green {
 color: #C0C15C;
 text-shadow: 0.1rem 0.1rem 0 #404B51;
}

.yellow-brown {
 color: #EDD557;
 text-shadow: 0.1rem 0.1rem 0 #2F2507;
}

.que-blue {
 fill: #007db2;
}

.que-yellow {
 fill: #ffc745;
}

.que-orange {
 fill: #ec8403;
}

.que-red {
 fill: #e52d05;
}

.que-purple {
 fill: #ca029e;
}

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

#header-imprime {
 display: block;
 padding: 0.5rem 0 0.2rem 0;
}

.body-imprime #header-imprime .logo-permaculturamx {
 display: block;
 width: 100%;
 height: auto;
 margin-top: 0.25rem;
 margin-bottom: 1.0rem;
}

#header-imprime .logo-permaculturamx .logo {
 display: block;
}

#header-imprime .logo-permaculturamx h1 a,
#header-imprime .logo-permaculturamx .h1 a {
 text-decoration: none;
}

#header-imprime .logo-permaculturamx h1,
#header-imprime .logo-permaculturamx .h1 {
 font-family:'avenir-next-bold';
 padding: 1.125rem 0 0 0;
 margin: 0 0 0 0;
 font-size: 1.1rem;text-transform: uppercase;
 color: #819455;
}

#header-imprime .logo-permaculturamx h1 span,
#header-imprime .logo-permaculturamx .h1 span {
 font-family:'avenir-next-light';
 color: #819455;
 font-weight: bolder;
}

#header-imprime .logo-permaculturamx h2,
#header-imprime .logo-permaculturamx .h2 {
 padding: 0px;
 margin: 0px;
 font-size: 0.7rem;
 color: #261f10;text-transform: capitalize;
}

#header-imprime .slogan {
 padding: 0;
 margin: 0px;
 color: #DFAD5B;
 font-size: .6rem;
 font-weight: 300;
}

#header-imprime .logo-permaculturamx {
 display: block;
}

#header-imprime .logo-permaculturamx .logo-holder {
 display: block !important;
 height: 2.950rem !important;
 width: 2.950rem !important;
 float: left !important;
}

#header-imprime .logo-permaculturamx .logo-holder .logo {
 display: block !important;
 width: 100% !important;
 height: 100% !important;
 background-image: url('../../../images/svg/logo-permaculturamx-imprime.png') !important;
 background-size: contain !important;
}

#footer-imprime {
 padding: 1rem 1rem;
 color: var(--bs-body-color-print);
 font-size: 72.5%;
 background-color: #ffffff;
}

#footer-imprime p {
 margin-bottom: 0.25rem;
}

.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% !important;
}

.body-imprime .fs-5 {
 font-size: 100% !important;
}

.body-imprime #footer-wrapper {
 display: none;
}

.body-imprime #cookieAcceptBar {
 display: none;
}

.body-imprime .comentarios {
 display: none;
}

.body-imprime .banners {
 display: none;
}

.body-imprime {
 min-height: 50vh;
 padding: 0;
 margin: 0%;
 font-size: 110%;
}

.body-imprime #main-page {
 margin: 0 !important;
 padding: 0 !important;
 min-height: 50vh;
}

.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 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 .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 .report .img-holder-svg {
 display: block;
 padding: 0px 0;
 margin: auto;
 overflow: hidden;
 position: relative;
 text-align: center;
 width: 100%;
 height: 7rem;
 background-position: center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}

.body-imprime .report .img-holder-svg svg.logo-gray-black {
 height: 15rem;
 margin: -4rem auto 0 auto;
 transform-origin: center;
}

.body-imprime .logo-pagos {
 height: 30px;
}

.body-imprime .bglgo-grack-7 {
 opacity: .6;
}

.body-imprime .bglgo-grack-8 {
 opacity: .6;
}

.body-imprime .bglgo-grack-9 {
 opacity: .9;
}

.body-imprime .bglgo-grack-10 {
 opacity: .6;
}

.body-imprime .bglgo-grack-11 {
 opacity: .9;
}

.body-imprime .bglgo-grack-12 {
 opacity: .9;
}

.body-imprime .bglgo-grack-13 {
 opacity: .6;
}

.body-imprime .bglgo-grack-44 {
 fill: #ffffff;
}

.body-imprime .report header {
 margin-bottom: 0rem;
}

.body-imprime .report .post-info {
 font-size: 110%;
 padding-bottom: 0rem;
 margin-bottom: 0rem;
}

.body-imprime .container,
.body-imprime .container-fluid,
.body-imprime .container-sm {
 max-width: 100% !important;
}

.body-imprime .row {
 flex: auto;
 margin: 0 !important;
 max-width: 100% !important;
 padding: 0;
}

.body-imprime .col,
.body-imprime .col-12,
.body-imprime .col-10,
.body-imprime .col-md-10,
.body-imprime .col-8,
.body-imprime .col-md-8,
.body-imprime .col-lg-8,
.body-imprime .col-6,
.body-imprime .col-md-6,
.body-imprime .col-4,
.body-imprime .col-md-4,
.body-imprime .col-3,
.body-imprime .col-2 {
 flex: auto !important;
 margin: 0 !important;
 max-width: 100% !important;
}

.body-imprime .offset-1,
.body-imprime .offset-md-1,
.body-imprime .offset-2,
.body-imprime .offset-lg-2 {
 display: block !important;
 margin: 0 !important;
}

.body-imprime .page-header {
 padding-top: 0.25rem;
 padding-bottom: 0.25rem;
 margin: 0 0 0 0;
 border-bottom: 0.063rem solid var(--bs-border-color-translucent);
}

.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 .mt-5,
.body-imprime .mt-4,
.body-imprime .mt-3,
.body-imprime .mt-2,
.body-imprime .mt-1 {
 margin-top: 0.5rem !important;
}

.body-imprime .mb-5,
.body-imprime .mb-4,
.body-imprime .mb-3,
.body-imprime .mb-2,
.body-imprime .mb-1 {
 margin-bottom: 0.5rem !important;
}

.body-imprime .pb-5,
.body-imprime .pb-4,
.body-imprime .pb-3,
.body-imprime .pb-2,
.body-imprime .pb-1 {
 padding-bottom: 0.5rem !important;
}

.body-imprime .pt-5,
.body-imprime .pt-4,
.body-imprime .pt-3,
.body-imprime .pt-2,
.body-imprime .pt-1 {
 padding-top: 0.5rem !important;
}

.body-imprime .btn-outline-success:not(.d-print-none) {
 display: none;
}

.body-imprime .btn-success:not(.d-print-none) {
 display: none;
}

.body-imprime #event-name-calendar {
 margin: 0;
 padding: 0;
}

.body-imprime #event-name-calendar h1,
.body-imprime #event-name-calendar h2,
.body-imprime #event-name-calendar h3 {
 margin: 0;
 padding: 0;
 font-size: 1.2rem !important;
}

.body-imprime .dato {
 background-color: transparent;
 color: #000;
}

.body-imprime .list-group .list-group-item {
 background-color: transparent;
 color: #000 !important;
}

.body-imprime button.btn {
 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 .fee-letter {
 font-size: 100%;
}

.body-imprime .style-text .table-fee {
 font-size: 100%;
}

.body-imprime .style-text .table-fee .precio-regular {
 font-size: 100%;
}

.body-imprime .style-text .table-fee .precio-regular.text-decoration-line-through {
 color: rgba(var(--bs-body-color-rgb), 0.5);
}

.body-imprime .style-text .table-fee .precio-porcentaje {
 font-size: 100%;
}

.body-imprime .style-text .table-fee .precio-oferta {
 font-size: 100%;
}

.body-imprime .style-text .table-fee small {
 font-size: 80%;
}

.body-imprime .style-text .table-fee .fee-letter {
 font-size: 100%;
}

.body-imprime .text-muted {
 color: #000 !important;
}

	
		
@keyframes transitionIn {
 from {
  opacity: 0;
  transform: translateY(10px);
 }
 to {
  opacity: 1;
  transform: translateY(0px);
 }
}

@keyframes pulsa {
 0%,
 100% {
  transform: scale(1);
 }
 50% {
  transform: scale(1.1);
 }
}

@-webkit-keyframes zoomEffect {
 0% {
  -webkit-transform: scale(1.2) translateX(0);
  transform: scale(1.2) translateX(0);
 }
 100% {
  -webkit-transform: scale(1.4) translateX(-240px) translateY(-80px);
  transform: scale(1.4) translateX(-240px) translateY(-80px);
 }
}

@keyframes zoomEffect {
 0% {
  -webkit-transform: scale(1.2) translateX(0) translateY(0);
  transform: scale(1.2) translateX(0) translateY(0);
 }
 100% {
  -webkit-transform: scale(1.4) translateX(-240px) translateY(-80px);
  transform: scale(1.4) translateX(-240px) translateY(-80px);
 }
}

@keyframes fin {
 from {
  opacity: 0;
  transform: translateY(20px);
 }
 to {
  opacity: 1;
  transform: translateY(0px);
 }
}

@keyframes finn {
 0% {
  opacity: 0;
  transform: translateY(20px);
 }
 100% {
  opacity: 1;
  transform: translateY(0px);
 }
}

@-webkit-keyframes finn {
 0% {
  opacity: 0;
  transform: translateY(20px);
 }
 100% {
  opacity: 1;
  transform: translateY(0px);
 }
}

@keyframes pulsaWifi {
 0% {
  opacity: 0.1
 }
 3% {
  opacity: 0.4
 }
 5% {
  opactiy: 1
 }
 6% {
  opactiy: 0.1
 }
 100% {
  opactiy: 0.1;
 }
}

@keyframes spin {
 from {
  transform: rotate(0deg);
 }
 to {
  transform: rotate(360deg);
 }
}

@keyframes spin-contra {
 from {
  transform: rotate(0deg);
 }
 to {
  transform: rotate(-360deg);
 }
}