/*
Theme Name: Museo Contra el Olvido
Theme URI: https://museocontraelolvido.org
Author: Darwin & Dino
Description: Custom theme for Museo Contra el Olvido
Version: 1.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: museo-contra-el-olvido
*/

/* Reset global */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

/* Main content - ancho completo */
main {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: white;
  min-height: calc(100vh - 400px);
}

/* Contenedores de contenido */
.entry-content,
.post-content,
article,
.page-content {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Eliminar márgenes de WordPress */
.wp-block-group,
.wp-container-* {
  margin: 0 !important;
  padding: 0 !important;
}

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

/* Tipografía base */
body {
  font-family: Arial, sans-serif;
  color: #262222;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

/* Links */
a {
  color: #dbd262;
  text-decoration: none;
}

a:hover {
  color: #262222;
}

/* Tablas */
table {
  width: 100%;
  border-collapse: collapse;
}

/* Listas */
ul, ol {
  margin: 0;
  padding-left: 20px;
}

/* Blockquotes */
blockquote {
  border-left: 4px solid #dbd262;
  padding-left: 20px;
  margin: 20px 0;
}

/* Código */
code, pre {
  background: #f5f5f5;
  padding: 2px 4px;
  border-radius: 3px;
  font-family: monospace;
}

/* Formularios */
input, textarea, select, button {
  font-family: Arial, sans-serif;
  font-size: 16px;
}

input:focus, textarea:focus, select:focus, button:focus {
  outline: none;
  border-color: #dbd262;
}

/* Utilidades */
.full-width {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.container-full {
  width: 100%;
  margin: 0;
  padding: 0;
}