/*
Theme Name: Interbusiness Child
Theme URI: https://interbusiness.com.bo
Description: Child theme personalizado de Houzez para Interbusiness — Asesores Inmobiliarios. Santa Cruz de la Sierra, Bolivia. Decisiones con Visión.
Author: Interbusiness / Gabriel Mariaca
Author URI: https://interbusiness.com.bo
Template: houzez
Version: 1.0.0
Text Domain: interbusiness-child
*/

/* ==========================================================================
   1. Variables de marca Interbusiness
   ========================================================================== */

:root {
  --ib-verde: #008037;
  --ib-verde-hover: #00662c;
  --ib-gris-claro: #e0e0e0;
  --ib-negro: #000000;
  --ib-blanco: #ffffff;
}

/* ==========================================================================
   2. Overrides de marca sobre Houzez
   --------------------------------------------------------------------------
   IMPORTANTE: el color de acento principal de Houzez se controla desde el
   panel: Houzez > Theme Options > General Settings > Color Scheme.
   Configura ahí el verde institucional (--ib-verde) como color primario del
   tema ANTES de depender de este archivo — así cubres botones, hovers,
   iconos y estados activos que Houzez genera dinámicamente.

   Las reglas de abajo son solo para elementos puntuales que el panel no
   alcance a cubrir. Los selectores exactos (.houzez-btn, .header-nav, etc.)
   deben confirmarse inspeccionando el sitio en vivo con las herramientas de
   desarrollador del navegador, porque pueden variar según la versión/demo
   activa. Deja estas reglas como plantilla y ve completando selector por
   selector a medida que detectes algo que el Color Scheme no cubrió.
   ========================================================================== */

/* Ejemplo de override puntual — reemplazar el selector real cuando se
   identifique en el inspector:
.selector-real-del-elemento {
  color: var(--ib-verde);
}
*/

/* ==========================================================================
   3. Botón flotante de WhatsApp
   ========================================================================== */

.ib-whatsapp-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 58px;
  height: 58px;
  background-color: #25D366; /* verde estándar de WhatsApp, distinto del verde de marca a propósito, para que se reconozca como acción de chat */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  z-index: 9999;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ib-whatsapp-float:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

@media (max-width: 480px) {
  .ib-whatsapp-float {
    width: 50px;
    height: 50px;
    bottom: 16px;
    right: 16px;
  }
  .ib-whatsapp-float svg {
    width: 26px;
    height: 26px;
  }
}

/* ==========================================================================
   4. Ajustes generales de tipografía y espaciado (placeholder)
   --------------------------------------------------------------------------
   Pendiente: definir tipografía de marca. Mientras tanto se hereda la
   tipografía por defecto del theme padre.
   ========================================================================== */
