/* =========================================================
   Engloba Inmobiliaria — Estilo CLARO
   Marfil, arena y champaña con tinta azul noche.
   Se activa con <html data-theme="claro"> (Configuración → Estilo visual).
   ========================================================= */
html[data-theme="claro"] {
  --navy-950: #f2ece2;   /* secciones alternas: arena */
  --navy-900: #faf7f2;   /* fondo general: marfil */
  --navy-850: #ffffff;   /* tarjetas */
  --navy-800: #efe8dc;   /* fondos de imagen */
  --navy-700: #e7dfd1;
  --navy-600: #d8cdbb;
  --line: rgba(31, 42, 56, .09);
  --line-strong: rgba(31, 42, 56, .17);
  --text: #1f2a38;       /* azul tinta */
  --text-2: #56606c;
  --text-3: #8b9097;
  --gold: #9a7a45;       /* champaña profundo (contraste AA en botones) */
  --gold-2: #7f6436;
  --gold-ink: #ffffff;
  --ok: #2f8f63;
  --warn: #b7791f;
  --bad: #c2483f;
  --shadow: 0 18px 44px rgba(72, 56, 30, .12);
  color-scheme: light;
}
html[data-theme="claro"] body { background: var(--navy-900); color: var(--text); }
html[data-theme="claro"] a { color: var(--gold); }
html[data-theme="claro"] a:hover { color: var(--gold-2); }
html[data-theme="claro"] h1, html[data-theme="claro"] h2, html[data-theme="claro"] h3, html[data-theme="claro"] .display { color: #1b2533; }

/* Botones */
html[data-theme="claro"] .btn-gold { background: var(--gold); color: #fff; box-shadow: 0 6px 16px rgba(154, 122, 69, .25); }
html[data-theme="claro"] .btn-gold:hover { background: var(--gold-2); color: #fff; }
html[data-theme="claro"] .btn-outline { color: var(--text); border-color: rgba(31, 42, 56, .22); background: rgba(255, 255, 255, .6); }
html[data-theme="claro"] .btn-outline:hover { border-color: var(--gold); color: var(--gold-2); }
html[data-theme="claro"] .btn-ghost { color: var(--text-2); }
html[data-theme="claro"] .btn-ghost:hover { color: var(--text); background: rgba(31, 42, 56, .05); }

/* Formularios */
html[data-theme="claro"] .input { background: #fff; border-color: rgba(31, 42, 56, .16); color: var(--text); }
html[data-theme="claro"] .input:focus { background: #fff; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(154, 122, 69, .14); }
html[data-theme="claro"] .input::placeholder { color: #9ba1a8; }
html[data-theme="claro"] select.input option { background: #fff; color: var(--text); }
html[data-theme="claro"] .input:disabled { background: #f5f1ea; color: var(--text-2); }

/* Encabezado */
html[data-theme="claro"] .site-header { background: rgba(250, 247, 242, .9); border-bottom-color: rgba(31, 42, 56, .08); }
html[data-theme="claro"] .nav a { color: var(--text); }
html[data-theme="claro"] .nav a:hover, html[data-theme="claro"] .nav a.active { color: var(--gold); }
html[data-theme="claro"] .nav .btn-gold { color: #fff; }
html[data-theme="claro"] .brand, html[data-theme="claro"] .brand:hover { color: #1b2533; }
html[data-theme="claro"] .brand img { box-shadow: 0 4px 12px rgba(31, 42, 56, .18); }
html[data-theme="claro"] .sample-banner { color: #7a5a24; background: repeating-linear-gradient(135deg, rgba(154,122,69,.10) 0 12px, rgba(154,122,69,.05) 12px 24px); border-bottom-color: rgba(154,122,69,.25); }
@media (max-width: 880px) { html[data-theme="claro"] .nav { background: #faf7f2; } }

/* Portada */
html[data-theme="claro"] .hero::after {
  background:
    linear-gradient(90deg, rgba(250,247,242,.96) 0%, rgba(250,247,242,.82) 38%, rgba(250,247,242,.25) 68%, rgba(250,247,242,0) 100%),
    linear-gradient(0deg, rgba(250,247,242,1) 0%, rgba(250,247,242,0) 30%);
}
html[data-theme="claro"] .hero h1 { color: #1b2533; }
html[data-theme="claro"] .hero p.lead { color: #3d4753; }
html[data-theme="claro"] .eyebrow { color: var(--gold); }
html[data-theme="claro"] .search-card { background: rgba(255, 255, 255, .94); border-color: rgba(31, 42, 56, .08); box-shadow: var(--shadow); }
html[data-theme="claro"] .feature b { color: #1b2533; }

/* Secciones y tarjetas */
html[data-theme="claro"] .page-hero { background: linear-gradient(180deg, #f2ece2, #faf7f2); }
html[data-theme="claro"] .card { box-shadow: 0 2px 10px rgba(72, 56, 30, .05); }
html[data-theme="claro"] .card:hover { border-color: rgba(154, 122, 69, .45); color: var(--text); }
html[data-theme="claro"] .card-title { color: #1b2533; }
html[data-theme="claro"] .badge { background: rgba(255, 255, 255, .92); color: var(--text); }
html[data-theme="claro"] .badge-gold { background: var(--gold); color: #fff; }
html[data-theme="claro"] .badge-sample { background: rgba(255, 248, 235, .95); color: #8a5a12; border-color: rgba(183, 121, 31, .5); }
html[data-theme="claro"] .chip { color: var(--text-2); background: #fff; }
html[data-theme="claro"] .chip.active { background: var(--gold); border-color: var(--gold); color: #fff; }
html[data-theme="claro"] .filters, html[data-theme="claro"] .panel { box-shadow: 0 2px 12px rgba(72, 56, 30, .05); }
html[data-theme="claro"] .gal-nav { background: rgba(255, 255, 255, .88); color: #1b2533; border-color: transparent; }
html[data-theme="claro"] .gal-count { background: rgba(255, 255, 255, .9); color: var(--text); }
html[data-theme="claro"] .slot.active, html[data-theme="claro"] .seg button.active { color: #fff; }
html[data-theme="claro"] .about-stat { background: rgba(255, 255, 255, .94); }
html[data-theme="claro"] .value { background: #fff; }
html[data-theme="claro"] .quote { background: #fff; }
html[data-theme="claro"] .cta-band { background: linear-gradient(120deg, #ffffff, #f0e8da); }

/* Pie de página: azul tinta para dar peso y elegancia */
html[data-theme="claro"] .trust { background: #f2ece2; }
html[data-theme="claro"] .site-footer { background: #1f2a38; color: #c9d0d8; border-top: 0; }
html[data-theme="claro"] .site-footer h4 { color: #fff; }
html[data-theme="claro"] .site-footer a { color: #c9d0d8; }
html[data-theme="claro"] .site-footer a:hover { color: #d9bd86; }
html[data-theme="claro"] .site-footer .brand, html[data-theme="claro"] .site-footer .brand-name { color: #fff; }
html[data-theme="claro"] .site-footer .brand-sub { color: #aeb7c2; }
html[data-theme="claro"] .footer-bottom { border-top-color: rgba(255, 255, 255, .12); color: #9aa5b1; }

/* Modales y avisos */
html[data-theme="claro"] .modal-backdrop { background: rgba(31, 42, 56, .42); }
html[data-theme="claro"] .modal, html[data-theme="claro"] .modal-head { background: #fff; }
html[data-theme="claro"] .toast { background: #fff; color: var(--text); }
html[data-theme="claro"] .notice.info { color: #23527c; background: rgba(91, 155, 213, .08); }
html[data-theme="claro"] .notice.warn { color: #7a4f10; background: rgba(224, 166, 69, .10); }
html[data-theme="claro"] .notice.ok { color: #1e6b47; background: rgba(76, 183, 130, .10); }
html[data-theme="claro"] .notice.bad { color: #9a2f28; background: rgba(226, 96, 90, .08); }

/* Panel de administración */
html[data-theme="claro"] .admin { background: #f6f2eb; }
html[data-theme="claro"] .side { background: #fff; }
html[data-theme="claro"] .side nav a { color: var(--text-2); }
html[data-theme="claro"] .side nav a:hover { background: #f6f2eb; color: var(--text); }
html[data-theme="claro"] .side nav a.active { background: rgba(154, 122, 69, .12); color: var(--gold-2); }
html[data-theme="claro"] .side nav a .count { color: #fff; }
html[data-theme="claro"] .admin-mobile-bar { background: #fff; }
html[data-theme="claro"] .kpi, html[data-theme="claro"] .box, html[data-theme="claro"] .form-section, html[data-theme="claro"] .table-wrap, html[data-theme="claro"] .portal { box-shadow: 0 2px 10px rgba(72, 56, 30, .04); }
html[data-theme="claro"] table.t tr:hover td { background: #faf7f2; }
html[data-theme="claro"] .status.st-publicada, html[data-theme="claro"] .status.st-confirmada, html[data-theme="claro"] .status.st-cerrado, html[data-theme="claro"] .status.st-ok { color: #1e6b47; }
html[data-theme="claro"] .status.st-borrador, html[data-theme="claro"] .status.st-pendiente, html[data-theme="claro"] .status.st-nuevo { color: #8a5a12; }
html[data-theme="claro"] .status.st-contactado, html[data-theme="claro"] .status.st-realizada, html[data-theme="claro"] .status.st-seguimiento { color: #23527c; }
html[data-theme="claro"] .status.st-archivada, html[data-theme="claro"] .status.st-cancelada, html[data-theme="claro"] .status.st-descartado, html[data-theme="claro"] .status.st-off { color: #6b7280; background: rgba(31, 42, 56, .06); }
html[data-theme="claro"] .log, html[data-theme="claro"] .code-box { background: #f6f2eb; color: #3d4753; border-color: rgba(31, 42, 56, .1); }
html[data-theme="claro"] .code-box { color: var(--gold-2); }
html[data-theme="claro"] .hbar .track { background: rgba(31, 42, 56, .07); }
html[data-theme="claro"] .bars div:hover::after { background: #1f2a38; color: #fff; }
html[data-theme="claro"] .auth-wrap { background: radial-gradient(ellipse at top, #ffffff, #efe8dc); }
html[data-theme="claro"] .dropzone { background: #fbf9f5; }
html[data-theme="claro"] .photo { border-color: rgba(31, 42, 56, .12); }

/* Redes sociales: colores de marca en ambos estilos */
html[data-theme="claro"] .social a.soc, html[data-theme="claro"] .social a.soc:hover,
html[data-theme="claro"] a.btn-fb, html[data-theme="claro"] a.btn-ig, html[data-theme="claro"] a.wa-float { color: #fff; }
html[data-theme="claro"] a.btn-wa { color: #06301a; }
html[data-theme="claro"] .site-footer .inline-wa { color: #c9d0d8; }