/*General*/
body
{
	font-family: "Plus Jakarta Sans", sans-serif;
	color: #fff;
}
.titular
{
	font-family: "Bricolage Grotesque", sans-serif;
}
.bold
{
	font-weight: bold;
}
/*verdes 0FB325 079F1C*/
.verde
{
	color: #0FB325;
}
.blanco
{
	color: #fff;
}
/*General*/
/*Header*/
header
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	border-bottom: solid 1px #fff;
	background: transparent; /* Transparente al inicio */
    transition: background 0.3s ease-in-out; /* Transición suave del fondo */
}
header.scrolled
{
    background: rgb(0,0,0,0.9); /* Fondo semi-transparente */
}
header .logo img,
header .logo-keken img
{
	max-width: 100%;
}
#ajaxsearchprores1_1 .results .item .asp_content h3 a
{
	color: #fff !important;
}
.menu-especies
{
	padding: 15px 0px;
}
.menu-especies .boton
{
	text-align: right;
}
.menu-especies .boton .todas
{
	color: #fff;
	text-decoration: none;
	border: solid 1px #0FB325;
	border-radius: 35px;
	padding: 10px 15px;
	transition: 0.2s;
}
.menu-especies .boton .todas:hover
{
	background: #0FB325;
}
.menu-especies .especies
{
	text-align: center;
	padding: 15px;
}
.menu-especies .especies a
{
	text-decoration: none;
	opacity: 0.8;
	transition: 0.2s;
}
.menu-especies .especies a:hover
{
	opacity: 1;
}
.menu-especies .especies img
{
	max-width: 100%;
	margin-bottom: 15px;
}
.menu-especies .especies h5
{
	color: #fff;
}
/*Header*/
/*Footer*/
footer
{
	color: #9FF9AB;
}
footer .footer1
{
	position: relative;
	background: #079F1C;
	padding: 100px 0px 50px;
	clip-path: polygon(60% 10%, 80% 0%, 100% 10%, 100% 100%, 0% 100%, 0% 10%, 30% 0%);
	margin-top: -40px;
    z-index: 999;
	border-bottom: solid 1px #3DEA55;
}
footer .footer1 .logo img
{
	max-width: 100%;
	margin-bottom: 25px;
}
footer .footer1 .logo .menu li
{
	width: 100%;	
	margin-bottom: 5px;
}
footer .footer1 .logo .menu li a
{
	text-decoration: none;
	color: #9FF9AB;
	transition: 0.2s;
}
footer .footer1 .logo .menu li a:hover
{
	font-weight: bold;
}
footer .footer1 .gracias p
{
	font-size: 14px;
	margin-bottom: 10px;
}
footer .footer1 .gracias p a
{
	color: #9FF9AB;
	text-decoration: none;
	transition: 0.2s;
}
footer .footer1 .gracias p a:hover
{
	font-weight: bold;
}
footer .footer1 .redes
{
	text-align: right;
}
footer .footer1 .redes a
{
	text-decoration: none;
	color: #9FF9AB;
	font-size: 25px;
	margin: 0px 5px;
	transition: 0.2s;
}
footer .footer1 .redes a:hover
{
	color: #fff;
}
footer .footer2
{	
	background: #079F1C;
	padding: 15px 0px;
	font-size: 14px;
}
footer .footer2 .develop a
{
	color: #9FF9AB;
	text-decoration: none;
	transition: 0.2s;
}
footer .footer2 .develop a:hover
{
	font-weight: bold;
}
footer .footer2 .desc
{
	text-align: right;
}
.sonido-ambiental
{
	background: #1062C0;
    color: #fff;
    position: fixed;
    bottom: 35px;
    left: 35px;   
    border-radius: 15px;
    z-index: 999999;
	cursor: pointer;
}
.sonido-ambiental .sound,
.sonido-ambiental .mute
{
	padding: 15px;
}
/*Footer*/
/*Inicio*/
.div-santuarios
{	
	overflow: visible !important;
	padding: 150px 0px 170px;
	clip-path: polygon(60% 10%, 80% 0%, 100% 10%, 100% 100%, 0% 100%, 0% 10%, 30% 0%);
	margin-top: -100px;
    z-index: 999;	
}
.separador
{
	position: relative;
}
.separador:after
{
	position: absolute;
    content: '';
    width: 35px;
    height: 10px;
    background: #0FB325;
    bottom: -10px;
    border-radius: 0px 0px 15px 0px;
}
.img-santuarios
{
	padding: 10px !important;
}
.img-santuarios .vc_column-inner
{
	background-size: 100% !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	border-radius: 15px;
    height: 300px;
	transition: background-size 0.5s ease !important;
	padding: 25px !important;
}
.img-santuarios .vc_column-inner:hover 
{
  	background-size: 120% !important; /* aumenta el tamaño para simular zoom */
}
.img-santuarios .vc_column-inner h1
{
	margin-bottom: 0px;
	font-size: 50px;
	line-height: 1;
}
.div-especies-home
{
	background-size: cover;
	background-position: center center;
	overflow: visible !important;
	padding: 150px 0px;
	clip-path: polygon(35% 0%, 70% 15%, 100% 0%, 100% 100%, 0% 100%, 0% 5%, 20% 10%);
	margin-top: -140px;
    z-index: 999;
}
.btn-borde-verde a
{
	background: transparent !important;
	color: #fff !important;
	border: solid 1px #0FB325 !important;
	border-radius: 35px !important;
	padding: 10px 35px !important;
	transition: 0.2s !important;
}
.btn-borde-verde a:hover
{
	background: #0FB325 !important;
}
.especie-home
{
	padding: 10px;
}
.especie-home a
{
	display: block;
	background-size: 100% !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	border-radius: 25px;
    height: 450px;
	transition: background-size 0.5s ease;
	position: relative;
	color: #fff;
}
.especie-home a:hover
{
	background-size: 120% !important;
}
.especie-home .nombre-especie
{
	position: absolute;
	bottom: 25px;
    left: 0;
    right: -15px;	
	padding: 10px 15px;
	border-radius: 0px 20px 20px 0px;
}
.especie-home .nombre-especie.herpetofauna
{
	background: #0BA320;
}
.especie-home .nombre-especie.ornitofauna
{
	background: #0F92B3;
}
.especie-home .nombre-especie.mastofauna
{
	background: #B30F9A;
}
.especie-home .nombre-especie h4
{
	margin-bottom: 0px;
}
.especie-home .nombre-especie .ico
{
	position: absolute;
	right: 45px;
	bottom: 0;
	width: 60px;
}
.especie-home .nombre-especie i
{
	position: absolute;
	right: 15px;
	opacity: 0.8;
}
.especie-home a:hover .nombre-especie i
{
	opacity: 1;
}
.div-atraves
{	
	overflow: visible !important;
	padding: 150px 0px 170px;
	clip-path: polygon(60% 10%, 80% 0%, 100% 10%, 100% 100%, 0% 100%, 0% 10%, 30% 0%);
	margin-top: -100px;
    z-index: 999;	
}
.img-atraves
{
	padding: 10px !important;
}
.img-atraves .vc_column-inner
{
	background-size: 100% !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	border-radius: 15px;
    height: 300px;
	transition: background-size 0.5s ease !important;
	padding: 25px !important;
}
.img-atraves .vc_column-inner:hover 
{
  	background-size: 120% !important; /* aumenta el tamaño para simular zoom */
}
.div-banner-santuarios
{
	background-size: cover;
	background-position: center center;
	overflow: visible !important;
	padding: 150px 0px;
	clip-path: polygon(35% 0%, 70% 15%, 100% 0%, 100% 100%, 0% 100%, 0% 5%, 20% 10%);
	margin-top: -140px;
    z-index: 999;
}
.btn-verde a
{
	background: #0FB325 !important;
	color: #fff !important;
	border: solid 1px #0FB325 !important;
	border-radius: 35px !important;
	padding: 10px 35px !important;
	transition: 0.2s !important;
}
.btn-verde a:hover
{
	background: #079F1C !important;
	border: solid 1px #079F1C !important;
}
/*Inicio*/
/*Especies*/
.div-interior-especies
{	
	overflow: visible !important;
	padding: 150px 0px 50px;
	clip-path: polygon(40% 15%, 80% 0%, 100% 15%, 100% 100%, 0% 100%, 0% 15%, 20% 5%);
	margin-top: -100px;
    z-index: 999;	
}
.div-consulta
{
	border-radius: 15px;
}
.filtros .alm-filter
{
	border-bottom: solid 1px #fff;
	margin-bottom: 15px;
}
.filtros .alm-filter .alm-filter--title
{
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: bold;
}
.filtros .alm-filter li div.alm-filter--link
{
	color: #fff !important;
	transition: 0.2s;
}
.filtros .alm-filter li div.alm-filter--link:hover
{
	font-weight: bold;
}
.filtros .alm-filter li div.alm-filter--link.active.field-radio:before 
{
    border-color: #0FB325 !important;
    background-color: #0FB325 !important;
}
.filtros button[type=reset]
{
	color: #fff !important;
    border: solid 1px #0FB325 !important;
    padding: 5px 15px !important;
    height: auto !important;
    border-radius: 25px !important;
    transition: 0.2s;
}
.filtros button[type=reset]:hover
{
	background: #0FB325 !important;
}
ul.alm-paging li a
{
	border: solid 1px #0FB325 !important;
	color: #fff !important;
	background: transparent !important;
}
ul.alm-paging li a:hover
{
	background: #079F1C !important;
}
ul.alm-paging li.active a
{
	background: #0FB325 !important;
}
.especie
{
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	border-radius: 15px;    
	transition: background-size 0.5s ease;	
	margin-bottom: 20px;
	height: 400px;	
	overflow: hidden;
}
.especie:hover
{
  	/*background-size: 120% !important; /* aumenta el tamaño para simular zoom */
}
.especie .texto
{
	background: rgba(0, 0, 0, 0.5);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.8) 100%);
	border-radius: 0px 0px 15px 15px;
	padding: 15px;
	height: 100%;
	transform: translateY(300px);
	transition: transform 0.5s ease;
}
.especie:hover .texto
{
	transform: translateY(0px);
}
.especie .texto hr
{
	margin: 5px 0px;
}
.especie .texto a
{
	text-decoration: none;
	color: #fff;
}
.especie .texto .nombre
{
	margin-bottom: 0px;
	min-height: 58px;
	position: relative;
	padding-right: 35px;
}
.especie .texto a .nombre i
{
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 35px;
	opacity: 0.8;
	transition: opacity 0.2s ease;
}
.especie .texto a .nombre:hover i
{
	opacity: 1;
}
.especie .texto .cientifico
{
	font-style: italic;
	font-weight: 300;
}
.especie .texto .title-cat
{
	font-size: 13px;
}
.especie .texto .cats
{
	display: inline-block;
	text-align: center;
	margin-right: 10px;
}
.especie .texto .cats img
{
	width: 40px;
}
.especie .texto .cats p
{
	margin-bottom: 0px;
	font-size: 12px;
}
.single-especie
{
	background: url('/wp-content/uploads/2025/09/bg-single-especie.jpg');
	background-size: cover;
	background-position: top center;
	padding-top: 100px;
	padding-bottom: 150px;
}
.single-especie .btn-rtn
{
	text-decoration: none;
	color: #fff;
	transition: 0.2s;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 25px;
}
.single-especie .btn-rtn i
{
	opacity: 0.8;
	margin-right: 10px;
}
.single-especie .btn-rtn:hover
{
	font-weight: bold;
}
.single-especie .btn-rtn:hover i
{
	opacity: 1;
}
.single-especie .next-especie
{
	text-decoration: none;
	color: #fff;
	transition: 0.2s;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 25px;
}
.single-especie .next-especie:hover
{
	font-weight: bold;
}
.single-especie .nombre
{
	margin-bottom: 0px;
}
.single-especie .cientifico
{
	font-style: italic;
	font-weight: 300;
	margin-bottom: 25px;
}
.single-especie .cat
{
	color: #fff;
	text-decoration: none;	
	border-radius: 35px;
	padding: 5px 15px;
	transition: 0.2s;
}
.single-especie .cat.herpetofauna
{
	background: #0FB325;
}
.single-especie .cat.herpetofauna:hover
{
	background: #079F1C;
}
.single-especie .cat.ornitofauna
{
	background: #0F92B3;
}
.single-especie .cat.ornitofauna:hover
{
	background: #0E89A7;
}
.single-especie .cat.mastofauna
{
	background: #B30F9A;
}
.single-especie .cat.mastofauna:hover
{
	background: #D81BBC;
}
.single-especie .cat img
{
	width: 20px;
	margin-right: 5px;
}
.single-especie hr.separador
{
	opacity: 1;
	overflow: visible;
	color: #0FB325;
	margin: 35px 0px;
}
.single-especie .title-cat
{
	font-size: 13px;
}
.single-especie .cats
{
	display: inline-block;
	text-align: center;
	margin-right: 10px;
}
.single-especie .cats img
{
	width: 40px;
}
.single-especie .cats p
{
	margin-bottom: 0px;
	font-size: 12px;
}
.single-especie .slider-galeria .contenedor-slider
{
	padding: 15px;
}
.single-especie .slider-galeria .contenedor-slider img
{
	width: 100%;
}
.single-especie .slider-nav .item-nav
{
	padding: 15px;
}
.single-especie .slider-nav .item-nav img
{
	width: 100%;
	cursor: pointer;
}
.single-especie .galeria-especie .imagen img
{
	width: 100%;
}
.fancybox__container
{
	z-index: 10000;
}
.fancybox__container .fancybox__button--zoom,
.fancybox__container .fancybox__button--fullscreen,
.fancybox__container .fancybox__button--thumbs
{
	display: none;
}
.single-especie .contenido-especie .video a
{
	position: relative;
}
.single-especie .contenido-especie .video h6
{
	margin-bottom: 15px;
}
.single-especie .contenido-especie .video .img-modal
{
	width: 30%;
	cursor: pointer;
}
.single-especie .contenido-especie .video .btn-play
{
	font-size: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-15px) translateY(-15px);
	cursor: pointer;
}
.single-especie .contenido-especie .video .modal
{
	z-index: 10000;
}
.modal-backdrop 
{
   background-color: #079F1C !important;
}
.especies-relacionadas
{
	background: #05301C;
	padding: 150px 0px 100px;
    /*clip-path: polygon(40% 15%, 80% 0%, 100% 15%, 100% 100%, 0% 100%, 0% 15%, 20% 5%);*/
	clip-path: polygon(40% 8%, 80% 0%, 100% 8%, 100% 100%, 0% 100%, 0% 8%, 20% 5%);
    margin-top: -120px;
    z-index: 999;
}
.especies-relacionadas h1
{
	margin-bottom: 25px;
}
.tabla-especies .cats
{
	display: inline-block;
	text-align: center;
	margin-right: 10px;
}
.tabla-especies .cats img
{
	width: 40px;
}
.tabla-especies .cats p
{
	margin-bottom: 0px;
	font-size: 12px;
}
div.dt-container .dt-input
{
	background: #05301C !important;
}
div.dt-container .dt-paging .dt-paging-button.current, 
div.dt-container .dt-paging .dt-paging-button.current:hover
{
	background: #0FB325 !important;
}
div.dt-container .dt-paging .dt-paging-button:hover
{
	background: #079F1C !important
}
#tabla-especies thead tr th
{
	background: #021a05;
	color: #fff;
	border-bottom: solid 1px #29510e;
}
#tabla-especies tbody tr td
{
	background: #021a05;
	color: #fff;
	border-bottom: solid 1px #29510e;
}
#tabla-especies tbody tr td.cientifico
{
	font-style: italic;
}
#tabla-especies tbody tr td.comun a
{
	color: #fff;
	transition: 0.2s;
}
#tabla-especies tbody tr td.comun a:hover
{
	font-weight: bold;
}
#tabla-especies tfoot tr th
{
	background: #021a05;
	color: #fff;	
	border-bottom: solid 1px #29510e;
}
/*Especies*/
/*Conoce más*/
.acc-conoce .vc_tta-panel .vc_tta-panel-heading
{
	background-color: #011F11 !important;
	border-color: transparent !important;
}
.acc-conoce .vc_tta-panel .vc_tta-panel-heading:hover
{
	background-color: #0A5130 !important;
}
.acc-conoce .vc_tta-panel .vc_tta-panel-title>a
{
	color: #fff !important;
	font-weight: bold;
}
.acc-conoce .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:after, 
.acc-conoce .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before, 
.acc-conoce .vc_tta-controls-icon:after, 
.acc-conoce .vc_tta-controls-icon:before
{
	border-color: #0FB325 !important;	
}
.acc-conoce .vc_tta-controls-icon
{
	height: 20px !important;
	width: 20px !important;
}
.acc-conoce .vc_tta-panel .vc_tta-panel-body
{
	background-color: #011F11 !important;
	border-color: transparent !important;
}
.ico-cats-fauna-tab
{
	width: 60px;
}
/*Conoce más*/
/*TABLET*/
@media screen and (min-width: 481px) and (max-width: 780px)
{
	/*Footer*/
	footer .footer1
	{
		margin-top:-50px;
	}
	footer .footer1 .redes
	{
		text-align: center;
		padding-top: 25px;
	}
	footer .footer2 .desc
	{
		text-align: center;
		padding-top: 25px;
	}
	/*Footer*/
	/*Inicio*/
	.img-santuarios .vc_column-inner
	{
		padding: 15px !important;
	}
	.div-especies-home
	{
		clip-path: polygon(35% 0%, 70% 10%, 100% 0%, 100% 100%, 0% 100%, 0% 5%, 20% 10%);
	}
	.especie-home a
	{
		height: 400px;
	}	
	.img-atraves .vc_column-inner
	{
		height: 125px;
	}
	.div-banner-santuarios
	{
		clip-path: polygon(35% 0%, 70% 10%, 100% 0%, 100% 100%, 0% 100%, 0% 5%, 20% 10%);
	}
	/*Inicio*/
	/*Especies*/
	.especie .texto
	{
		transform: translateY(280px);
	}
	.especie .texto .cientifico
	{
		min-height: 40px;
	}
	.especies-relacionadas
	{
		/*clip-path: polygon(40% 10%, 80% 0%, 100% 10%, 100% 100%, 0% 100%, 0% 10%, 20% 5%);*/
		clip-path: polygon(40% 7%, 80% 0%, 100% 7%, 100% 100%, 0% 100%, 0% 7%, 20% 5%);
	}
	/*Especies*/
}
/*TABLET*/
/*MOBILE*/
@media screen and (max-width: 480px)
{
	/*Herader*/
	header .logo,
	header .logo-keken
	{
		width: 50%;
		text-align: center;
        padding: 10px 0px;
	}
	header .buscador
	{
		width: 80%;
	}
	header .menu
	{
		width: 20%;
	}
	.menu-especies
	{
		height: 500px;
		overflow-y: scroll;
	}
	.menu-especies .titulo
	{
		width: 35%;
	}
	.menu-especies .boton
	{
		width: 65%;
	}
	/*Herader*/
	/*Footer*/
	footer .footer1
	{
		/*margin-top: -65px;*/
	}
	footer .footer1 .logo
	{
		text-align: center;
		padding-bottom: 15px;
	}
	footer .footer1 .gracias
	{
		text-align: center;
		padding-bottom: 15px;
	}
	footer .footer1 .redes
	{
		text-align: center;
	}
	footer .footer2,
	footer .footer2 .desc
	{
		text-align: center;
	}	
	footer .footer2 .copy,
	footer .footer2 .develop
	{
		padding-bottom: 15px;
	}
	.sonido-ambiental
	{
		bottom: 15px;
		left: 15px;
	}
	/*Footer*/
	/*Inicio*/
	.div-santuarios
	{
		clip-path: polygon(60% 4%, 80% 0%, 100% 4%, 100% 100%, 0% 100%, 0% 4%, 30% 0%);
	}
	.div-especies-home
	{
		clip-path: polygon(35% 0%, 70% 5%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, 20% 5%);
	}
	.div-atraves
	{
		clip-path: polygon(60% 4%, 80% 0%, 100% 4%, 100% 100%, 0% 100%, 0% 4%, 30% 0%);
	}
	.img-atraves .vc_column-inner
	{
		height: 200px;
	}
	.div-banner-santuarios
	{
		clip-path: polygon(35% 0%, 70% 5%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, 20% 5%);
	}
	footer .footer1
	{
		clip-path: polygon(60% 4%, 80% 0%, 100% 4%, 100% 100%, 0% 100%, 0% 4%, 30% 0%);
	}
	/*Inicio*/
	/*Especies*/
	.col-slick
	{
		padding: 0px 35px;
	}
	.single-especie
	{
		padding-top: 150px;
	}
	.single-especie .galeria-especie .video .img-modal
	{
		width: 50%;
	}
	.single-especie
	{
		padding-bottom: 100px;
	}
	.especies-relacionadas
	{
		clip-path: polygon(40% 5%, 80% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%, 20% 5%);
	}
	/*Especies*/
}
/*MOBILE*/