/*
Theme Name: El Makumbero Mayor
Theme URI: https://elmakumberomayor.com/
Author: El Makumbero Mayor
Description: Tema limpio para El Makumbero Mayor. Encabezado y pie de página con contenido centrado. No altera los estilos internos creados en el editor de WordPress.
Version: 1.3.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: el-makumbero-mayor
*/

:root{
  --emm-bg:#ffffff;
  --emm-text:#111111;
  --emm-gold:#b58a46;
  --emm-header-max:1230px;
  --emm-content-max:970px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--emm-bg);
  color:var(--emm-text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.65;
}
img{max-width:100%;height:auto}
.emm-wrap{width:min(calc(100% - 48px),var(--emm-header-max));margin:0 auto}

/* Encabezado: misma composición limpia de Valentina */
.site-header{
  background:#fff;
  border-bottom:1px solid #ececec;
  position:relative;
  z-index:20;
}
.site-header-inner{
  min-height:136px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.site-branding{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  font-weight:800;
}
.site-branding .custom-logo{
  display:block;
  max-height:54px;
  width:auto;
}
.site-title{
  font-size:22px;
  line-height:1.05;
  letter-spacing:-.01em;
}
.site-title span{display:block}

/* Solo se muestra navegación si el usuario crea y asigna un menú. */
.primary-nav ul{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  margin:0;
  padding:0;
}
.primary-nav a{text-decoration:none;font-size:15px}
.primary-nav a:hover{color:var(--emm-gold)}

/* Contenido de páginas: el tema solo centra el lienzo.
   No fuerza colores, tamaños, márgenes ni tipografía de los bloques internos,
   para que lo publicado respete lo diseñado en el editor de WordPress. */
.site-main{min-height:52vh}
.emm-page-content{
  width:min(calc(100% - 48px),var(--emm-content-max));
  margin:0 auto;
  padding:72px 0 94px;
}
.emm-page-content > :first-child{margin-top:0}

/* El HTML personalizado de Indicaciones de Pago controla íntegramente su diseño. */
.emm-page-content .mak-pagos{
  width:100%;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}

/* Protección específica: el hero oscuro conserva sus títulos blancos incluso
   si WordPress o un bloque global añade estilos de encabezado. */
.emm-page-content .mak-hero h1,
.emm-page-content .mak-hero h2,
.emm-page-content .mak-hero h3,
.emm-page-content .mak-hero h4{
  color:#fff !important;
}

/* Entradas */
.emm-post-content{
  width:min(calc(100% - 48px),var(--emm-content-max));
  margin:0 auto;
  padding:72px 0 94px;
}
.entry-title{font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:-.035em;margin:0 0 28px}
.entry-content{font-size:18px}

/* Pie de página */
.site-footer{
  background:#050505;
  color:#fff;
  padding:36px 20px 30px;
  text-align:center;
}
.footer-logo{display:flex;justify-content:center;margin-bottom:16px}
.site-footer .custom-logo{max-height:46px;width:auto;filter:none}
.footer-mark{
  width:48px;height:48px;
  border:1px solid var(--emm-gold);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#d0a65a;
  font-size:22px;
}
.footer-links{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 0;
  margin-top:8px;
}
.footer-links a{color:#fff;text-decoration:none;padding:0 10px}
.footer-links a:hover{color:#d9b574}
.footer-links span{color:#666}
.footer-copy{color:#d8d8d8;font-size:14px}

.not-found{text-align:center;padding:100px 20px}
.not-found h1{font-size:72px;margin:0 0 10px}

@media(max-width:820px){
  .emm-wrap{width:min(calc(100% - 32px),var(--emm-header-max))}
  .site-header-inner{min-height:100px;padding:16px 0}
  .site-branding .custom-logo{max-height:48px}
  .primary-nav ul{gap:12px 18px}
  .emm-page-content,
  .emm-post-content{
    width:min(calc(100% - 32px),var(--emm-content-max));
    padding:48px 0 68px;
  }
}