/*!
Theme Name: bonhoeffer
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Tema Bonhoeffer con Tailwind CSS
Version: 2.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bonhoeffer
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bonhoeffer is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
# TAILWIND CSS CONFIGURATION
--------------------------------------------------------------*/

/* Este tema usa Tailwind CSS via CDN
   Los estilos se aplican directamente en las clases HTML
   Este archivo solo contiene estilos de impresión y overrides mínimos
*/

/* Reset básico
--------------------------------- */
body {
	background-color: #FFFFFF !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: 'Open Sans', sans-serif;
	color: #373737;
}

#page {
	background-color: #FFFFFF !important;
}

/* Asegurar que el contenido del hero sea visible
--------------------------------- */
#hero {
	position: relative;
	z-index: 1;
}

.hero-content {
	position: relative;
	z-index: 30 !important;
	pointer-events: auto;
}

/* Asegurar que el video no bloquee clics
--------------------------------- */
.hero-video-bg {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.hero-overlay {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	pointer-events: none;
}

/* Print Styles for Technical Sheet (PDF)
--------------------------------- */
@media print {
	/* Ocultar elementos innecesarios al imprimir */
	.sticky-header,
	.site-footer,
	.bonhoeffer-modal-close,
	.bonhoeffer-modal-actions,
	#distribuidor,
	#categorias,
	#hero,
	.bonhoeffer-modal-overlay {
		display: none !important;
	}

	/* Solo mostrar el modal al imprimir */
	.bonhoeffer-modal {
		position: static !important;
		max-width: 100% !important;
		margin: 0 !important;
		box-shadow: none !important;
		overflow: visible !important;
	}

	.bonhoeffer-modal-overlay {
		position: static !important;
		background: white !important;
	}

	/* Asegurar que el contenido sea legible */
	body {
		color: #000 !important;
		background: #fff !important;
	}

	.bonhoeffer-modal-header {
		border-bottom: 3px solid #9B9B38 !important;
		margin-bottom: 2rem;
	}

	.bonhoeffer-modal-gallery img {
		page-break-inside: avoid;
		max-width: 100%;
	}

	.bonhoeffer-modal-features {
		page-break-inside: avoid;
	}

	/* Asegurar que el texto sea negro */
	h1, h2, h3, h4, h5, h6, p, span, div {
		color: #000 !important;
	}
}

/*--------------------------------------------------------------
# WORDPRESS CORE STYLES (Mínimo necesario)
--------------------------------------------------------------*/

/* Alignments
--------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Captions
--------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Galleries
--------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: calc(50% - 0.75em);
}

.gallery-columns-3 .gallery-item {
	max-width: calc(33.33% - 1em);
}

.gallery-columns-4 .gallery-item {
	max-width: calc(25% - 1.125em);
}

.gallery-caption {
	display: block;
}