/* 
 * Variables globales y estilos base del tema Grafiweb 
 */

:root {
	/* Colores Globales */
	--grafi-primary: #003466;
	--grafi-secondary: #252424;
	--grafi-white: #ffffff;
	--bold-gray: #4e4e4e;
	--light-gray: #f6f6f6;
	
	/* Tipografía */
	--font-headings: 'Syne', sans-serif;
	--font-body: 'Inter', sans-serif;
}

/* 
 * Tipografía Base 
 */
body {
	font-family: var(--font-body);
	color: var(--grafi-secondary);
	background-color: var(--grafi-white);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--font-headings);
	font-weight: 700;
	color: #000000;
}

h3 {
	font-size: 24px;
}

a {
	text-decoration: none;
	color: var(--grafi-secondary);
}

p {
	color: var(--bold-gray);
}

/* 
 * Botones 
 */
.btn-primary,
.wp-block-button__link.btn-primary {
	background-color: var(--grafi-primary);
	color: var(--grafi-white);
	font-family: var(--font-body);
	font-weight: 600; /* Semi bold */
	font-size: 16px;
	padding: 12px 18px;
	border: 2px solid var(--grafi-primary);
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.btn-primary:hover,
.wp-block-button__link.btn-primary:hover {
	background-color: var(--grafi-secondary);
	color: var(--grafi-white);
	border: 2px solid var(--grafi-secondary);
}

.btn-primary.large {
	padding: 12px 105px;
}

.btn-secondary,
.wp-block-button__link.btn-secondary {
	background-color: var(--grafi-white);
	color: var(--grafi-primary);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 16px;
	padding: 12px 18px;
	border: 2px solid var(--grafi-primary);
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}

.btn-secondary:hover,
.wp-block-button__link.btn-secondary:hover {
	background-color: var(--grafi-primary);
	color: var(--grafi-white);
}

/* 
 * Botones de Hero Personalizados 
 */
.btn-hero-primary {
	background-color: var(--grafi-primary, #003466);
	color: #ffffff !important;
	font-family: var(--font-body, 'Inter', sans-serif);
	font-weight: 600;
	font-size: 16px;
	padding: 18px 30px;
	border: 2px solid var(--grafi-primary, #003466);
	border-radius: 5px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	min-width: 245px;
	line-height: 21px;
	transition: all 0.3s ease;
}

.btn-hero-primary:hover {
	background-color: var(--grafi-secondary, #252424);
	color: var(--grafi-white, #ffffff) !important;
	border: 2px solid var(--grafi-secondary, #252424);
}

.btn-hero-secondary {
	background-color: #ffffff;
	color: var(--grafi-primary, #003466) !important;
	font-family: var(--font-body, 'Inter', sans-serif);
	font-weight: 600;
	font-size: 16px;
	padding: 18px 30px;
	border: 2px solid var(--grafi-primary, #003466);
	border-radius: 5px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	min-width: 245px;
	line-height: 21px;
	transition: all 0.3s ease;
}

.btn-hero-secondary:hover {
	background-color: var(--grafi-primary, #003466);
	color: #ffffff !important;
}

.single-post.post-template-default .awb-carousel {
	border: none !important;
}

.single-post.post-template-default h2, .single-post.post-template-default h3 {
	margin: 25px 0;
}

.single-post.post-template-default img {
	margin: 25px 0;
}