/* Changes the dark transparent overlay color/intensity from banner layout in modules */
.container-banner .banner-overlay .overlay {
            background: rgba(18, 21, 19, 0.45);
        }

/* Changes the language selector position to the right */
        div.mod-languages ul {
            text-align: right;
        }
/* Changes the background color of the site */
        body > div > div.grid-child.container-component > main > div >
        .las-yungas-art {
            background: rgb(252,255,254);
            background: linear-gradient(75deg, rgba(252,255,254,0.938813025210084) 54%, rgba(243,255,243,0.7539390756302521) 100%);
        }
/* generate a clamp font size for h1, in small viewports it should have 18px in large viewports 28px */
		h1, .h1 {
			text-transform: uppercase;
            font-size: 4.8vmin;
        }
/* generate a clamp font size for h2, in small viewports it should have 16px in large viewports 26px */
		h2, .h2 {
			text-transform: uppercase;
            font-size: 4.4vmin;
            color: rgb(28, 79, 57);
		}
/* generate a clamp font size for h3, in small viewports it should have 14px in large viewports 24px */
		h3, .h3 {
			font-size: 4.1vmin;
		}
/* generate a clamp font size for h4, in small viewports it should have 8px in large viewports 22px */
		h4, .h4 {
			font-size: 3.9vmin;
            color: rgb(24, 89, 61);
		}
/* Changes the paragraph style and color */
        p {
            color: #52020e;
            text-align: justify;
            text-justify: inter-word;
            word-wrap: break-all;
            text-shadow: 1px 1px 2.8px rgb(157, 154, 82);
        }

        li { 
            margin-bottom: 10px; 
        }
/* The Leopardus Pardalis (Ocelote) home page article */
        div.com-content-category-blog__items.blog-items.items-leading.boxed.float-start > div:nth-child(1) {
            background: rgb(254,255,240);
            background: linear-gradient(225deg, rgba(254,255,240,0.938813025210084) 73%, rgba(255,254,230,0.7539390756302521) 100%);
            border-width: thick;
            border-style: solid;
            border-color: #fff;
            border-radius: 15px;          
        }
/* The Oso Melero home page article */
        div.com-content-category-blog__items.blog-items.items-leading.boxed.float-start > div:nth-child(2) {
            background: rgb(254,255,240);
            background: linear-gradient(225deg, rgba(254,255,240,0.938813025210084) 73%, rgba(255,254,230,0.7539390756302521) 100%);
            border-width: thick;
            border-style: solid;
            border-color: #fff;
            border-radius: 15px;
        }
/* Zoom efect for images and buttons */
        .zoom {
            padding: 1px;
            transition: transform .1s; /* Animation */
            margin: 0 auto;
        }
        .zoom:hover {
            transform: scale(1.1);
        }
		.zoom:active {
            transform: scale(1.15);
		}	
/* Zoom efect for maps or images */
        .zoomap {
            padding: 5px;
            transition: transform .3s; /* Animation */
            margin: 5 auto;
        }

        .zoomap:hover {
            transform: scale(1.5);
        }
        .zoomap:active {
            transform: scale(1.8);
        }
/* Buttons centered */
        .imgbtns {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 175px;
        }
/* Menu header transparent */		
        .header {
            background-image: none;
            background-color: #159923;
            opacity: 85%;
        }
/* Menu header with burger, responsive and sticky */		
        .container-header {
            position: sticky!Important;
        }
/* Secondary shadow option por buttons, images, videos, articles, etc... */		
        .shadow2 {
            border-radius:50%;
            box-shadow: 4px 4px 4px rgb(129, 133, 137);
        }
/* Footer background color change */		
        .container-footer {
            background-color: #159923;
            background-image: none;
        }
/* Blur overlay effect on modules */
.overlay-dark {
  background-color: rgba(0,0,0,0.7)
} */
.txtshadow {
  text-shadow: 2px 2px 4px red;
} 
/* Galería de Imágen */
    .galeria2 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 20px;
      padding: 0px;
    }

    .marco {
      padding: 0px;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }

    .marco img {
      width: 50%;
      height: auto;
      display: block;
	  border: 2px solid white;
      border-radius: 5px;
      transition: transform 0.3s ease;
    }

    .marco img:hover {
      transform: scale(1.05);
    }