/*

Theme Name:   Kadence Peñoles

Theme URI:    https://santamariapenoles.gob.mx

Description:  Tema hijo de Kadence para H. Ayuntamiento Constitucional de Santa María Peñoles, Oaxaca.

Author:       H. Ayuntamiento de Santa María Peñoles

Author URI:   https://santamariapenoles.gob.mx

Template:     kadence

Version:      3.0.0

Text Domain:  kadence-penoles

Tags:         gobierno, municipal, oaxaca

*/

/* ── Paleta Institucional v3.0 — Extraída del Escudo Oficial ── */
:root {
  --color-guinda:   #7A1F3A;  /* Principal: nav, headers, marca */
  --color-adobe:    #B8924A;  /* Tan del escudo: acento secundario elegante */
  --color-dorado:   #D4691E;  /* Naranja: CTAs, botones, activos */
  --color-blanco:   #FFFFFF;  /* Fondo principal */
  --color-gris-cl:  #F6F6F6;  /* Secciones alternas */
  --color-oscuro:   #1A0A10;  /* Footer, énfasis */
  --color-texto:    #1C1C1C;  /* Texto principal */
  --color-gris:     #717171;  /* Texto secundario, fechas */
  --color-borde:    #E0DAD5;  /* Separadores, inputs */
  --color-crema:    #FBF0E8;  /* Acento cálido puntual */
  --color-rojo-sm:  #C5294A;  /* "Santa María" en logo */
}

/* ── Reset base ── */
*, *::before, *::after { box-sizing: border-box; }

/* ── Cuerpo — fondo blanco limpio ── */
body {
  font-family: 'Source Sans 3', 'Source Sans Pro', Arial, sans-serif;
  background: var(--color-blanco);
  color: var(--color-texto);
}

/* ── Tipografía ── */
h1, h2, h3, h4 {
  font-family: 'Playfair Display', Georgia, serif;
  color: var(--color-guinda);
}

/* ── Links ── */
a { color: var(--color-guinda); }
a:hover { color: var(--color-dorado); text-decoration: none; }

/* ── Topbar ── */
.site-top-bar {
  background: var(--color-guinda) !important;
  border-bottom: 2px solid var(--color-adobe) !important;
}

/* ── Header — blanco limpio con borde guinda ── */
.site-header {
  background: var(--color-blanco) !important;
  border-top: 4px solid var(--color-guinda) !important;
  border-bottom: 1px solid var(--color-borde) !important;
  box-shadow: 0 2px 8px rgba(26,10,16,0.06) !important;
}

/* ── Navegación principal ── */
.main-navigation a,
.nav--toggle-sub a {
  color: var(--color-texto);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
  color: var(--color-dorado);
}
.main-navigation .current-menu-item > a {
  background: rgba(122,31,58,0.06);
  border-radius: 4px;
}

/* ── Área de contenido — siempre blanco ── */
.site-content,
.content-bg,
.entry-content,
.page-content,
.post-content {
  background: var(--color-blanco);
}

/* ── Botones globales ── */
.wp-block-button__link,
.button, button[type="submit"],
.wp-element-button {
  background: var(--color-dorado) !important;
  border-color: var(--color-dorado) !important;
  color: #fff !important;
  border-radius: 5px;
  font-weight: 600;
  transition: background 0.2s, border-color 0.2s;
}
.wp-block-button__link:hover,
.button:hover,
button[type="submit"]:hover {
  background: var(--color-guinda) !important;
  border-color: var(--color-guinda) !important;
}

/* ── Cards de noticias / posts ── */
.wp-block-post {
  border-radius: 8px;
  overflow: hidden;
  background: var(--color-blanco);
  box-shadow: 0 2px 12px rgba(26,10,16,0.07);
  transition: transform 0.25s, box-shadow 0.25s;
  border: 1px solid var(--color-borde);
}
.wp-block-post:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(26,10,16,0.13);
}

/* ── Tabla WP con franjas alternas ── */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {
  background: var(--color-blanco);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) td {
  background: var(--color-gris-cl);
}
.wp-block-table thead tr {
  background: var(--color-guinda);
}
.wp-block-table thead th {
  color: #F0EAE4;
}

/* ── Separador de sección ── */
.section-divider {
  width: 60px; height: 3px;
  background: var(--color-dorado);
  margin: 12px auto; border-radius: 2px;
}

/* ── Banner transparencia ── */
.transparencia-banner {
  background: linear-gradient(135deg, var(--color-guinda) 0%, var(--color-oscuro) 100%);
  padding: 56px 40px;
  color: #F0EAE4;
}

/* ── Accesos rápidos ── */
.accesos-rapidos { background: var(--color-guinda); }
.accesos-rapidos .wp-block-column {
  text-align: center; padding: 24px 16px;
  color: #F0EAE4;
  border-right: 1px solid rgba(255,255,255,0.12);
  transition: background 0.2s;
}
.accesos-rapidos .wp-block-column:hover {
  background: rgba(255,255,255,0.08);
  color: var(--color-adobe);
}

/* ── Dato municipio ── */
.dato-municipio {
  background: var(--color-blanco);
  border-left: 4px solid var(--color-dorado);
  padding: 14px 16px; border-radius: 4px;
  box-shadow: 0 1px 6px rgba(26,10,16,0.06);
}
.dato-municipio .valor {
  font-family: 'Playfair Display', serif;
  font-size: 1.6rem; color: var(--color-guinda); font-weight: 700;
}

/* ── Inputs / formularios ── */
input[type="text"],
input[type="email"],
input[type="search"],
textarea,
select {
  border: 1.5px solid var(--color-borde) !important;
  border-radius: 5px;
  background: var(--color-blanco);
  color: var(--color-texto);
}
input:focus, textarea:focus, select:focus {
  border-color: var(--color-guinda) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(122,31,58,0.10);
}

/* ── Footer ── */
.site-footer {
  background: var(--color-oscuro) !important;
  color: #C4B4A8;
}
.site-footer a { color: #A09080; }
.site-footer a:hover { color: var(--color-adobe); }
.site-footer h4,
.site-footer .widget-title {
  color: #F0EAE4;
  border-bottom: 2px solid var(--color-adobe);
  padding-bottom: 8px; margin-bottom: 12px;
}

/* ── Ocultar crédito Kadence ── */
.site-info .kadence-credit,
.site-info .kadence-credit + .sep,
p.site-info .kadence-credit,
.kadence-footer-credit,
.kadence-credit,
.footer-html-inner a[href*="kadencewp"] { display: none !important; }

/* ── Header centrado ── */
.site-title,
.site-title a {
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 700 !important;
  font-size: 1.0625rem !important;
  color: var(--color-guinda) !important;
  text-decoration: none !important;
}
.site-title a:hover { color: var(--color-dorado) !important; }

.site-header-section-center,
.site-header-main-section-center,
.site-header-bottom-section-center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}
.site-header-main-section-center .site-branding,
.site-header-main-section-center .kadence-logo-wrap,
.site-header-main-section-center .custom-logo-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.custom-logo {
  height: 70px !important; width: auto !important;
  max-height: 70px !important; display: block !important;
}
@media (max-width: 1024px) {
  .custom-logo { height: 58px !important; max-height: 58px !important; }
}
@media (max-width: 600px) {
  .custom-logo { height: 46px !important; max-height: 46px !important; }
  .site-title, .site-title a { letter-spacing: 1px !important; font-size: 0.8rem !important; }
}

.site-header-bottom-section-center .primary-navigation-wrap,
.site-header-bottom-section-center #site-navigation,
.site-header-bottom-section-center .main-navigation {
  display: flex !important; justify-content: center !important; width: 100% !important;
}
.site-header-bottom-section-center .main-navigation ul { justify-content: center !important; }
.site-header-row-container { width: 100%; }
.site-main-header-wrap { padding: 10px 0 0; }
.site-bottom-header-wrap { padding: 0 0 6px; border-top: 1px solid var(--color-borde); }

/* ── "Nothing Found" ── */
.no-results.not-found {
  background: var(--color-blanco) !important;
  border-radius: 10px !important;
  border: 1px solid var(--color-borde) !important;
  padding: 48px 32px !important;
  text-align: center !important;
  margin: 32px 0 !important;
}
.no-results.not-found .page-header { background: transparent !important; padding: 0 !important; }
.no-results.not-found .page-title { font-size: 1.1rem !important; color: var(--color-gris) !important; font-weight: 400 !important; }
.no-results.not-found .page-content p { color: var(--color-gris) !important; font-size: 0.88rem !important; }

/* ── Eliminar banner de título de página (Kadence entry-hero) ── */
.entry-hero { display: none !important; }
.content-bg,
.site-content > .content-container { padding-top: 0 !important; }