/* Cabecera y pie de haakaa.pe — sin Elementor. Ver tme-hf.php */

:root{
  --tme-verde:#6cb33f;
  --tme-verde-osc:#2f7d0f;
  --tme-verde-cl:#d9ebc5;
  --tme-tinta:#231f20;
  --tme-crema:#faf6ef;
}

.tme-w{max-width:1240px;margin-inline:auto;padding-inline:24px}

/* ── aviso superior ─────────────────────────────────────────────── */
.tme-aviso{background:var(--tme-verde-cl);color:#2b4a17;font-size:.86rem}
.tme-aviso .tme-w{display:flex;justify-content:space-around;gap:20px;padding-block:9px;text-align:center}
@media(max-width:700px){.tme-aviso .tme-w span:last-child{display:none}}

/* ── barra principal ────────────────────────────────────────────── */
.tme-barra{background:#fff}
.tme-barra .tme-w{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-block:16px}

.tme-buscar{display:flex;max-width:280px}
.tme-buscar input[type=search]{flex:1;min-width:0;border:1px solid #d8d2c6;border-right:0;padding:9px 12px;font-size:.9rem;background:#fff;color:var(--tme-tinta);border-radius:3px 0 0 3px}
.tme-buscar input[type=search]:focus{outline:2px solid var(--tme-verde);outline-offset:-2px}
.tme-buscar button{border:0;background:var(--tme-verde);padding:0 14px;cursor:pointer;border-radius:0 3px 3px 0}
.tme-buscar svg{width:17px;height:17px;fill:#fff;display:block}

.tme-logo{justify-self:center;display:block}
.tme-logo img{height:52px;width:auto;display:block}

.tme-acc{justify-self:end;display:flex;align-items:center;gap:18px}
.tme-acc a{position:relative;display:flex;color:var(--tme-tinta)}
.tme-acc svg{width:23px;height:23px;fill:currentColor}
.tme-acc a:hover{color:var(--tme-verde)}
.tme-n{position:absolute;top:-7px;right:-9px;background:var(--tme-verde);color:#fff;font-size:.68rem;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}

.tme-hamb{display:none;flex-direction:column;gap:4px;background:0;border:0;cursor:pointer;padding:6px}
.tme-hamb span{display:block;width:22px;height:2px;background:var(--tme-tinta)}

/* ── navegación ─────────────────────────────────────────────────── */
.tme-nav{background:var(--tme-verde)}
.tme-menu{display:flex;list-style:none;margin:0;padding:0}
.tme-menu li{position:relative}
.tme-menu a{display:block;color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;padding:14px 22px}
.tme-menu>li>a:hover,.tme-menu>li.current-menu-item>a,.tme-menu>li.current-menu-parent>a{background:rgba(0,0,0,.14)}
.tme-menu .menu-item-has-children>a::after{content:"";display:inline-block;margin-left:8px;border:4px solid transparent;border-top-color:#fff;transform:translateY(2px)}

.tme-menu .sub-menu{position:absolute;top:100%;left:0;min-width:238px;background:#fff;list-style:none;margin:0;padding:6px 0;box-shadow:0 10px 26px rgba(0,0,0,.14);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .16s,transform .16s,visibility .16s;z-index:60}
.tme-menu li:hover>.sub-menu,.tme-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.tme-menu .sub-menu a{color:var(--tme-tinta);font-weight:500;padding:10px 20px;font-size:.92rem}
.tme-menu .sub-menu a:hover{background:var(--tme-verde-cl);color:var(--tme-verde-osc)}

/* ── móvil ──────────────────────────────────────────────────────── */
.tme-movil{background:#fff;border-top:1px solid #e7e1d6}
.tme-menu-movil,.tme-menu-movil .sub-menu{list-style:none;margin:0;padding:0}
.tme-menu-movil a,.tme-movil-cuenta{display:block;padding:13px 24px;color:var(--tme-tinta);text-decoration:none;border-bottom:1px solid #f0ebe1;font-weight:600}
.tme-menu-movil .sub-menu a{padding-left:44px;font-weight:400}
.tme-movil-cuenta{font-weight:600}

@media(max-width:900px){
  .tme-nav{display:none}
  .tme-barra .tme-w{grid-template-columns:auto 1fr auto;gap:12px}
  .tme-buscar{display:none}
  .tme-hamb{display:flex}
  .tme-logo img{height:40px}
}

/* ── pie ────────────────────────────────────────────────────────── */
.tme-pie{background:var(--tme-verde);color:#fff;margin-top:0}
.tme-pie-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-block:54px}
.tme-pie h2{font-size:1rem;font-weight:700;margin:0 0 18px;color:#fff}
.tme-pie p{font-size:.88rem;line-height:1.6;margin:0 0 14px;color:rgba(255,255,255,.94);max-width:none}
.tme-pie-lista{list-style:none;margin:0;padding:0}
.tme-pie-lista li{margin-bottom:9px}
.tme-pie-lista a{color:#fff;text-decoration:none;font-size:.88rem}
.tme-pie-lista a:hover{text-decoration:underline}
.tme-social{display:flex;gap:12px;margin-top:16px}
.tme-social a{display:flex;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.16);align-items:center;justify-content:center}
.tme-social a:hover{background:rgba(255,255,255,.3)}
.tme-social svg{width:16px;height:16px;fill:#fff}
.tme-copy{background:var(--tme-verde-osc);text-align:center;font-size:.85rem}
.tme-copy .tme-w{padding-block:15px}

@media(max-width:900px){.tme-pie-cols{grid-template-columns:1fr 1fr;gap:30px;padding-block:40px}}
@media(max-width:560px){.tme-pie-cols{grid-template-columns:1fr}}