/*
Theme Name:     Bootstrap Four Child — Rosa Agustina
Description:    Reskin Rosa Agustina · DS v5 (header + footer + cuerpo editorial de noticias). Solo apariencia; contenido y plugins intactos.
Author:         Rosa Agustina
Template:       bootstrap-four
Version:        1.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;
}

/* ════════════════════════════════════════════════════════════
   NOTICIAS · ocultar header/footer viejos + CUERPO EDITORIAL DS v5
   El nav/topbar viejos están hardcodeados en index.php; usamos los
   nuestros (header.php/footer.php) y ocultamos los antiguos.
   ════════════════════════════════════════════════════════════ */
.top_menu.orange, header.fixed, #back_to_top { display:none !important; }
#smoothpage.wrapper { overflow:visible; }

/* ---- Contenedor del artículo: columna de lectura centrada ---- */
.main-container { padding:48px 20px 64px !important; }
.main-container .col-lg-12 { width:100% !important; flex:0 0 100% !important; max-width:100% !important; }
article[id^="post-"] { max-width:760px; margin:0 auto; }

/* Título del artículo */
.entry-header { max-width:760px; margin:0 auto 6px; text-align:center; }
.entry-title, .entry-title.display-1 {
  font-family:'Josefin Slab',Georgia,serif !important; font-weight:600 !important;
  font-size:clamp(30px,4.4vw,52px) !important; line-height:1.08 !important;
  color:#001B2E !important; margin:0 0 16px !important; letter-spacing:.005em;
}

/* Aviso "publicación antigua": rojo chillón → nota elegante ámbar */
.disclaimer {
  background:#FBF3E4 !important; color:#7a5a1e !important;
  border:1px solid #E8D3A7 !important; border-left:4px solid #D4A95C !important;
  border-radius:12px !important; padding:14px 18px !important;
  font-size:13.5px !important; line-height:1.55 !important; margin:18px auto !important; max-width:760px;
}

/* ---- Cuerpo del artículo (lo que se veía feo) ---- */
.entry-content {
  font-family:'Outfit',-apple-system,sans-serif; max-width:760px; margin:24px auto 0 !important;
  color:#2A313C; font-size:18px; line-height:1.78;
}
.entry-content p { margin:0 0 1.35em !important; text-align:left !important; }
.entry-content > p:first-of-type { font-size:1.06em; color:#1C232E; }
.entry-content h2, .entry-content h3, .entry-content h4 {
  font-family:'Josefin Slab',serif !important; color:#001B2E !important; line-height:1.15 !important; margin:1.7em 0 .5em !important;
}
.entry-content h2 { font-size:1.7em !important; } .entry-content h3 { font-size:1.4em !important; }
.entry-content a { color:#B98A3C; text-decoration:underline; text-underline-offset:2px; font-weight:500; }
.entry-content a:hover { color:#001B2E; }
.entry-content img {
  max-width:100% !important; height:auto !important; border-radius:16px; display:block; margin:28px auto;
  box-shadow:0 24px 60px -34px rgba(0,27,46,.55);
}
.entry-content ul, .entry-content ol { margin:0 0 1.35em; padding-left:1.45em; }
.entry-content li { margin-bottom:.5em; }
.entry-content blockquote {
  border-left:4px solid #D4A95C; background:#FBF9F4; margin:1.6em 0; padding:16px 24px;
  font-style:italic; color:#4C5462; border-radius:0 12px 12px 0; font-size:1.05em;
}
.entry-content strong { color:#1C232E; }
.entry-content hr { border:0; border-top:1px solid #E6DECF; margin:2em 0; }

/* Meta del post (fecha / autor / categoría) bajo el título */
.postmeta, .entry-meta, .postmetadata, .post-info {
  font-family:'Outfit',sans-serif; font-size:13.5px; color:#8C8675; text-align:center; max-width:760px; margin:0 auto 10px;
}
.postmeta a, .entry-meta a { color:#B98A3C; }

/* Sidebar: OCULTAR widgets de texto vacíos (en noticias vienen con el contenido
   comentado del sitio viejo → aparecían como cajas crema vacías). */
aside.widget_text:not(:has(.textwidget *)) { display:none !important; }
.textwidget:not(:has(*)) { display:none !important; }
/* Solo los widgets CON contenido reciben tarjeta (evita recuadros vacíos) */
.col-lg-4 .widget:not(.widget_text), aside.widget:not(.widget_text) {
  background:#FBF9F4; border:1px solid #E6DECF; border-radius:14px; padding:18px 20px; margin:0 auto 18px; max-width:760px;
}
.col-lg-4 .widget-title, .col-lg-4 .widgettitle, aside.widget .widget-title {
  font-family:'Josefin Slab',serif !important; color:#001B2E !important; font-size:18px;
}

/* Paginación del listado */
.pagination, .nav-links { font-family:'Outfit',sans-serif; max-width:760px; margin:30px auto; }

/* Listado (home de noticias): tarjetas de post un poco más cuidadas */
.entry-summary { font-family:'Outfit',sans-serif; color:#4C5462; line-height:1.7; }

/* ════════ LISTADO de noticias · tarjeta compacta (foto izq · texto der) ════════ */
article.ra-news-card {
  display:grid; grid-template-columns:300px 1fr; gap:28px; align-items:start;
  max-width:920px !important; margin:0 auto 30px !important; padding:0 0 30px !important;
  border-bottom:1px solid #E6DECF;
}
.ra-news-thumb {
  display:block; border-radius:16px; overflow:hidden; aspect-ratio:4/3; background:#EDE6D9;
  box-shadow:0 18px 44px -30px rgba(0,27,46,.5);
}
.ra-news-thumb img, .ra-news-thumb-ph { width:100%; height:100%; object-fit:cover; display:block; transition:transform .55s cubic-bezier(.2,.7,.2,1); }
.ra-news-thumb-ph { background:linear-gradient(135deg,#EDE6D9,#FBF9F4); }
article.ra-news-card:hover .ra-news-thumb img { transform:scale(1.06); }
.ra-news-body { min-width:0; }
.ra-news-title { font-family:'Josefin Slab',serif !important; font-weight:600 !important; font-size:clamp(20px,2.1vw,27px) !important; line-height:1.13 !important; margin:0 0 9px !important; }
.ra-news-title a { color:#001B2E !important; text-decoration:none !important; }
.ra-news-title a:hover { color:#B98A3C !important; }
.ra-news-meta { font-family:'Outfit',sans-serif; font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:#8C8675; margin-bottom:11px; }
.ra-news-meta a { color:#B98A3C; text-decoration:none; }
.ra-news-excerpt { font-family:'Outfit',sans-serif; font-size:15px; line-height:1.65; color:#4C5462; margin:0 0 14px; }
.ra-news-more { font-family:'Outfit',sans-serif; font-weight:700; font-size:14px; color:#B98A3C; text-decoration:none; display:inline-flex; gap:6px; }
.ra-news-more:hover { color:#001B2E; }
@media (max-width:640px) {
  article.ra-news-card { grid-template-columns:1fr; gap:14px; }
  .ra-news-thumb { aspect-ratio:16/9; }
}
/* Encabezado del listado (si el tema imprime un título de página) */
.page-title, .archive-title { font-family:'Josefin Slab',serif !important; color:#001B2E !important; text-align:center; max-width:920px; margin:0 auto 24px; }
