/* ch-captacion.css · Colombia House · OC-20260927-04-arrendatarios (fase 1a de «Portada · captación»). Modo claro fijo.
   Cabecera nueva (nuevoheader.php), panel «Arrendatarios», menú ☰, capas, cinta, ceja y pestaña de transición.
   La carga ch_comp_cabeza() (inc/componentes_comunes.php) después de app.20260926.css y ch-comun.css. */

/* Cabecera: fila de 68 px (80 px desde 1024), fondo #0369A1 sobre el bg-ch-brandBlue del <header> */
.ch-cab{background:#0369A1}
.ch-cab-fila{height:68px;column-gap:8px}
.ch-cab-logo{flex-shrink:0}
.ch-nav,.ch-btn-prop,.ch-iniciar{display:none}
/* Separadores del nav: 24 px (el xl:gap-6 de antes) que se encogen hasta 8 px si la fuente de respaldo ensancha el texto */
.ch-cab .ch-nav{gap:0;min-width:0}
.ch-nav-sep{flex:0 1 auto;width:24px;min-width:8px}
.ch-acciones{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.ch-btn-arr{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#075985;color:#fff;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}
.ch-btn-arr::-webkit-details-marker{display:none}
.ch-btn-arr:hover,.ch-arr[open]>.ch-btn-arr{background:#0C4A6E}
.ch-chev{width:16px;height:16px;transition:transform .15s ease-out}
.ch-arr[open] .ch-chev{transform:rotate(180deg)}
.ch-btn-prop{align-items:center;height:44px;padding:0 20px;border-radius:999px;background:#fff;color:#0369A1;font-size:15px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none}
.ch-btn-prop:hover{background:#F0F9FF;color:#075985}
.ch-iniciar{align-items:center;min-height:44px;padding:0 4px;color:#fff;font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none}
.ch-iniciar:hover{text-decoration:underline}
.ch-hamb{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:#fff;cursor:pointer}
.ch-hamb:hover{background:#075985}
.ch-btn-arr:focus-visible,.ch-btn-prop:focus-visible,.ch-iniciar:focus-visible,.ch-hamb:focus-visible,.ch-cab-logo:focus-visible,.ch-nav>a:focus-visible,.ch-nav>div>button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.ch-nav div div a:focus-visible{outline:3px solid #0369A1;outline-offset:-3px}

/* Panel «Arrendatarios». Sin JavaScript: bajo la fila, a todo el ancho. Con JavaScript (.ch-cab-js) y < 1024 px:
   fijo; ch-captacion.js le pone top y max-height según el borde inferior real de la cabecera. */
.ch-panel-arr{position:absolute;top:100%;left:0;right:0;z-index:60;padding:8px;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 12px 32px rgba(15,23,42,.18);max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain;text-align:left}
.ch-cab-js .ch-panel-arr{position:fixed;top:68px}
.ch-opcion{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;min-height:56px;padding:10px 12px;border-radius:8px;color:#0F172A;text-decoration:none}
.ch-opcion:hover{background:#F8FAFC}
.ch-opcion svg{width:20px;height:20px;margin-top:2px;color:#0369A1}
.ch-opcion-t{display:block;font-size:16px;font-weight:600;line-height:1.3}
.ch-opcion-s{display:block;font-size:14px;line-height:1.35;color:#475569}
.ch-sep{height:0;margin:6px 4px;border:0;border-top:1px solid #E2E8F0}
.ch-mas{display:flex;align-items:center;gap:5px;min-height:44px;padding:0 12px;color:#0369A1;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ch-mas:hover{color:#075985}
.ch-panel-arr a:focus-visible{outline:3px solid #0369A1;outline-offset:-3px}

/* Menú ☰ (Alpine, fondo bg-sky-950) */
.ch-btn-prop-m{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;background:#fff;color:#0369A1;font-size:16px;font-weight:700;text-decoration:none}
.ch-btn-prop-m:hover{background:#F0F9FF;color:#075985}
.ch-menu-arr{padding-top:4px}
.ch-menu-arr-t{margin:0 0 2px;color:#BAE6FD;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.ch-menu-arr a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid #0C4A6E;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.ch-iniciar-m{display:flex;align-items:center;justify-content:center;min-height:44px;color:#E2E8F0;font-size:14px;font-weight:500;text-decoration:none}
.ch-menu-arr a:hover,.ch-iniciar-m:hover{color:#FCD34D}
.ch-menu-movil>a:focus-visible,.ch-menu-arr a:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* Menú antiguo muerto de 9 páginas (hijo directo de <header>): no se ve nunca */
header>div[x-show="mobileMenu"]{display:none!important}
/* La burbuja de WhatsApp se oculta con el panel o el menú abiertos (adenda 6); gancho propio, distinto del de la medición */
body.ch-capa-menu [data-ch-burbuja]{display:none}
html{scroll-padding-top:76px}

@media (max-width:1023.98px){.ch-cab-logo{padding-top:0;padding-bottom:0}}
@media (max-width:399.98px){.ch-chev{display:none}}
@media (max-width:359.98px){.ch-cab-fila{padding-left:12px;padding-right:12px;column-gap:6px}.ch-acciones{gap:6px}.ch-btn-arr{padding:0 12px}}
@media (min-width:768px){.ch-acciones{gap:10px}.ch-btn-prop{display:inline-flex}.ch-btn-prop-m{display:none}.ch-btn-prop-m+a{margin-top:0!important}}
@media (min-width:1024px){
  html{scroll-padding-top:88px}
  .ch-cab-fila{height:80px}
  .ch-arr{position:relative}
  .ch-btn-arr{padding:0 16px;font-size:15px}
  .ch-panel-arr,.ch-cab-js .ch-panel-arr{position:absolute;top:calc(100% + 8px);left:auto;right:0;width:340px;max-height:none;overflow:visible;border-radius:12px}
}
@media (min-width:1280px){.ch-cab-fila{column-gap:20px}.ch-nav{display:flex}.ch-iniciar{display:inline-flex}.ch-hamb{display:none}.ch-menu-movil{display:none!important}}

/* Transición de la fase 1a: cinta, ceja de la portada y pestaña enlazan a /arrendatarios */
.ch-cinta-arr{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;background:#FBBF24;color:#0F172A;font-size:12px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none}
.ch-cinta-arr:hover{text-decoration:underline}
.ch-cinta-arr:focus-visible{outline:3px solid #0F172A;outline-offset:-3px}
@media (min-width:640px){.ch-cinta-arr{padding:8px 16px;font-size:14px}}
.ch-ceja-arr:hover .ch-ceja-accion{text-decoration-thickness:2px}
/* Foco de la ceja sobre el degradado del héroe: doble anillo de la especificación §3.0 (2 px blanco + 2 px #0F172A) */
.ch-ceja-arr:focus-visible{outline:2px solid #fff;outline-offset:0;box-shadow:0 0 0 4px #0F172A}
.ch-pestana-arr:focus-visible{outline:3px solid #0F172A;outline-offset:-3px}

@media (prefers-reduced-motion:reduce){.ch-chev,.ch-menu-movil{transition:none!important}}