/* ═══════════════════════════════════════════════════════════
   Trovix — Dark Glass Blue Theme
   Aplica sobre las hojas inline de cada página.
   Last-wins: enlazar este CSS DESPUÉS del <style> inline.
   ═══════════════════════════════════════════════════════════ */

:root{
  /* Dark Glass Blue palette (alineada con Propium/Inmoworking) */
  --tx-bg:#060C22;
  --tx-bg-mid:#0c1a3a;
  --tx-bg-elevated:#0c3859;
  --tx-cyan:#4FD1FF;
  --tx-cyan-hi:#BFDFFF;
  --tx-cyan-deep:#0EA5E9;
  --tx-cyan-dark:#0284C7;
  --tx-cyan-line:rgba(125,211,252,.22);
  --tx-cyan-line-md:rgba(125,211,252,.32);
  --tx-text-1:#EEF3FF;
  --tx-text-2:rgba(204,224,255,.82);
  --tx-text-3:rgba(160,190,235,.60);
  --tx-text-mute:rgba(160,190,235,.45);
  --tx-glass-bg:linear-gradient(135deg,rgba(14,165,233,.10) 0%,rgba(2,132,199,.06) 100%);
  --tx-glass-bg-strong:linear-gradient(135deg,rgba(14,165,233,.18) 0%,rgba(2,132,199,.12) 100%);
  --tx-glass-border:rgba(125,211,252,.16);
  --tx-glass-border-hover:rgba(79,209,255,.40);
  --tx-glass-blur:blur(14px) saturate(180%);
  --tx-sh-card:0 4px 20px rgba(8,47,87,.35),0 0 0 1px rgba(125,211,252,.06);
  --tx-sh-hover:0 8px 36px rgba(8,47,87,.55),0 0 0 1px rgba(125,211,252,.18),0 0 24px rgba(79,209,255,.18);
  --tx-sh-glow:0 0 0 1px rgba(14,165,233,.22),0 8px 28px rgba(79,209,255,.32);
}

/* Body dark con bg-mesh radial */
html{background:var(--tx-bg) !important}
body{
  background:var(--tx-bg) !important;
  background-image:
    radial-gradient(ellipse 130% 75% at 10% 5%, rgba(14,165,233,.20) 0%, transparent 52%),
    radial-gradient(ellipse 95% 65% at 90% 92%, rgba(7,89,133,.20) 0%, transparent 50%),
    radial-gradient(ellipse 60% 45% at 55% 35%, rgba(125,211,252,.10) 0%, transparent 50%) !important;
  background-attachment:fixed !important;
  color:var(--tx-text-1) !important;
}

/* Atmospheric noise (sutil, opcional) */
body::after{
  content:''; position:fixed; inset:0; pointer-events:none; z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
  opacity:.5;
  mix-blend-mode:overlay;
}

/* Headings */
h1,h2,h3,h4,h5,h6{color:var(--tx-text-1) !important}

/* Texto secundario común */
.section-title,.section-header,.prop-price,.prop-title,.job-title,.job-salary,
.cta h2,.footer-col h4,.footer-brand .logo,
.stat-num,.modal-title{color:var(--tx-text-1) !important}
.prop-zone,.prop-features,.prop-feat,.job-company,.job-meta,.job-meta-item,
.footer-desc,.footer-links a,.footer-bottom p,.empty-state,.stat-label,
.section-subtitle{color:var(--tx-text-2) !important}
.prop-price span,.hero-sub,.cta-sub{color:var(--tx-text-3) !important}

/* Sections de fondo claro → dark */
section.properties,section.jobs,section{background:transparent !important}
.stats-strip{background:rgba(7,17,40,.55) !important;border-bottom:1px solid var(--tx-glass-border) !important;box-shadow:none !important;backdrop-filter:var(--tx-glass-blur) !important;-webkit-backdrop-filter:var(--tx-glass-blur) !important}

/* Cards inmuebles/empleo: glass dark */
.prop-card,.job-card,.cta-card,.skeleton-card{
  background:var(--tx-glass-bg) !important;
  border:1px solid var(--tx-glass-border) !important;
  box-shadow:var(--tx-sh-card) !important;
  backdrop-filter:var(--tx-glass-blur) !important;
  -webkit-backdrop-filter:var(--tx-glass-blur) !important;
  color:var(--tx-text-1) !important;
}
.prop-card:hover,.job-card:hover{
  border-color:var(--tx-glass-border-hover) !important;
  box-shadow:var(--tx-sh-hover) !important;
}
.prop-img{background:rgba(7,17,40,.6) !important}
.prop-img-placeholder{background:linear-gradient(135deg,rgba(7,17,40,.6),rgba(12,56,89,.4)) !important}
.prop-features{border-top:1px solid var(--tx-glass-border) !important}
.job-logo{background:rgba(14,165,233,.16) !important;border:1px solid var(--tx-glass-border) !important;color:var(--tx-text-1) !important}
.prop-fav{background:rgba(7,17,40,.7) !important;color:var(--tx-text-1) !important;border:1px solid var(--tx-glass-border) !important}
.prop-fav:hover{background:rgba(14,165,233,.30) !important;border-color:var(--tx-cyan) !important}

/* Badges */
.badge-venta{background:rgba(14,165,233,.18) !important;color:var(--tx-cyan-hi) !important;border:1px solid var(--tx-glass-border) !important}
.badge-alquiler{background:rgba(249,115,22,.16) !important;color:#FCD34D !important;border:1px solid rgba(249,115,22,.30) !important}
.badge-alquiler_vacacional{background:rgba(34,197,94,.14) !important;color:#86EFAC !important;border:1px solid rgba(34,197,94,.28) !important}
.badge-traspaso{background:rgba(168,85,247,.14) !important;color:#D8B4FE !important;border:1px solid rgba(168,85,247,.28) !important}
.badge-new{background:rgba(34,197,94,.18) !important;color:#86EFAC !important}
.badge-jornada{background:rgba(125,211,252,.10) !important;color:var(--tx-text-2) !important;border:1px solid var(--tx-glass-border) !important}

/* Search box principal (dark glass) */
.search-box{
  background:var(--tx-glass-bg-strong) !important;
  border:1px solid var(--tx-glass-border) !important;
  backdrop-filter:blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(180%) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.50),0 0 0 1px rgba(125,211,252,.12),0 0 60px rgba(79,209,255,.10) !important;
}
.search-tab{color:var(--tx-text-2) !important}
.search-tab:not(.active):hover{background:rgba(125,211,252,.10) !important;color:var(--tx-text-1) !important}
.search-input,.search-select{
  background:rgba(7,17,40,.55) !important;
  border:1px solid var(--tx-glass-border) !important;
  color:var(--tx-text-1) !important;
}
.search-input::placeholder{color:var(--tx-text-3) !important}
.search-input:focus,.search-select:focus{
  border-color:var(--tx-cyan) !important;
  box-shadow:0 0 0 3px rgba(79,209,255,.15),0 0 16px rgba(79,209,255,.10) !important;
  background:rgba(12,56,89,.55) !important;
}
.search-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237DD3FC' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 14px center !important}

/* Forms generales (lead form, publicar-gratis, etc.) */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
select,textarea{
  background:rgba(7,17,40,.55) !important;
  border:1px solid var(--tx-glass-border) !important;
  color:var(--tx-text-1) !important;
}
input::placeholder,textarea::placeholder{color:var(--tx-text-3) !important}
input:focus,select:focus,textarea:focus{
  border-color:var(--tx-cyan) !important;
  box-shadow:0 0 0 3px rgba(79,209,255,.15) !important;
  outline:none !important;
}
label{color:var(--tx-text-2) !important}

/* Botones (mantener cyan/gradient, ajustar outline a dark) */
.btn-outline,.btn-white{
  background:rgba(14,165,233,.10) !important;
  border:1px solid var(--tx-glass-border) !important;
  color:var(--tx-text-1) !important;
}
.btn-outline:hover,.btn-white:hover{
  background:rgba(14,165,233,.20) !important;
  border-color:var(--tx-cyan) !important;
  color:var(--tx-cyan-hi) !important;
}
.btn-white-outline{background:transparent !important;border:1px solid rgba(255,255,255,.4) !important;color:#fff !important}

/* Modals (job-modal) en dark */
#job-modal-bg .modal,
#job-modal-bg [style*="background:#fff"],
#job-modal-bg [style*="background: #fff"]{
  background:linear-gradient(135deg,#0c1a3a 0%,#06122a 100%) !important;
  color:var(--tx-text-1) !important;
  border:1px solid var(--tx-glass-border) !important;
}

/* Cookie banner dark glass */
#cookie-banner{
  background:linear-gradient(135deg,#0c1a3a 0%,#06122a 100%) !important;
  border:1px solid var(--tx-glass-border) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.6),0 0 0 1px rgba(125,211,252,.18),0 0 40px rgba(79,209,255,.08) !important;
  color:var(--tx-text-1) !important;
  backdrop-filter:blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(180%) !important;
}
#cookie-banner h4{color:var(--tx-text-1) !important}
#cookie-banner p{color:var(--tx-text-2) !important}
#cookie-banner p a{color:var(--tx-cyan) !important}
.cookie-row{color:var(--tx-text-2) !important;border-bottom:1px solid var(--tx-glass-border) !important}
.cookie-row .req{color:var(--tx-text-3) !important}
.cookie-prefs{border-top:1px solid var(--tx-glass-border) !important}

/* Quick tags del hero ya están en blanco translúcido, mantener */
/* CTA card overrides para no romper la sección oscura existente */
.cta-card{background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.18) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important}
.cta-card:hover{background:rgba(255,255,255,.14) !important;border-color:rgba(125,211,252,.40) !important}
.cta-card h3{color:#fff !important}
.cta-card p{color:rgba(255,255,255,.85) !important}

/* ── Detalle (detalle.html) — texto y cards en dark ───────────── */
.prop-title-text{color:var(--tx-text-1) !important}
.prop-zone-text{color:var(--tx-text-2) !important}
.description-text{color:var(--tx-text-2) !important}
.detail-item{
  background:var(--tx-glass-bg) !important;
  border:1px solid var(--tx-glass-border) !important;
  color:var(--tx-text-1) !important;
}
.detail-item-label{color:var(--tx-text-3) !important}
.detail-item-value{color:var(--tx-text-1) !important}
.agent-info .agent-name,.agent-name{color:var(--tx-text-1) !important}
.amenity{color:var(--tx-text-2) !important;border-color:var(--tx-glass-border) !important;background:var(--tx-glass-bg) !important}
.amenity.no{color:var(--tx-text-mute) !important}
.tab-btn{color:var(--tx-text-3) !important}
.tab-btn.active{color:var(--tx-cyan-hi) !important;border-color:var(--tx-cyan) !important}
.sidebar-card{background:var(--tx-glass-bg) !important;border:1px solid var(--tx-glass-border) !important;color:var(--tx-text-1) !important}
.sidebar-card h3,.sidebar-card h4{color:var(--tx-text-1) !important}
.detail-content{color:var(--tx-text-1) !important}
.detail-content h4{color:var(--tx-text-1) !important}

/* Mapa Leaflet sobre dark */
#map{height:280px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--tx-glass-border);background:rgba(7,17,40,.55)}
.leaflet-container{background:rgba(7,17,40,.55) !important}
.leaflet-control-attribution{background:rgba(7,17,40,.85) !important;color:var(--tx-text-3) !important}
.leaflet-control-attribution a{color:var(--tx-cyan) !important}
.map-container{height:auto !important;border:none !important}

/* Footer dark más coherente */
footer{background:linear-gradient(180deg,#06122a 0%,#040920 100%) !important;border-top:1px solid var(--tx-glass-border) !important;color:var(--tx-text-2) !important}
.footer-bottom{border-top:1px solid var(--tx-glass-border) !important;padding-top:24px;margin-top:24px}
.social-btn{background:rgba(125,211,252,.10) !important;border:1px solid var(--tx-glass-border) !important;color:var(--tx-text-2) !important}
.social-btn:hover{background:rgba(125,211,252,.20) !important;color:var(--tx-text-1) !important;border-color:var(--tx-cyan) !important}

/* Páginas estáticas (aviso-legal, privacidad, cookies, terminos): tipografía body sin contenedor main */
body.legal{background:var(--tx-bg) !important;color:var(--tx-text-1) !important}
body.legal > .container > p,
body.legal > .container > ul li,
body.legal > .container > ol li,
body.legal > .container > p strong{color:var(--tx-text-2) !important}
body.legal > .container > h1,
body.legal > .container > h2,
body.legal > .container > h3{color:var(--tx-text-1) !important}
body.legal > .container > p strong,
body.legal > .container > ul strong,
body.legal > .container > ol strong{color:var(--tx-text-1) !important}
body.legal > .container > .subtitle{color:var(--tx-text-3) !important}
body.legal > .container a:not(.btn),
body.legal a:not(.btn){color:var(--tx-cyan) !important;text-decoration:underline}
body.legal > .container a:not(.btn):hover,
body.legal a:not(.btn):hover{color:var(--tx-cyan-hi) !important}
body.legal .placeholder{background:rgba(252,211,77,.16) !important;color:#FCD34D !important;border:1px solid rgba(252,211,77,.30) !important}
body.legal > header{
  background:rgba(7,17,40,.85) !important;
  border-bottom:1px solid var(--tx-glass-border) !important;
  backdrop-filter:blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(180%) !important;
}
body.legal > header a{color:var(--tx-cyan-hi) !important}
body.legal > footer{background:linear-gradient(180deg,#06122a 0%,#040920 100%) !important;border-top:1px solid var(--tx-glass-border) !important;color:var(--tx-text-2) !important}
body.legal > footer a{color:var(--tx-text-2) !important}
body.legal > footer a:hover{color:var(--tx-cyan-hi) !important}

/* Compat: si quieren usar main */
main p,main li,main td{color:var(--tx-text-2)}
main a:not(.btn){color:var(--tx-cyan) !important;text-decoration:underline}
main a:not(.btn):hover{color:var(--tx-cyan-hi) !important}

/* Header scrolled adaptado al dark theme */
header.header-scrolled{
  background:rgba(7,17,40,.75) !important;
  backdrop-filter:blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(180%) !important;
  box-shadow:0 1px 0 var(--tx-glass-border),0 4px 24px rgba(0,0,0,.4) !important;
}
header.header-scrolled .nav-link{color:var(--tx-text-2) !important}
header.header-scrolled .nav-link:hover{color:var(--tx-text-1) !important;background:rgba(125,211,252,.10) !important}
header.header-scrolled .btn-outline,
header.header-scrolled .btn-outline-ghost{border-color:var(--tx-glass-border) !important;color:var(--tx-text-2) !important;background:rgba(7,17,40,.5) !important}
header.header-scrolled .btn-outline:hover,
header.header-scrolled .btn-outline-ghost:hover{border-color:var(--tx-cyan) !important;color:var(--tx-cyan-hi) !important;background:rgba(14,165,233,.16) !important}
header.header-scrolled .nav-toggle span{background:var(--tx-text-1) !important}
body.header-is-scrolled #fixed-logo .wordmark{
  background:linear-gradient(135deg,var(--tx-cyan-hi) 0%,var(--tx-cyan) 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}

/* ── detalle.html (ficha de inmueble) ─────────────────────── */
.gallery-thumbs{background:rgba(7,17,40,.55) !important;border:1px solid var(--tx-glass-border) !important}
.gallery-fav,.gallery-fav:hover{background:rgba(7,17,40,.7) !important;color:var(--tx-text-1) !important;border:1px solid var(--tx-glass-border) !important}
.gallery-fav:hover{background:rgba(14,165,233,.30) !important;border-color:var(--tx-cyan) !important}
.feat-chip{
  background:var(--tx-glass-bg) !important;
  border:1px solid var(--tx-glass-border) !important;
  color:var(--tx-text-2) !important;
  box-shadow:none !important;
  backdrop-filter:var(--tx-glass-blur) !important;
  -webkit-backdrop-filter:var(--tx-glass-blur) !important;
}
.detail-item{
  background:var(--tx-glass-bg) !important;
  border:1px solid var(--tx-glass-border) !important;
  color:var(--tx-text-2) !important;
  backdrop-filter:var(--tx-glass-blur) !important;
  -webkit-backdrop-filter:var(--tx-glass-blur) !important;
}
.sidebar-card{
  background:var(--tx-glass-bg-strong) !important;
  border:1px solid var(--tx-glass-border) !important;
  color:var(--tx-text-1) !important;
  box-shadow:var(--tx-sh-card) !important;
  backdrop-filter:var(--tx-glass-blur) !important;
  -webkit-backdrop-filter:var(--tx-glass-blur) !important;
}
.contact-form input,.contact-form textarea{
  background:rgba(7,17,40,.55) !important;
  border:1px solid var(--tx-glass-border) !important;
  color:var(--tx-text-1) !important;
}
.contact-form input:focus,.contact-form textarea:focus{
  border-color:var(--tx-cyan) !important;
  box-shadow:0 0 0 3px rgba(79,209,255,.15) !important;
}
.share-btn{
  background:var(--tx-glass-bg) !important;
  border:1px solid var(--tx-glass-border) !important;
  color:var(--tx-text-2) !important;
  backdrop-filter:var(--tx-glass-blur) !important;
  -webkit-backdrop-filter:var(--tx-glass-blur) !important;
}
.share-btn:hover{background:rgba(14,165,233,.18) !important;color:var(--tx-cyan-hi) !important;border-color:var(--tx-cyan) !important}
.breadcrumb,.breadcrumb a{color:var(--tx-text-3) !important}
.breadcrumb a:hover{color:var(--tx-cyan) !important}
.breadcrumb span{color:var(--tx-text-mute) !important}
/* Header sticky de detalle.html (no usa el patrón fixed transparent) */
header[class=""],
body > header{background:rgba(7,17,40,.85) !important;border-bottom:1px solid var(--tx-glass-border) !important;backdrop-filter:blur(20px) saturate(180%) !important;-webkit-backdrop-filter:blur(20px) saturate(180%) !important}
.back-link{color:var(--tx-text-2) !important}
.back-link:hover{color:var(--tx-cyan) !important}
/* Skeleton shimmer en dark */
.skel{background:linear-gradient(90deg,rgba(125,211,252,.06) 25%,rgba(125,211,252,.14) 50%,rgba(125,211,252,.06) 75%) !important;background-size:200% 100% !important}

/* ── publicar-gratis.html ───────────────────────────────── */
.benefits,.steps{background:transparent !important}
.benefit,.faq-item{
  background:var(--tx-glass-bg) !important;
  border:1px solid var(--tx-glass-border) !important;
  color:var(--tx-text-1) !important;
  backdrop-filter:var(--tx-glass-blur) !important;
  -webkit-backdrop-filter:var(--tx-glass-blur) !important;
}
.benefit:hover{
  border-color:var(--tx-glass-border-hover) !important;
  box-shadow:var(--tx-sh-hover) !important;
}
.compare-table{
  background:var(--tx-glass-bg-strong) !important;
  border:1px solid var(--tx-glass-border) !important;
  color:var(--tx-text-1) !important;
  box-shadow:var(--tx-sh-card) !important;
  backdrop-filter:var(--tx-glass-blur) !important;
  -webkit-backdrop-filter:var(--tx-glass-blur) !important;
}
.compare-table th,.compare-table td{border-color:var(--tx-glass-border) !important;color:var(--tx-text-2) !important}
.compare-table th{background:rgba(14,165,233,.10) !important;color:var(--tx-text-1) !important}

/* Scrollbar en dark */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(125,211,252,.20);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(125,211,252,.35)}