/*
Theme Name: Very Theme
Theme URI: https://tusitio.com
Author: Granota.net
Author URI: https://granota.net
Description: Un tema básico para WordPress.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: very-theme
*/

@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/very-theme/fonts/Poppins-Light.woff2') format('woff2'),
	url('/wp-content/themes/very-theme/fonts/Poppins-Light.woff') format('woff');
  font-weight: 300; /* Light */
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/very-theme/fonts/Poppins-Regular.woff2') format('woff2'),
	 url('/wp-content/themes/very-theme/fonts/Poppins-Regular.woff') format('woff');
  font-weight: 400; /* Regular */
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/very-theme/fonts/Poppins-Medium.woff2') format('woff2'),
	  url('/wp-content/themes/very-theme/fonts/Poppins-Medium.woff') format('woff');
  font-weight: 500; /* Medium */
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/very-theme/fonts/Poppins-Bold.woff2') format('woff2'),
	  url('/wp-content/themes/very-theme/fonts/Poppins-Bold.woff') format('woff');
  font-weight: 700; /* Bold */
  font-style: normal;
}

/* --- Reseteo Básico --- */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, li, table, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	line-height: 1.6;
	font-family: 'Poppins', sans-serif !important;
	color: #333;
	background-color: var(--bg-body);
}
/* --- Enlaces --- */
a {
	color: #0073aa;
	text-decoration: none;
}
a:hover {
	color: #005177;
	text-decoration: underline;
}
/* --- Encabezados --- */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 0.5em;
}
h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1em; }
h6 { font-size: 0.875em; }

/* --- Estructura Básica --- */
header, footer, main, nav, section {
	display: block;
	margin-bottom: 1.5em;
}
footer {
	background-color: #333;
	color: white;
	padding: 1em;
	text-align: left;
	margin-top: 40px;
}

/* --- Listas --- */
ul{margin-left: 20px;}
ol {list-style: decimal;}

/* --- Imágenes --- */
img {
	max-width: 100%;
	height: auto;
}

/* --- Clases Utilitarias --- */
.text-center {text-align: center;}
.margin-top {margin-top: 1em;}
.padding {padding: 1em;}

:root{
	--primary-color: #ECD4B2;
	--secondary-color: #afd5ac;
	--bg-body:	#F5F5F5;
	--bg-color: #EDF2EC;
	--text-color: #101010;
	--font:'Poppins', sans-serif;
}



/** ERROR 404 **/
.gn-404{
	height: 60vh;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-weight: 300;
	font-family: var(--font);
}
.gn-404 .btn{
	background-color: var(--primary-color);
	padding: 10px 20px;
	width: fit-content;
	border-radius: 10px;
	color: var(--text-color);
	margin-top: 30px;
	text-decoration: none;
}
.gn-404 .btn:hover{
	background-color: var(--secondary-color);
	padding: 10px 20px;
	width: fit-content;
	border-radius: 10px;
	color: white;
	margin-top: 30px;
}
/** ARCHIVE **/
.page-header {
	margin-bottom: 2em;
	text-align: center;
}
.page-title {
	font-size: 2em;
	color: var(--text-color);
}
.pagination {
	margin-top: 2em;
	text-align: center;
}
/** INDEX **/
.site-main {
	margin: 0 auto;
	padding: 1em;
}
.post-list {
	display: flex;
	flex-direction: column;
	gap: 2em;
}
article {
	border-bottom: 1px solid #ddd;
	padding-bottom: 1em;
}
.entry-title a {
	color: var(--text-color);
	text-decoration: none;
	font-size: 1.5em;
}
.entry-title a:hover {
	color: #0073aa;
	text-decoration: underline;
}
.entry-meta {
	font-size: 0.9em;
	color: #666;
}
.pagination {
	text-align: center;
	margin-top: 2em;
}


/** SEARCH **/

html, body {background-color: var(--bg-body) !important;}
/****/
.btn-contact,
.btn-contact:hover{
	background-color: var(--primary-color);
	padding: 10px 20px;
	border-radius: 10px;
	color: var(--text-color);
	text-decoration: none;
}
.btn-contact:hover{
	background-color: var(--secondary-color);
	color: white;
}
.gn-menuBtn{
	font-size: 18px;
	padding: 10px 20px !important;
}
.gn-barraSuperior{
	padding-left: 15px !important;
	padding-right: 15px !important;
	margin-bottom: 0px !important;
	background-color: var(--bg-body) !important;
}
.gn-barraSuperior img.custom-logo {
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}
.shrink img.custom-logo{
	height: 60px;
	width: auto;
	max-width: none;
}
header{margin-bottom: 0px;}
.gn-menuCanvas{
	background-color: var(--bg-color) !important;
	border: 0px solid transparent !important;
	margin: 30px !important;
	border-radius: 10px !important;
}
.gn-menuCanvas .btnOff{
	display: flex !important;
	width: 100% !important;
	justify-content: flex-end;
	padding: 10px;
	align-content: center;
	align-items: center; 				
	text-decoration: none;
	justify-content: flex-end;
	color: var(--text-color);
	font-size: 16px;
	cursor: pointer;
}
.gn-menuCanvas .btnOff i{margin-right: 5px;}
.gn-menuCanvas li a{
	display: flex;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px solid var(--text-color);
	font-size: 18px;
	font-weight: 300;
	color: var(--text-color);
}
.gn-menuCanvas li:last-child a, .gn-menuCanvas li:last-child a:hover{border-bottom: 0px solid transparent;}
.gn-menuCanvas li a:hover{
	display: flex;
	width: 100%;
	background-color: var(--primary-color);
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px solid black;
	text-decoration: none;
	padding-left: 20px;
}
.gn-menuCanvas .gn-btnCita{
	background-color: var(--primary-color);
	margin: 10px;
	padding: 15px 20px;
	border-radius: 10px;
	color: var(--text-color);
	text-decoration: none;
	text-align: center;
}
.gn-menuCanvas .gn-btnCita:hover{
	background-color: var(--secondary-color);
	color: white;
}
.gn-menuHoriz{
	display: flex;
	justify-content: center;
	flex-direction: row;
	margin-bottom: 10px;
}
.gn-menuHoriz .menu-item{
	width: fit-content;
}
.gn-menuHoriz .nav-link{
	width: fit-content;
	margin-right: 20px;
}
.gn-menuHoriz .nav-link:hover{
	text-decoration: none;
	font-weight: bold;
	
}
.home .gn-backgroundFooter,
.page-id-11 .gn-backgroundFooter,
.page-id-13 .gn-backgroundFooter,
.page-id-15 .gn-backgroundFooter,
.page-id-350 .gn-backgroundFooter,
.page-id-17 .gn-backgroundFooter{
	background-color: var(--bg-color);
	margin-top: -40px;
	padding-bottom: 30px;
}
footer{
	background-color: #070707;
	border-radius: 30px;
	padding: 40px;
	padding-bottom: 50px !important;
}
footer li{list-style-type: none;}
footer .gn-direccion{
	margin-top: 20px;
	color: var(--bg-color);
	font-size: 16px;
	font-weight: 300;
}
footer .gn-redes{
	color: var(--bg-color);
	text-decoration: none;
	font-weight: 300;
}
footer .gn-redes i{font-size: 18px;}
footer h2{
	font-size: 16px;
	font-weight: 800;
	margin-top: 60px;
}
footer ul li a{
	text-decoration: none;
	color: var(--bg-color);
	font-size: 16px;
	line-height: 32px;
	font-weight: 300;
}
footer ul li a:hover{
	text-decoration: none;
	color: white;
	font-size: 16px;
	line-height: 32px;
	font-weight: 300;
}
.gn-copy {font-size: 14px;}
.gn-copy img{
	height: 33px;
	margin-left: 20px;
}
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1.5s all ease;
}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
.gn-tabsMedic{
	height: 580px;
	display: flex;
}
.gn-tabsMedicBig{
	height: 650px;
	display: flex;
}
.gn-tabsMedic .e-n-tabs-content div{justify-content: initial !important;}
.gn-tabsMedic .e-n-tabs{width: 100%;}
.gn-radiusProcess{
	padding: 50px !important;
	border-radius: 10px !important;
	transition: 1s all ease-in-out !important;
}
[id] {scroll-margin-top: 40px;}
.gn-topDis{display: none;}
.gn-top{
	display: block !important;
	position: fixed;
	bottom: 70px;
	background-color: black;
	color: white;
	right: 20px;
	border: 1px solid #F5F5F5;
	padding: 10px 15px;
	border-radius: 10px;
}
#scrollTopBtn {
	display: none; /* Oculto por defecto */
	position: fixed;
	bottom: 65px;
	right: 10px;
	z-index: 999;
	background-color: black;
	color: white;
	border: 1px solid #F5F5F5;
	padding: 10px 15px;
	border-radius: 10px;
	cursor: pointer;
	transition: opacity 0.3s, transform 0.3s;
}

#scrollTopBtn:hover {transform: translateY(-3px);}
article{
	border: none !important;
	border-radius: 10px;
	padding-bottom: 0px;
}
article h2 a{
	font-size: 18px !important; 
	font-weight: 400;
}
article .post-thumbnail{
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}
article .gn-articleInterInfo{
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	align-content: center;
	align-items: center;
}
article .gn-articleInterInfo .gn-date{
	background-color: black;
	color: white;
	padding: 5px 10px;
	border-radius: 5px;
}
article .gn-articleInterInfo .gn-date i{margin-right: 5px;}
article .gn-articleInterInfo a{color: black;}
article .gn-articleInterInfo,article .entry-content{padding: 10px 20px;}
article .entry-content p{font-weight: 200;}
article .read-more a{
	background-color: black;
	border-radius: 5px;
	padding: 10px 20px;
	text-align: center;
	color: white;
	display: flex;
	justify-content: center;
}
article .read-more a:hover{
	background-color: var(--bg-color);
	color: var(--text-color);
	text-decoration: none;
}
.wp-block-search{margin-bottom: 10px;}
.wp-block-search .wp-block-search__inside-wrapper,.wp-block-search__input{border-radius: 20px;}
.wp-block-search__button{
	border-radius: 20px;
	background-color: var(--primary-color);
	color: var(--text-color) !important;
	border: 1px solid var(--primary-color) !important;
}
.wp-block-search__button:hover{
	background-color: var(--secondary-color);
	color: white !important;
	border: 1px solid var(--secondary-color) !important;
}
.wp-block-heading{
	font-weight: 400;
	margin-top: 20px;
}
.wp-block-categories-list{
	list-style-type: none;
	margin: 0px;
}
.wp-block-categories-list li{display: flex;}
.wp-block-categories-list a{
	background-color: var(--primary-color);
	width: 100%;
	padding: 10px 20px;
	border-radius: 10px;
	color: white;
	text-decoration: none;
}
.wp-block-latest-posts__list a{
	text-decoration: none;
	color: var(--text-color);
}
 .gn-articleInter .gn-articuloImg{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: 450px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}
.gn-articleInter .gn-articuloImg img{
	width: 100%;
	max-width: none;
}
.gn-articleInter .gn-articleInterContent{padding: 20px 20px;}
.gn-articleInter .entry-meta{
	display: flex;
	justify-content: space-between;
}
.wp-block-search__input{
	border: 1px solid transparent;
	padding: 5px 0px;
	padding-left: 20px;
	padding-right: 5px;
	margin-right: 5px;
	
}
.wp-block-search__button{
	border: 1px solid black;
	color: white;
	fill: white;
}
.gn-formularioCita .btn-cita{
	display: flex;
	width: 100%;
	padding: 10px 20px;
	justify-content: center;
	background-color: var(--secondary-color);
	color: black;
	border: 0px solid transparent;
	border-radius: 10px !important;
	margin-top: 10px;	
}
.gn-formularioCita select{
	width: 100%;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.gn-formularioCita input,
.gn-formularioCita textarea{
	padding: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.gn-formularioCita textarea{
	height: 200px;
}
.gn-formularioCita .wpcf7-acceptance label{
	display: flex;
	align-content: center;
	align-items: center;
}
.gn-formularioCita .wpcf7-acceptance input{
	width: fit-content;
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
}
@media (max-width: 767px){
	.gn-menuBtn{ font-size: 14px !important;}
	.gn-barraSuperior img.custom-logo{
		height: 40px !important;
		width: auto !important;
	}
	.gn-radiusProcess{padding: 10px !important;}
	.gn-menuCanvas{
		margin: 0px !important;
		padding-bottom: 20px;
		border-radius: 0px !important;
	}
	.gn-tabsMedic{
		height: auto;
		display: flex;
	}
	#scrollTopBtn{right: 10px;}
}
@media (min-width: 768px) and (max-width: 1024px){
	.gn-tabsMedic{
		height: auto;
		display: flex;
	}
}