/* Efectos visuales para la imagen de cabecera */
.header-effect-blur .header-image-effect {
	filter: blur(3px);
	transition: filter 0.5s;
}
.header-effect-grayscale .header-image-effect {
	filter: grayscale(1);
	transition: filter 0.5s;
}
.header-effect-sepia .header-image-effect {
	filter: sepia(1);
	transition: filter 0.5s;
}
.header-effect-scale .header-image-effect {
	transform: scale(1.08);
	transition: transform 2s cubic-bezier(.25,.46,.45,.94);
}
.header-effect-parallax .header-image-effect {
	will-change: transform;
	transition: transform 0.5s;
}
/* Parallax JS opcional, solo si se implementa */

/* Botones del menú */
.navbar-link.button {
	margin: 0 0.25rem;
	border: none;
	box-shadow: none;
	font-weight: 500;
	text-transform: none;
}
.navbar-link.button:focus {
	outline: 2px solid #3273dc;
}
/* Overlay de texto sobre imagen de header */
.header-image-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.header-overlay-text {
	position: absolute;
	color: #fff;
	background: rgba(0,0,0,0.4);
	padding: 1rem 2rem;
	border-radius: 8px;
	font-size: 2rem;
	z-index: 2;
	max-width: 90%;
	word-break: break-word;
}
.header-overlay-center { top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.header-overlay-top { top: 10%; left: 50%; transform: translateX(-50%); text-align: center; }
.header-overlay-bottom { bottom: 10%; left: 50%; transform: translateX(-50%); text-align: center; }
.header-overlay-left { top: 50%; left: 5%; transform: translateY(-50%); text-align: left; }
.header-overlay-right { top: 50%; right: 5%; transform: translateY(-50%); text-align: right; }

/* Menú horizontal y dropdown Bulma */
.navbar-menu ul { display: flex; flex-direction: row; }
.navbar-item { position: relative; }
.navbar-dropdown { display: none; position: absolute; left: 0; top: 100%; background: #fff; min-width: 180px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); z-index: 10; }
.navbar-item.has-dropdown:hover > .navbar-dropdown { display: block; }
.navbar-menu.is-active {
	display: flex;
}
.navbar-link { display: block; padding: 0.75rem 1.2rem; color: #363636; text-decoration: none; }
.navbar-link:hover { background: #f5f5f5; color: #3273dc; }
.navbar-dropdown li { display: block; }
.navbar-dropdown .navbar-link { padding: 0.7rem 1.2rem; }
/* Quitar flecha/plequita de dropdown */
.navbar-link::after { display: none !important; }
/*
Theme Name: MundoGIS-template
Theme URI: https://example.com/
Author: Tu Nombre
Author URI: https://example.com/
Description: Tema WordPress profesional, altamente configurable, compatible con Spectra y Bulma.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wp-spectra-bulma
Tags: spectra, bulma, responsive, professional, customizable
*/

@import url('https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css');

/* Estilos personalizados aquí */

body.layout-boxed {
	background: #f5f5f5;
}
body.layout-boxed .container {
	max-width: 1100px;
	margin: 2rem auto;
	background: #fff;
	box-shadow: 0 2px 16px rgba(0,0,0,0.07);
	border-radius: 8px;
	padding: 2rem 2rem;
}

/* Logo adaptable: use container max dimensions but keep image aspect ratio */
.site-logo { overflow: hidden; }
.site-logo img { width: 100%; height: auto; display: block; }

/* Prevent header elements from creating extra bars/spaces */
header.section { padding-top: 0.75rem; padding-bottom: 0.75rem; }
header .search-form { margin-top: 0; }

/* Navbar/menu removed by template; ensure no leftover visual bar */
.navbar.is-transparent { background: transparent; box-shadow: none; }

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
	header.section .columns { flex-direction: column; align-items: center; }
	header .site-logo { max-width: 220px; margin-bottom: 0.5rem; }
	header .site-logo img { max-height: 60px; object-fit: contain; }
	header .container .columns .column { width: 100%; }
	.search-form { width: 100%; }
	.search-form .field { display: flex; }
	.search-form .control { flex: 1 1 auto; }
	body.layout-boxed .container { padding: 1rem; margin: 1rem auto; }
	.header-overlay-text { font-size: 1.25rem; padding: 0.5rem 1rem; }
}

/* Very small screens */
@media (max-width: 480px) {
	.site-logo { max-width: 180px; }
	.site-logo img { max-height: 50px; }
	.header-overlay-text { font-size: 1rem; padding: 0.5rem; }
	.navbar-menu ul { flex-wrap: wrap; }
}

/* Header actions/menu styled as buttons (no bar) */
.header-actions { margin-bottom: 0.5rem; }
.header-actions-list { display: flex; gap: 0.5rem; list-style: none; margin: 0; padding: 0; align-items: center; }
.header-actions-list li { margin: 0; }
.header-actions-list li a { display: inline-block; padding: 0.45rem 0.85rem; background: #3273dc; color: #fff; border-radius: 6px; text-decoration: none; font-weight: 500; }
.header-actions-list li a:hover, .header-actions-list li a:focus { filter: brightness(.92); color: inherit; }

@media (max-width: 768px) {
	.header-actions-list { flex-wrap: wrap; justify-content: center; }
	.header-actions-list li a { padding: 0.35rem 0.6rem; font-size: 0.95rem; }
}

/* Improve compatibility with block editor Spectra: ensure blocks/images align and respect container */
.entry-content, .content, .post-content { max-width: 100%; }
.entry-content img, .content img, .post-content img, .wp-block-image img { max-width: 100%; height: auto; display: block; }
.wp-block { box-sizing: border-box; }
.wp-block + .wp-block { margin-top: 1rem; }

/* Spectra/Block Editor compatibility: centrar y evitar desplazamientos */
.container {
	margin-left: auto;
	margin-right: auto;
}
.container > .wp-block,
.container > .entry-content,
.container > .content,
.container > .post-content {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100%;
}
/* Alineación de bloques full y wide solo en layout full */
body.layout-full .wp-block[data-align="full"],
body.layout-full .alignfull {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	left: unset;
	right: unset;
	position: relative;
	transform: none;
}
body.layout-boxed .wp-block[data-align="full"],
body.layout-boxed .alignfull {
	width: 100%;
	margin-left: 0;
	position: relative;
	left: unset;
	right: unset;
	transform: none;
}
body.layout-full .wp-block[data-align="wide"],
body.layout-full .alignwide {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
body.layout-boxed .wp-block[data-align="wide"],
body.layout-boxed .alignwide {
	max-width: 100%;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
/* Header overlay: allow transparent background and custom color already applied via inline CSS from functions.php */
.header-overlay-text { background: transparent !important; }