/* Theme Name: Rocky Author: Rene Description: Tema WordPress sobrio. Version: 1.0.0 */`n:root{--ink:#202b35;--muted:#5d6871;--soft:#f3f5f4;--line:#dce1df;--accent:#315e58;--width:1120px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:17px/1.7 system-ui,sans-serif}a{color:var(--accent)}.wrap{width:min(var(--width),calc(100% - 40px));margin:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner,.footer-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{font-weight:700;color:var(--ink);text-decoration:none}.site-nav ul{list-style:none;display:flex;gap:1.5rem}.site-nav a{color:var(--ink);text-decoration:none}.hero{padding:clamp(4rem,10vw,8rem) 0;background:var(--soft)}.hero-inner{max-width:850px}.eyebrow{color:var(--accent);font-size:.8rem;font-weight:bold;text-transform:uppercase;letter-spacing:.12em}.hero h1,.content h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1.05;letter-spacing:-.05em}.button{display:inline-block;padding:.75rem 1rem;background:var(--accent);color:white;text-decoration:none;border-radius:4px}.section{padding:5rem 0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.post-card{padding:1.4rem;border:1px solid var(--line);border-radius:4px}.content{max-width:720px;margin:auto;padding:4rem 0}.archive-heading{padding:3rem 0}.site-footer{margin-top:3rem;background:var(--soft);padding:1rem 0;color:var(--muted)}.menu-toggle{display:none}@media(max-width:760px){.post-grid{grid-template-columns:1fr}.menu-toggle{display:block}.site-nav{display:none;width:100%}.site-nav.is-open{display:block}.site-nav ul{display:grid}.header-inner{flex-wrap:wrap;padding:1rem 0}}
/* Navegación fija y anclas para secciones */
.site-header{position:sticky;top:0;z-index:100;background: #294f85;backdrop-filter:saturate(160%) blur(8px)}
html{scroll-padding-top:90px}
[id]{scroll-margin-top:96px}
.front-sections>.content{max-width:none;padding:0}
.front-sections .wp-block-group,.front-sections section{scroll-margin-top:96px}
.skip-link{z-index:101}
/* Área para menú de plugin en el encabezado fijo */
.header-menu-area{display:flex;align-items:center;justify-content:flex-end;flex:1;min-width:0}
.header-menu-widget{margin:0}
.header-menu-widget ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1.5rem}
.header-menu-widget a{color:var(--ink);text-decoration:none}
.header-menu-widget a:hover{text-decoration:underline;color:var(--accent)}
@media(max-width:760px){.header-inner{flex-wrap:wrap}.header-menu-area{flex-basis:100%;justify-content:flex-start}.header-menu-widget ul{flex-wrap:wrap;gap:.75rem 1rem}}
/* El encabezado se desplaza normalmente con la página */
.site-header{position:static;top:auto;backdrop-filter:none}
html{scroll-padding-top:0}
[id],.front-sections .wp-block-group,.front-sections section{scroll-margin-top:1rem}
/* Encabezado fijo con espacio para el widget de menú */
.site-header{position:sticky;top:0;z-index:100;background: #294f85;backdrop-filter:saturate(160%) blur(8px)}
html{scroll-padding-top:90px}
[id],.front-sections .wp-block-group,.front-sections section{scroll-margin-top:96px}
/* Reduce el espacio entre el encabezado y el primer bloque de portada */
.hero{padding-top:2rem}
@media(max-width:760px){.hero{padding-top:1.5rem}}
/* Reduce el hueco bajo el encabezado y antes del primer bloque de portada */
.site-header .header-inner{min-height:56px}
.front-sections{padding-top:0!important;margin-top:0!important}
.front-sections>.content{padding-top:0!important;margin-top:0!important}
.front-sections>.content>:first-child{margin-top:0!important;padding-top:0!important}
/* Compacta la unión entre el widget del encabezado y el contenido */
.site-header{margin-bottom:0;padding-bottom:0}
.header-menu-area,.header-menu-widget{margin-block:0!important;padding-block:0!important}
.header-menu-area .widget,.header-menu-area .wp-block-group{margin-block:0!important;padding-block:0!important}
main#contenido> :first-child{margin-top:0!important}
main#contenido>.hero{padding-top:1rem}
.front-sections,.front-sections>.content{margin-top:0!important;padding-top:0!important}
.front-sections>.content>:first-child{margin-top:0!important;padding-top:0!important}
/* Footer en tres áreas widget con fondo solicitado */
.site-footer{background:#009e54!important;color:#fff;border-top:0;padding:2rem 0 1rem}
.site-footer a{color:#fff;text-decoration:underline}
.footer-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;align-items:start}
.footer-column{min-width:0}
.footer-widget{margin:0 0 1rem}
.footer-widget-title{margin:0 0 .5rem;font-size:1.05rem;color:#fff}
.site-footer .widget-title,.site-footer h1,.site-footer h2,.site-footer h3{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.35);margin-top:1rem;padding-top:1rem;font-size:.9rem}
@media(max-width:760px){.footer-widgets{grid-template-columns:1fr;gap:1rem}.footer-bottom{display:grid;gap:.3rem}}
.site-header .header-inner {
  position: relative;
}

.header-menu-area {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - 240px);
  justify-content: left;
}

.header-menu-widget {
  display: flex;
  justify-content: left;
}

@media (max-width: 760px) {
  .header-menu-area {
    position: static;
    transform: none;
    width: 100%;
    max-width: none;
    justify-content: left;
  }
}
main#contenido {
  padding-inline: 16px;
}

main#contenido > .wrap,
main#contenido > .hero > .wrap {
  width: min(var(--width), 100%);
}
.site-header .header-inner {
  transition: min-height 0.35s cubic-bezier(0.22, 1, 0.36, 1), padding 0.35s ease;
}

.site-header .custom-logo {
  transition: max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1), transform 0.35s ease;
}

.site-header.is-compact .header-inner {
  min-height: 44px;
}

.site-header.is-compact .custom-logo {
  max-height: 36px;
  transform: scale(0.95);
}
.site-branding .custom-logo {
  display: block;
  width: auto;
  height: auto;
  max-height: 48px;
  object-fit: contain;
  transition: max-height 0.35s ease;
}

.site-header.is-compact .custom-logo {
  max-height: 32px;
}
@media (max-width: 760px) {
  .site-footer .footer-widgets img,
  .site-footer .footer-bottom img,
  .site-footer img {
    width: 100% !important;
    max-width: 70px !important;
    height: auto !important;
    object-fit: contain;
	display: block;
  margin-inline: auto;
  }
}
.site-footer .footer-column {
  text-align: center;
}

.site-footer .footer-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
}