/* =====================================================================
   css/ch-oc26.20261101.css · Colombia House · OC-26 (aprobada por Gerencia, 1-nov-2026)
   1. Logo blanco calado en la cabecera (regla de marca: logo todo blanco sobre fondos de color).
   2. Mega-menú «Servicios» (3 columnas con iconos) y su versión en el cajón del celular.
   3. Franja superior «¿Tiene un inmueble para arrendar…?» en amarillo pastel con botón ámbar.
   4. Botón flotante del asistente con IA en amarillo pastel.
   5. Cabecera del blog «Noticias y análisis» (WordPress) igual a la del sitio (.ch3-blog).
   Se carga después de ch-propietarios.css, ch-captacion.css y ch-cabecera-v2: gana por orden.
   Sin dependencias, sin imágenes externas. Contrastes (WCAG): nav blanco #fff sobre #0277BD 4,8:1; textos del panel
   #0F172A/#475569 sobre blanco ≥7:1; ícono del asistente #B45309 sobre #FEF3C7 4,5:1.
   ===================================================================== */

/* ---------- 1. Logo ---------- */
.ch-cab-v2 .ch-cab-logo img.ch3-logo{height:52px;width:auto;max-width:none;display:block;transition:opacity .15s}
.ch-cab-v2 .ch-cab-logo:hover img.ch3-logo{opacity:.92}
@media (max-width:399.98px){.ch-cab-v2 .ch-cab-logo img.ch3-logo{height:44px}}
@media (min-width:640px){.ch-cab-v2 .ch-cab-logo img.ch3-logo{height:56px}}
@media (min-width:1280px){.ch-cab-v2 .ch-cab-logo img.ch3-logo{height:60px}}

/* ---------- Nav: texto blanco (AA 4,8:1); la página actual y el menú abierto se marcan con barra amarilla ---------- */
.ch-cab-v2 .ch2-nav .ch2-nav-a{color:#fff}
.ch-cab-v2 .ch2-nav .ch2-nav-a:hover{color:#fde68a}
.ch-cab-v2 .ch2-nav .ch2-nav-a[aria-current]{color:#fff}
.ch-cab-v2 .ch2-nav .ch2-nav-a[aria-current]::after,.ch-cab-v2 .ch3-serv[open]>summary::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:3px;background:#fde68a}
.ch-cab-v2 .ch2-cajon-logo.ch3-logo-cajon{height:44px;padding:4px 10px;border-radius:10px;background:#0277bd}

/* ---------- 2. Mega-menú Servicios ---------- */
.ch3-serv>summary{list-style:none;cursor:pointer}
.ch3-serv>summary::-webkit-details-marker{display:none}
.ch3-serv .ch3-chev{transition:transform .2s}
.ch3-serv[open] .ch3-chev{transform:rotate(180deg)}
.ch-cab-v2 .ch2-nav .ch3-serv[open]>summary{color:#fff}
.ch-cab-v2 .ch3-serv>summary:focus-visible{outline:3px solid #fde68a;outline-offset:4px;border-radius:4px}
.ch3-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:60;
  width:min(1040px,calc(100vw - 32px));display:grid;grid-template-columns:1fr 1fr 290px;
  background:#fff;color:#0f172a;border:1px solid #e2e8f0;border-radius:18px;
  box-shadow:0 24px 60px rgb(15 23 42/.18),0 4px 12px rgb(15 23 42/.06);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-align:left;
  font-weight:400;letter-spacing:normal;line-height:1.4;animation:ch3-entra .16s ease-out}
/* puente invisible: el mouse cruza del botón al panel sin cerrarlo */
.ch3-mega::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
@keyframes ch3-entra{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
.ch3-col{padding:26px 22px 22px;min-width:0}
.ch3-col+.ch3-col{border-left:1px solid #f1f5f9}
.ch3-tit{margin:0 0 10px 12px;padding:0;border:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#475569}
.ch3-mega a{text-decoration:none}
.ch3-it{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:12px;color:#0f172a;text-decoration:none;transition:background .12s}
.ch3-it:hover{background:#f0f9ff;color:#0f172a;text-decoration:none}
.ch3-it:focus-visible,.ch3-lnk:focus-visible,.ch3-cta a:focus-visible{outline:3px solid #0369a1;outline-offset:2px}
.ch3-ico{flex:none;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#e0f2fe;color:#0369a1;transition:background .12s,color .12s}
.ch3-ico svg{width:22px;height:22px;display:block}
.ch3-it:hover .ch3-ico{background:#0369a1;color:#fff}
.ch3-t{display:block;font-size:16px;font-weight:600;line-height:1.3;color:#0f172a}
.ch3-s{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:#475569}
.ch3-emp{background:#f8fafc;padding:26px 22px 22px;display:flex;flex-direction:column;border-left:1px solid #f1f5f9;border-radius:0 18px 18px 0}
.ch3-lnk{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;border-radius:10px;font-size:16px;font-weight:600;color:#0f172a;text-decoration:none}
.ch3-lnk:hover{background:#fff;color:#0369a1;text-decoration:none}
.ch3-cta{margin-top:auto;padding:18px;border-radius:14px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}
.ch3-cta p{margin:0 0 12px;font-size:15px;line-height:1.45;font-weight:500;color:#0f172a}
.ch3-cta a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;background:#0369a1;color:#fff;font-weight:700;font-size:14px;text-decoration:none}
.ch3-cta a:hover{background:#075985;color:#fff;text-decoration:none}
@media (prefers-reduced-motion:reduce){.ch3-mega{animation:none}.ch3-serv .ch3-chev{transition:none}}

/* Servicios en el cajón (celular y tableta) */
.ch-cab-v2 .ch2-cajon-cuerpo details a.ch3-cit{display:flex;align-items:flex-start;gap:12px;min-height:0;padding:10px 6px;border-radius:10px;color:#0f172a}
.ch-cab-v2 .ch2-cajon-cuerpo details a.ch3-cit:hover{background:#f0f9ff}
.ch3-cit .ch3-ico{width:38px;height:38px;border-radius:10px}
.ch3-cit .ch3-ico svg{width:20px;height:20px}
.ch3-cit .ch3-t{font-size:15px}
.ch3-cit .ch3-s{font-size:13px}
.ch-cab-v2 .ch2-cajon-cuerpo .ch3-cajon-serv{padding-bottom:8px}

/* ---------- 3. Franja superior (amarillo pastel + botón ámbar) ---------- */
a.ch-cinta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:7px 16px;
  background:linear-gradient(90deg,#fffbeb 0%,#fef3c7 50%,#fffbeb 100%);
  border-bottom:1px solid #fde68a;color:#0f172a;font-size:14px;font-weight:500;line-height:1.35;text-align:center;text-decoration:none;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a.ch-cinta:hover{color:#0f172a;text-decoration:none}
a.ch-cinta .ch-cinta-techo{flex:none}
a.ch-cinta .ch-t-m,a.ch-cinta .ch-t-s{display:none}
@media (max-width:1023.98px){a.ch-cinta .ch-t-l{display:none}a.ch-cinta .ch-t-m{display:inline}}
@media (max-width:639.98px){a.ch-cinta .ch-t-m,a.ch-cinta .ch-cinta-accion-t{display:none}a.ch-cinta .ch-t-s{display:inline}}
a.ch-cinta .ch-cinta-techo{width:18px;height:18px;fill:#f2b705}
a.ch-cinta .ch-cinta-accion{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 14px;border-radius:999px;
  background:#f2b705;color:#0f172a;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap;
  box-shadow:0 1px 2px rgb(180 83 9/.25);transition:background .15s,transform .15s}
a.ch-cinta:hover .ch-cinta-accion{background:#e0a800;color:#0f172a;transform:translateX(2px);text-decoration:none}
a.ch-cinta:focus-visible{outline:3px solid #0369a1;outline-offset:-3px}
@media (max-width:639.98px){a.ch-cinta{padding:7px 12px;font-size:13px}a.ch-cinta .ch-cinta-accion{padding:5px 11px}a.ch-cinta .ch-cinta-accion::before{content:"Ver"}}
@media (prefers-reduced-motion:reduce){a.ch-cinta .ch-cinta-accion{transition:none}a.ch-cinta:hover .ch-cinta-accion{transform:none}}

/* ---------- 4. Botón flotante del asistente (amarillo pastel) ---------- */
.chi .ia-fab.ia-fab{border:1.5px solid #fcd34d;
  background:radial-gradient(circle at 30% 24%,#fff 0,#fffbeb 42%,#fef3c7 100%);color:#b45309;
  box-shadow:0 10px 24px rgb(217 119 6/.22),0 2px 6px rgb(15 23 42/.10)}
.chi .ia-fab.ia-fab svg{fill:#b45309;stroke:#b45309}
.chi .ia-fab.ia-fab::after{border-color:#fcd34d}
.chi .ia-fab.ia-fab:hover{box-shadow:0 14px 30px rgb(217 119 6/.30),0 3px 8px rgb(15 23 42/.12)}
.chi .ia-fab.ia-fab:focus-visible{outline:3px solid #0f172a;outline-offset:3px}

/* ---------- 5. Cabecera del blog (WordPress, sin Tailwind) y de las páginas antiguas (OC-28, .ch3-viejo) ---------- */
header.ch3-viejo{position:sticky;top:0;z-index:1001}
.ch3-blog{background:#0277bd;border-bottom:1px solid #0369a1;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);color:#fff;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.ch3-blog .ch-cab-v2{position:relative}
.ch3-blog .ch-cab-fila{max-width:80rem;margin:0 auto;padding:0 16px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:0}
@media (min-width:640px){.ch3-blog .ch-cab-fila{padding:0 24px}}
@media (min-width:1024px){.ch3-blog .ch-cab-fila{padding:0 32px}}
.ch3-blog .ch-cab-logo{display:flex;align-items:center;padding:8px 0;margin:0;min-height:0;border-radius:6px}
.ch3-blog .ch-cab-logo img{max-width:none}
.ch3-blog .ch2-nav{align-items:center;gap:0;font-weight:600;font-size:14px;margin:0 0 0 20px;padding:0}
.ch3-blog .ch2-nav-a{display:flex;align-items:center;gap:4px;padding:8px 0;color:#fff;text-decoration:none;transition:color .15s;background:none;min-height:0;border-radius:0}
.ch3-blog .ch2-nav-a:hover{color:#fde68a;text-decoration:none;background:none}
.ch3-blog .ch2-hamb{color:#fff}
.ch3-blog a,.ch3-blog summary{text-underline-offset:auto}
.ch3-blog .ch2-cajon{font-size:16px;line-height:1.4}
.ch3-blog .ch2-cajon p{max-width:none}