@font-face {
	font-family: 'Tan Nimbus';
	src: url('font/TAN-NIMBUS.woff2') format('woff2'),
		url('font/TAN-NIMBUS.woff') format('woff'),
		url('font/TAN-NIMBUS.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

*{
	font-family: 'Montserrat';
	font-size: 18px;
}

:root {

	--black: #000;
	--green: #018657;
	--pink: #ff7da1;
	--white: #fff;

}

.custom-admin-menu {
	background-color: var(--green) !important;
}

.custom-admin-menu a {
	color: white !important;
}

.custom-header{
	background-image: url('../../img/fondo_header.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 18px;
}

.header-title-text{

	font-family: 'Tan Nimbus';
	font-size: 16px !important;

}

.header-title-text i {
    margin: 0;
    line-height: 1;
}

.custom-header a{
	height: 100%;
}

.custom-header .custom-header-title#span{
	font-family: 'Tan Nimbus', sans-serif;
}

*:not(.custom-header-title#span) {
    font-size: 14px;
}



.custom-footer{
	background-image: url('../../img/fondo_header.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

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

a:visited {
	color: var(--green);
    text-decoration: none;
}

.slider-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover; /* Asegura que la imagen mantenga la proporción al recortarse si es necesario */
}

.entry-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.popular-img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

.post-content img {
    max-width: 100%;  /* La imagen nunca será más ancha que su contenedor */
    height: auto;     /* Mantener la proporción de la imagen */
    margin: 10px 0;   /* Espaciado entre imágenes */
}


.scroll-btn {
	height: 40px;
	width: 40px;
	border: 2px solid #000;
	border-radius: 10%;
	background-color: #000;
	position: fixed;
	bottom: 25px;
	right: 20px;
	opacity: 0.8;
	z-index: 9999;
	cursor: pointer;
	display: none;
}

.scroll-btn .scroll-btn-arrow {
	height: 12px;
	width: 12px;
	border: 3px solid;
	border-right: none;
	border-top: none;
	margin: 15px 12px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	color: white;
}

.nav-link {
	color: var(--green) !important;
	font-weight: bold;
	font-size: 12px;
}


.nav-link:hover{
	color: var(--pink) !important;
}

.dropdown-menu a {
	color: var(--green) !important;
}

.dropdown-menu a:hover {
	color: var(--pink) !important;
	background-color: rgba(1, 134, 87, 0.1) !important;
}


.custom-card-header{
	font-weight: bold;
	background-image: url('../../img/fondo_header.png');
	/*opacity: 0.5;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color:var(--green);
	
}

.text-box {
    background-color: var(--white);
    padding: 5px; 
    border-radius: 5px; 
    color: var(--green); 
    display: inline-block; 
    font-weight: bold;
}

.h5-custom {

	margin: 0px 12px; /* Ajusta según la cantidad de padding que prefieras */

}


.btn-custom {
	background-color: var(--green); 
	border-color: var(--green);
	color: white;
}

.btn-custom#btn-contact {
	background-color: var(--green); 
	border-color: var(--green);
	color: white;
}

.btn-custom#btn-numbers {
	background-color: var(--green); 
	border-color: var(--green);
	color: white;
}

.btn-custom:hover {
	background-color: var(--pink); 
	border-color: var(--pink);
	color: white; 
}

.btn-custom:hover#btn-contact {
	background-color: var(--pink); 
	border-color: var(--pink);
	color: white; 
}

.btn-custom:hover#btn-numbers {
	background-color: var(--pink); 
	border-color: var(--pink);
	color: white; 
}

.badge-custom {
	background-color: var(--green) !important; 
	color: white;
}

.search-custom {
	font-family: 'Montserrat';

}

.custom-rounded {
	
	background-color: var(--green) !important;
}

.custom-list{
	color:var(--green);
}

.custom-h5 {
	color:var(--green);
	font-weight: bold;
}

.custom-h6{
	color: var(--green) !important;
	font-weight: bold;
}

.custom-link{
	color: var(--green);
}

.custom-link:hover{
	color: var(--pink);
}

.custom-p {
	color: var(--green);
	font-weight: bold;
}

.custom-card-title {
	color: var(--green);
	font-size: 14px !important;
	font-weight: bold;
}

.custom-card-title:hover {
	color: var(--pink);
}

.custom-text-light-big{
	background-color: var(--white);
	background-color: rgba(255, 255, 255, 0.4); /* Blanco con 80% de opacidad */
    padding: 5px; 
    border-radius: 5px; 
    color: var(--green); 
    display: inline-block; 
    font-weight: bold;
	font-size: 20px !important;
	color: black !important;
	text-shadow: 1px 1px white, -1px -1px white, 1px -1px white, -1px 1px white;
}

.custom-text-light{
	font-size: 12px !important;
	color: black !important;
	text-shadow: 1px 1px white, -1px -1px white, 1px -1px white, -1px 1px white;
}

.post-info {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.post-info small {
    /*display: flex;*/
    align-items: center;
    line-height: 1;
}

.post-info i {
    margin-right: 0.15rem; /* Ajusta el espacio entre el ícono y el número */
    line-height: 1; /* Asegura que el ícono no tenga un tamaño de línea diferente */
    font-size: 1rem; /* Ajusta el tamaño del ícono si es necesario */
}

.post-info span {
    line-height: 1;
}

.like-container {
  /*  display: flex;*/
    align-items: center;
    font-size: 0.8rem;
}

.like-counter {
    font-size: 0.9rem;
    line-height: 1;
}


.liked {
	color: red;
}

.login-custom {
	color: var(--green);
}

.icon-facebook {
	/*background-color: #018657;*/
    color: white;
    font-size: 30px;
}

.icon-twitter {
    color: white;
    font-size: 30px;
}

.icon-linkedin {
	color: white;
    font-size: 30px;
}

.icon-email {
	color: white;
    font-size: 30px;
}




.notouch .scroll-btn:hover { opacity: 0.8 }

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.scroll-btn {
		bottom: 8px;
		right: 8px;
	}
}