/*
Theme Name:     HelpGuru Child Theme
Theme URI: 		http://herothemes.com/
Description:    Reskin Rosa Agustina · Design System v5 "Quiet Luxury" (header + footer + tokens). Solo apariencia; KB, búsqueda y foros intactos.
Author: 		Hero Themes
Author URI: 	http://herothemes.com
Template:       helpguru
Version:        2.0.0
*/

/* ============================================================
   ROSA AGUSTINA · Reskin DS v5 — Header + Footer autocontenidos.
   Todo prefijado .rahd- para NO colisionar con HelpGuru/Bootstrap.
   No depende de Lucide (íconos en SVG inline). Sin JS.
   ============================================================ */
.rahd-scope, .rahd-foot {
  --navy:#001B2E; --navy-2:#0A2335; --gold:#D4A95C; --gold-deep:#B98A3C;
  --gold-soft:#E8D3A7; --cyan:#3FCDE6; --cream:#FBF9F4; --line:#E6DECF;
  --text:#1C232E; --text-2:#4C5462;
  --sans:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --display:'Josefin Slab',Georgia,'Times New Roman',serif;
}
.rahd-scope *, .rahd-foot * { box-sizing:border-box; }

/* ---------- TICKER ---------- */
.rahd-ticker{background:var(--navy-2);color:#fff;overflow:hidden;font-family:var(--sans);}
.rahd-ticker-track{display:flex;gap:48px;white-space:nowrap;padding:7px 0;animation:rahd-marquee 34s linear infinite;}
.rahd-ticker-item{font-size:12.5px;font-weight:500;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px;}
.rahd-ticker-item svg{width:14px;height:14px;color:var(--gold-soft);flex:none;}
.rahd-ticker-item.benefit{color:var(--gold-soft);}
@keyframes rahd-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- TOPBAR ---------- */
.rahd-topbar{background:var(--navy);color:rgba(255,255,255,.7);font-family:var(--sans);border-bottom:1px solid rgba(255,255,255,.08);}
.rahd-topbar-in{max-width:1280px;margin:0 auto;padding:8px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12.5px;flex-wrap:wrap;}
.rahd-topbar a{color:rgba(255,255,255,.72);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .15s;}
.rahd-topbar a:hover{color:var(--gold-soft);}
.rahd-topbar svg{width:14px;height:14px;}
.rahd-topbar-l,.rahd-topbar-r{display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
.rahd-topbar-sep{opacity:.4;}
@media(max-width:860px){.rahd-topbar{display:none;}}

/* ---------- NAVBAR ---------- */
.rahd-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1200;font-family:var(--sans);}
.rahd-nav-in{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:28px;height:78px;}
.rahd-logo{flex:none;display:inline-flex;align-items:center;}
.rahd-logo img{height:54px;width:auto;display:block;}
.rahd-menu{display:flex;align-items:center;gap:4px;margin-left:6px;flex:1;}
.rahd-menu > a, .rahd-item > .rahd-link{
  font-size:14px;font-weight:600;color:var(--navy);text-decoration:none;padding:10px 13px;border-radius:9px;
  display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;}
.rahd-menu > a:hover, .rahd-item:hover > .rahd-link{background:var(--cream);color:var(--gold-deep);}
.rahd-link svg{width:15px;height:15px;opacity:.6;transition:transform .2s;}
.rahd-item:hover .rahd-link svg{transform:rotate(180deg);}
.rahd-item{position:relative;}

/* dropdown / megamenu */
.rahd-drop{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 30px 70px -30px rgba(0,27,46,.45);padding:18px;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:.2s;z-index:1300;}
.rahd-item:hover .rahd-drop{opacity:1;visibility:visible;transform:translateY(0);}
.rahd-drop.simple{min-width:248px;}
/* Mega IDÉNTICO al sitio nuevo: anclado a la izquierda del item, 800px, sin padding
   (las columnas lo manejan), divisores entre columnas y pie en barra navy. */
.rahd-drop.mega{left:0;width:800px;min-width:0;padding:0;overflow:hidden;transform:translateY(8px);}
.rahd-item:hover .rahd-drop.mega{transform:translateY(0);}
.rahd-mega-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.rahd-mega-cols > div{padding:22px 20px 16px;border-right:1px solid var(--line);}
.rahd-mega-cols > div:last-child{border-right:none;}
.rahd-col-head{font-family:var(--display);font-weight:600;font-size:16px;color:var(--navy);padding:0 0 8px;margin-bottom:6px;border-bottom:1px solid var(--line);}
.rahd-col-head.sea{color:#117c91;}
.rahd-sub{display:block;font-size:13.5px;color:var(--text-2);text-decoration:none;padding:7px 10px;border-radius:8px;transition:.13s;}
.rahd-sub:hover{background:var(--cream);color:var(--gold-deep);padding-left:14px;}
.rahd-sep{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);margin:10px 0 2px;padding:0 10px;}
/* Pie del mega: barra navy (igual al sitio nuevo) */
.rahd-mega-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;background:var(--navy);font-size:13px;color:rgba(255,255,255,.85);}
.rahd-mega-foot b{color:#fff;font-family:var(--display);font-weight:600;}
.rahd-btn-sm{padding:8px 14px;font-size:12.5px;}
.rahd-drop.simple .rahd-sub{display:flex;align-items:center;gap:8px;}
.rahd-drop.simple .rahd-sub svg{width:14px;height:14px;color:var(--gold);}

/* actions */
.rahd-actions{flex:none;display:flex;align-items:center;gap:12px;margin-left:auto;}
.rahd-phone{font-size:13.5px;font-weight:600;color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.rahd-phone svg{width:16px;height:16px;color:var(--gold-deep);}
.rahd-btn{display:inline-flex;align-items:center;gap:7px;background:var(--gold);color:var(--navy);font-weight:700;font-size:13.5px;
  padding:11px 18px;border-radius:100px;text-decoration:none;border:1px solid var(--gold);transition:.18s;white-space:nowrap;}
.rahd-btn:hover{background:var(--gold-deep);color:#fff;transform:translateY(-1px);box-shadow:0 8px 22px rgba(185,138,60,.4);}
.rahd-btn svg{width:16px;height:16px;}
.rahd-burger{display:none;background:none;border:0;cursor:pointer;color:var(--navy);padding:6px;}
.rahd-burger svg{width:26px;height:26px;}

/* ---------- MÓVIL ---------- */
.rahd-mnav{display:none;}
@media(max-width:980px){
  .rahd-menu, .rahd-actions .rahd-phone, .rahd-actions .rahd-btn{display:none;}
  .rahd-burger{display:inline-flex;}
  .rahd-nav-in{height:64px;}
  .rahd-logo img{height:44px;}
  /* drawer con checkbox (sin JS) */
  .rahd-mnav{display:block;}
  .rahd-mtoggle{position:absolute;opacity:0;pointer-events:none;}
  .rahd-mpanel{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);background:var(--navy);color:#fff;z-index:2000;
    transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:20px;}
  .rahd-moverlay{position:fixed;inset:0;background:rgba(0,14,24,.55);z-index:1999;opacity:0;visibility:hidden;transition:.3s;}
  .rahd-mtoggle:checked ~ .rahd-mpanel{transform:translateX(0);}
  .rahd-mtoggle:checked ~ .rahd-moverlay{opacity:1;visibility:visible;}
  .rahd-mhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
  .rahd-mhead img{height:40px;}
  .rahd-mx{cursor:pointer;color:#fff;}.rahd-mx svg{width:26px;height:26px;}
  .rahd-mgroup{border-bottom:1px solid rgba(255,255,255,.1);}
  .rahd-mgroup summary{list-style:none;cursor:pointer;padding:14px 4px;font-size:15px;font-weight:600;display:flex;justify-content:space-between;align-items:center;}
  .rahd-mgroup summary::-webkit-details-marker{display:none;}
  .rahd-mgroup summary svg{width:18px;height:18px;transition:transform .2s;}
  .rahd-mgroup[open] summary svg{transform:rotate(180deg);}
  .rahd-msub{padding:0 4px 12px;}
  .rahd-msub a, .rahd-mgroup > a{display:block;color:rgba(255,255,255,.78);text-decoration:none;padding:8px 0 8px 12px;font-size:14px;}
  .rahd-msub-h{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-soft);margin:12px 0 4px 12px;}
  .rahd-mcta{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:var(--navy);font-weight:700;
    padding:14px;border-radius:100px;text-decoration:none;margin-top:18px;}
  .rahd-mcta svg{width:18px;height:18px;}
}

/* ---------- FOOTER ---------- */
.rahd-foot{background:var(--navy);color:#fff;font-family:var(--sans);margin-top:40px;}
.rahd-foot-cta{text-align:center;padding:clamp(48px,7vh,80px) 24px;border-bottom:1px solid rgba(255,255,255,.1);}
.rahd-foot-cta h3{font-family:var(--display);font-weight:400;font-size:clamp(28px,4vw,44px);margin:0 0 8px;color:#fff;}
.rahd-foot-cta h3 em{font-style:italic;color:var(--gold-soft);}
.rahd-foot-cta p{color:rgba(255,255,255,.7);font-size:15px;margin:0 0 20px;}
.rahd-foot-btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy);font-weight:700;
  padding:13px 26px;border-radius:100px;text-decoration:none;transition:.18s;}
.rahd-foot-btn:hover{background:var(--gold-deep);color:#fff;}
.rahd-foot-btn svg{width:18px;height:18px;}
.rahd-foot-main{max-width:1280px;margin:0 auto;padding:56px 24px 36px;}
.rahd-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:36px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1);}
@media(max-width:860px){.rahd-foot-grid{grid-template-columns:1fr 1fr;gap:28px;}}
@media(max-width:520px){.rahd-foot-grid{grid-template-columns:1fr;}}
.rahd-foot-logo{height:52px;margin-bottom:14px;}
.rahd-foot-tag{font-size:13.5px;color:rgba(255,255,255,.65);line-height:1.6;max-width:34ch;}
.rahd-foot-soc{display:flex;gap:12px;margin-top:16px;}
.rahd-foot-soc a{color:rgba(255,255,255,.7);transition:color .15s;}
.rahd-foot-soc a:hover{color:var(--gold-soft);}
.rahd-foot .rahd-foot-col h5{font-family:var(--display) !important;font-weight:600 !important;font-size:16px !important;color:#fff !important;margin:0 0 14px !important;text-transform:none !important;letter-spacing:0 !important;}
.rahd-foot .rahd-foot-cta h3{font-family:var(--display) !important;}
.rahd-foot-col a{display:block;color:rgba(255,255,255,.66);text-decoration:none;font-size:13.5px;padding:5px 0;transition:color .15s;}
.rahd-foot-col a:hover{color:var(--gold-soft);}
.rahd-foot-bot{max-width:1280px;margin:0 auto;padding:20px 24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.5);}
.rahd-foot-bot a{color:rgba(255,255,255,.6);text-decoration:none;margin-left:16px;}
.rahd-foot-bot a:hover{color:var(--gold-soft);}

/* ---------- ANTI-COLISIÓN: forzar colores de NUESTROS links sobre el tema HelpGuru ----------
   HelpGuru estiliza a:link/a:hover (especificidad 0,1,1) y le ganaba a .clase (0,1,0).
   Subimos especificidad con el ancestro .rahd-scope/.rahd-foot (0,2,0) → ganamos sin !important. */
.rahd-scope a, .rahd-scope a:link, .rahd-scope a:visited{color:inherit;text-decoration:none;}
.rahd-scope .rahd-link, .rahd-scope .rahd-menu > a{color:var(--navy);}
.rahd-scope .rahd-menu > a:hover, .rahd-scope .rahd-item:hover > .rahd-link{color:var(--gold-deep);}
.rahd-scope .rahd-sub, .rahd-scope .rahd-sub:link, .rahd-scope .rahd-sub:visited{color:var(--text-2);}
.rahd-scope .rahd-sub:hover{color:var(--gold-deep);}
.rahd-scope .rahd-topbar a, .rahd-scope .rahd-topbar a:link{color:rgba(255,255,255,.72);}
.rahd-scope .rahd-topbar a:hover{color:var(--gold-soft);}
.rahd-scope .rahd-phone, .rahd-scope .rahd-phone:link{color:var(--navy);}
.rahd-scope .rahd-btn, .rahd-scope .rahd-btn:link{color:var(--navy);}
.rahd-scope .rahd-btn:hover{color:#fff;}
.rahd-scope .rahd-sep{color:var(--gold-deep);}
.rahd-foot a, .rahd-foot a:link, .rahd-foot a:visited{color:rgba(255,255,255,.66);text-decoration:none;}
.rahd-foot .rahd-foot-col a:hover, .rahd-foot .rahd-foot-soc a:hover, .rahd-foot .rahd-foot-bot a:hover{color:var(--gold-soft);}
.rahd-foot .rahd-foot-btn, .rahd-foot .rahd-foot-btn:link{color:var(--navy);}
.rahd-foot .rahd-foot-btn:hover{color:#fff;}

/* ---------- ARMONIZAR CONTENIDO KB (banner + tipografía DS v5) ----------
   Hex hardcodeados (el contenido KB no está en .rahd-scope) + !important para
   ganarle a HelpGuru. Solo apariencia; no toca markup, buscador ni estructura. */

/* Banner del buscador "Centro de Ayuda": celeste → navy DS v5 */
#page-header{ background:linear-gradient(135deg,#001B2E 0%,#0A2335 60%,#13324a 100%)!important; }
#page-header-title{ font-family:'Josefin Slab',Georgia,serif!important; font-weight:400!important; letter-spacing:.01em; }
#page-header-tagline{ font-family:'Outfit',sans-serif!important; color:rgba(255,255,255,.72)!important; font-weight:300!important; }

/* Buscador: campo en Outfit, botón en dorado de marca */
.hkb-site-search__field{ font-family:'Outfit',sans-serif!important; }
.hkb-site-search__button{ background:#D4A95C!important; border-color:#D4A95C!important; color:#001B2E!important; font-family:'Outfit',sans-serif!important; font-weight:700!important; }
.hkb-site-search__button:hover{ background:#B98A3C!important; color:#fff!important; }

/* Tipografía global del contenido: titulares Josefin Slab, cuerpo Outfit */
body, p, li, td, th, input, textarea, button, .widget, .hf-block, .entry-content{ font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
h1, h2, h3, h4, h5,
.widget-title, #page-header-title,
.hkb-article-title, .entry-title, .hf-block-title, .ht-kb-category-title{
  font-family:'Josefin Slab',Georgia,'Times New Roman',serif!important; font-weight:600;
}