/*
Theme Name: Avila Herrera
Theme URI: https://www.linkedin.com/in/gonzalo-failla-rossi/
Description: Avila Herrera Template from Astra
Author: Gon Failla Rossi
Author URI: https://www.linkedin.com/in/gonzalo-failla-rossi/
Template: astra
Version: 1.0.0
*/

/*@import url("../astra/style.css");*/

/* Global variables */
:root {
	--palette-color-primary: #F78A0E;
	--palette-color-positive: #3BD42B;
	--palette-color-negative: #FF2D2D;
	--palette-color-00: #FFFFFF;
	--palette-color-10: #EBEBED;
	--palette-color-20: #DADBDE;
	--palette-color-30: #C8C9D0;
	--palette-color-40: #AAADB9;
	--palette-color-50: #5E6171;
	--palette-color-60: #73778A;
	--palette-color-70: #5E6171;
	--palette-color-80: #4B4E5B;
	--palette-color-90: #3A3D47;
	--palette-color-100: #262831;
	--palette-color-110: #1B1C23;
	--palette-color-120: #16171D;
	--palette-color-130: #111217;
	font-family: "EB Garamond" !important;
	--ast-global-color-0: #BFA66D;
	--ast-global-color-1: #D2B367;
}

* {
	font-family: "EB Garamond";
}

img, video {
  max-width: 100%;
  height: auto;
  display: block;
}

html {
  scroll-behavior: smooth;
}

body, html, ol, ul {
    margin: 0;
    padding: 0;
    font-family: "EB Garamond", "Segoe UI", sans-serif;
}

button {
	background-color: #BFA66D;
	color: var(--palette-color-100);
	border: 1px solid #E9D9A6;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.5px;
	height: 60px;
}

button:hover, button:focus {
	background-color: #D2B367;
	color: var(--palette-color-130);
	border: 1px solid #E9D9A6;
}

button:active {
	background-color: #E4C371;
	color: var(--palette-color-130);
	border: 1px solid #E9D9A6;
}

h1, h2, h3, h4, h5, h6, h7, p, div, span {
	font-family: "EB Garamond" !important;
}

.gz-fixed-toolbar {
	position: fixed !important;
	transition: background-color 0.5s ease;
}

/* Override parent template */
.ast-container {
  max-width: 100%;
  overflow-x: hidden;
}

.sidebar-main {
	margin-top: 65px;
}

.ast-separate-container .ast-archive-description {
	background-color: transparent !important;
}

.ast-archive-description .ast-archive-title {
	font-size: 35px !important;
	padding-left: 55px;
}

/* HEADER SECTION */

.gz-header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: transparent;
  transition: none;
}

.gz-header.scrolled-light {
  background-color: #f0f0f0;
}

.gz-header.scrolled-light button {
  stroke: var(--palette-color-60);
}

.gz-header.scrolled-dark {
  background-color: #111;
}

.gz-header-container {
  max-width: 1200px;
  overflow-x: hidden;
  margin: 0 auto;
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gz-header-left {
  display: flex;
  align-items: center;
}

.gz-logo-link {
	display: flex;
	align-items: center;
}

.gz-logo {
  height: 80px;
  margin-right: 10px;
}

.gz-header-text {
  font-size: 25px;
  font-weight: normal;
  color: var(--palette-color-60);
}

.gz-header-right .gz-nav-menu {
  list-style: none;
  display: flex;
  gap: 25px;
  margin: 0;
}

.gz-nav-menu li a {
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--palette-color-40);
  font-weight: 500;
  transition: color 0.3s;
}

.gz-nav-menu li a:hover {
  color: var(--palette-color-primary);
}


/* Sidebar Renu Responsive */
.gz-header-menu-burger {
	display: none; /* Visible for mobile devices */
	/*stroke: var(--palette-color-00); */
	stroke: var(--palette-color-80);
	height: 24px;
    width: 24px;
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
}

#side-menu-responsive {
  position: fixed;
  top: 0;
  left: -85%;
  height: 100%;
  width: 85%;
  background-color: var(--palette-color-120);
  color: white;
  transition: left 0.3s ease;
  z-index: 1000;
  padding: 50px 30px;
  overflow-y: auto;
}

/* Menú activo */
#side-menu-responsive.active {
	left: 0;
}

#side-menu-close-button {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1001;
  background-color: transparent;
  color: var(--palette-color-60);
  border: none;
  padding: 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
}

#side-menu-close-button svg {
	stroke: var(--palette-color-60);
	fill: none;
}

.gz-side-burger-options-menu {
	list-style: none;
    gap: 25px;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    margin-top: 40px;
}

.gz-side-burger-options-menu li a {
	font-size: 14px;
	color: var(--palette-color-30);
	list-style: none;
	color: red;
	font-weight: bold;
}

.gz-side-menu-burger-media-icons-section {
	display: flex;
	flex-direction: column;
	position: absolute;
	width: 85%;
	bottom: 50px;
	justify-content: center;
	align-items: center;
	gap: 25px;
}

.gz-side-menu-burger-media-icons-section h4 {
	color: var(--palette-color-60);
	font-size: 14px;
	font-weight: bold;
	font-family: 'EB Garamond';
}

.gz-side-menu-burger-media-icons-section div {
	display: flex;
	justify-content: center;
	gap: 22px;
}

/* END HEADER */


.menu-link {
	font-size: 17px;
	font-weight: 450;
	color: var(--palette-color-40) !important;
	border: none !important;
}

.menu-link:hover, .menu-link:focus, .menu-link:focus-visible {
	color: var(--palette-color-20) !important;
	outline: none;
}

.menu-link:active {
	color: var(--palette-color-10) !important;
}

.gz-footer {
	background-color: var(--palette-color-120);
	height: 300px;
	display: flex;
	justify-content: center;
	border-top: 1px solid var(--palette-color-80);
}

.gz-footer-container {
	max-width: 1200px;
	overflow-x: hidden;
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(3, 290px);
	width: 100%;
	padding-top: 50px;
	gap: 30px;
}

.gz-footer-column-website-logo {
	display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    height: fit-content;
    gap: 5px;
}

.gz-footer-column-website-logo > div {
	font-size: 19px;
	font-weight: normal;
	color: var(--palette-color-60);
}

.gz-footer-column {
	display: flex;
	justify-content: left;
    flex-direction: column;
    text-align: left;
    gap: 14px;
}

.gz-footer-column-media-icons {
	display: flex;
	gap: 20px;
}

.gz-footer-column-media-icons a {
	height: fit-content;
}

.gz-footer h4 {
	font-family: "EB Garamond";
	color: var(--palette-color-60);
	font-size: 19px;
	font-weight: bold;
}

.gz-footer p, .gz-footer a {
	font-family: "EB Garamond";
	color: var(--palette-color-40);
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}

.gz-footer a:hover {
	color: var(--palette-color-20)
}

/* Full width and height block section */
.gz-full-wh-section {
	min-height: 100%;
	width: 100%;
	background-color: red;
}

.gz-creator-row {
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 50px;
    color: var(--palette-color-40);
    background-color: var(--palette-color-130);
    border: none;
}

.gz-creator-row p { 
	margin: 0;
	padding: 0;
}

.gz-creator-row a { 
    font-weight: bold;
    color: var(--palette-color-40);
}

.gz-creator-row a:hover,
.gz-creator-row a:active { 
    color: var(--ast-global-color-0);
}

@media (max-width: 375px) {
	
	h2 {
		font-size: 20px !important;
	}
	
	.gz-header {
		height: 75px;	
	}
	
	.gz-header-container {
		padding: 20px 20px;
	}
	
	.gz-header-right .gz-nav-menu {
  		display: none;
	}
	
	.gz-header-menu-burger {
		display: flex;
	}
	
	.gz-logo {
  		height: 35px;
		margin-right: 5px;
	}

	.gz-header-text {
		font-size: 12px;
	}
	
	.gz-footer {
		height: auto;	
	}
	
	/*.gz-footer-container {
		display: flex;
		flex-direction: column;
		padding: 50px 0;
		gap: 30px;
	}*/
	
	.gz-footer-container {
		grid-template-columns: 1fr;
        padding: 50px 25%;
        gap: 25px;
	}
	
	.gz-footer-column {
        gap: 10px;
	}
	
	.gz-footer-column p {
        margin: 0;
	}
	
	.wpforms-form {
		width: 80%
	}
	
	.modal-container { 
		width: 90% !important;
	}
	
	.entry-header {
		margin-top: 30px;
	}
}

@media (min-width: 376px) and (max-width: 768px) {
  /* Estilos tablet */

	h2 {
		font-size: 20px !important;
	}
	
	.gz-header-right .gz-nav-menu {
  		display: none;
	}
	
	.gz-header-menu-burger {
		display: flex;
	}
	
	.gz-logo {
  		height: 35px;
		margin-right: 5px;
	}

	.gz-header-text {
		font-size: 15px;
	}
	
	.gz-footer {
		height: auto;	
	}
	
	.gz-footer-container {
		grid-template-columns: 1fr;
        padding: 50px 25%;
        gap: 25px;
	}
	
	.gz-footer-column {
        gap: 10px;
	}
	
	.gz-footer-column p {
        margin: 0;
	}
	
	.modal-container { 
		width: 90% !important;
	}
	
		.entry-header {
		margin-top: 30px;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	
	.gz-header-right .gz-nav-menu {
		gap: 15px;	
	}
	
	.gz-header-text {
		font-size: 22px;	
	}
	
	.gz-nav-menu li a {
		font-size: 12px;
	}
	
	.entry-header {
		margin-top: 80px;
	}
	
}



/* PopUp Modals */

#openModal {
	cursor: pointer;	
}

.modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: center;
}

.modal-container {
	background-color: #fff;
    margin: 0 auto;
    padding: 20px 30px;
    border-radius: 8px;
    width: 70%;
    max-width: 600px;
	max-height: 90vh;
    overflow: hidden;
	display: flex;
	flex-direction: column;
}

.modal-container h3 { 
	font-size: 20px;
}
.modal-container p {
	color: var(--palette-color-100);
}

.modal-content { 
	overflow-y: auto;
	padding-right: 12px;
}

/* Botón de cerrar */
.modal-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  width: max-content;
  align-self: flex-end;
}

.modal-close:hover {
  	color: #000;
	cursor: pointer;
}


/* Single post img */
.post-thumb-img-content, .post-thumb {
	display:flex;
	justify-content: center;
}

/* Entradas y Posts*/
.entry-title {
	font-family: "EB Garamond";
}