/* marlengc.com · Refresh 2026 · Paleta «Océano y perla»
   Reparto: perla/blanco 60 % · océano 30 % · golfo 5 % · oro suave 5 %.
   Reglas: sobre fondos claros, texto océano; sobre océano o fotos con velo, texto blanco;
   el oro solo en botón principal, líneas e íconos, nunca texto pequeño sobre blanco.
   Para volver al diseño anterior, quitar el <link> a este archivo. */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Jost:wght@400;500&display=swap");

:root{
  --perla:#F8F9F9; --bruma:#E6ECEE; --oceano:#12334A; --oceano-2:#1B4562; --golfo:#236A84;
  --oro:#CDAA62; --oro-2:#DABB7A; --texto-2:#4E6170; --linea:rgba(18,51,74,.12);
  /* variables del sitio original, reasignadas */
  --black:#12334A; --black-2:#1B4562; --navy:#12334A; --gold:#CDAA62; --gold-2:#E9D6AC;
  --orange:#CDAA62; --orange-2:#DABB7A; --ink:#12334A; --muted:#4E6170; --paper:#F8F9F9;
  --card:#FFFFFF; --champagne:#F3EBDA; --bronze:#236A84; --stone:#E6ECEE; --line:rgba(18,51,74,.12);
  --shadow:0 12px 32px rgba(18,51,74,.10);
}

/* Tipografía */
body{font-family:"Jost",Inter,Arial,sans-serif!important;background:var(--perla)!important;color:var(--oceano)}
h1,h2,.lux-title{font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:600!important;letter-spacing:0!important;color:var(--oceano)}
h3{color:var(--oceano)}
h1 em,h2 em,.lux-title em{font-style:normal!important;color:inherit!important;background:none!important;-webkit-text-fill-color:currentColor!important}
p,.lux-copy{color:var(--texto-2)}
.lux-eyebrow{text-transform:none!important;letter-spacing:.02em!important;font-weight:500!important;font-size:1rem!important;color:var(--golfo)!important}
.marlen-luxury{background:var(--perla)!important}

/* Encabezado */
.nav{background:#fff!important;backdrop-filter:none;border-bottom:1px solid var(--linea)!important;box-shadow:0 6px 24px rgba(18,51,74,.06)!important}
.nav a,.nav .links a,.nav .brand,.nav .brand *{color:var(--oceano)!important}
.nav .links a:hover{color:var(--golfo)!important}
.lux-links a:last-child{background:var(--oceano)!important;color:#fff!important;border:1px solid var(--oceano)!important;border-radius:4px!important}
.lang-btn,.lux-lang-btn{color:var(--oceano)!important;border-color:var(--linea)!important;background:#fff!important}
.lang-btn.active,.lux-lang-btn.active{background:var(--oceano)!important;color:#fff!important;border-color:var(--oceano)!important}
.mobile-menu-toggle{color:var(--oceano)!important;border-color:var(--linea)!important;background:#fff!important}
@media (max-width:1050px){.nav{transform:none!important;left:auto!important;width:100%!important;border-radius:0!important}}

/* Portada: foto completa con velo océano medio, texto blanco */
.lux-hero{background:var(--oceano)!important}
.lux-hero-bg{filter:brightness(1.12) saturate(1.1)}
.lux-hero::before{background:linear-gradient(90deg,rgba(18,51,74,.80) 0%,rgba(18,51,74,.58) 40%,rgba(18,51,74,.18) 75%,rgba(18,51,74,.05) 100%)!important}
.lux-hero::after{background:linear-gradient(90deg,var(--oro),rgba(205,170,98,0))!important;height:2px!important}
.lux-hero h1,.lux-hero h1 em{color:#fff!important}
.lux-hero p{color:#E1E9EE!important}
.lux-hero .lux-eyebrow{color:var(--oro-2)!important}
.lux-metrics,.lux-metrics *{color:#fff!important}
.lux-metrics b,.lux-metrics strong{color:var(--oro-2)!important}
.lux-hero-dot{background:rgba(255,255,255,.4)!important}
.lux-hero-dot.active{background:var(--oro)!important}

/* Botones: principal oro con texto océano; secundario de borde fino */
.lux-btn,.btn.gold,.lux-submit,.lead-submit{background:var(--oro)!important;color:var(--oceano)!important;border:1px solid var(--oro)!important;font-weight:500!important;text-transform:none!important;letter-spacing:.02em!important;border-radius:4px!important;box-shadow:none!important}
.lux-btn:hover,.btn.gold:hover,.lead-submit:hover{background:var(--oro-2)!important;border-color:var(--oro-2)!important}
.lux-btn.ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.7)!important}
.lux-btn.dark,.btn.dark{background:var(--oceano)!important;color:#fff!important;border-color:var(--oceano)!important}
.lux-btn.dark:hover,.btn.dark:hover{background:var(--oceano-2)!important}
section:not(.lux-hero):not(.fin-band) .lux-btn.ghost{color:var(--oceano)!important;border-color:var(--oceano)!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--golfo)!important;outline-offset:2px}

/* Tarjetas bajo la portada */
.lux-value-strip{background:linear-gradient(rgba(248,249,249,0),var(--perla) 30%)!important}
.lux-value-card{background:#fff!important;border:1px solid var(--linea)!important;border-top:2px solid var(--oro)!important;border-radius:6px!important;box-shadow:var(--shadow)!important}
.lux-value-card h3{color:var(--oceano)!important}
.lux-value-card p{color:var(--texto-2)!important}
.lux-value-card b{color:var(--golfo)!important}

/* Secciones claras */
#communities{background:#fff!important}
#properties{background:var(--bruma)!important}
#properties .lux-title,#properties h2{color:var(--oceano)!important}
#properties .property-head p{color:var(--texto-2)!important}
#about{background:#fff!important}
#builders{background:var(--bruma)!important}
#consultation{background:var(--perla)!important}
.market-consultation::before{background:linear-gradient(180deg,#fff 0%,var(--perla) 100%)!important}
.property-price{color:var(--oro-2)!important}

/* Tarjetas con foto: velo océano para que el texto blanco se lea */
.community-card::after{background:linear-gradient(rgba(18,51,74,0) 10%,rgba(18,51,74,.45) 40%,rgba(18,51,74,.88))!important}
.community-card h3,.community-card-content h3{color:#fff!important;-webkit-text-fill-color:#fff!important}
.community-card-content p,.community-card-content span{color:#fff!important;-webkit-text-fill-color:#fff!important}
.community-card .lux-eyebrow,.community-card-content .lux-eyebrow{color:var(--oro-2)!important;-webkit-text-fill-color:var(--oro-2)!important}
.community-stats > span,.community-stats > div{background:rgba(18,51,74,.6)!important;backdrop-filter:none!important;border-color:rgba(255,255,255,.22)!important}
.community-stats b,.community-stats strong{color:var(--oro-2)!important;-webkit-text-fill-color:var(--oro-2)!important}
.property-card::after{background:linear-gradient(rgba(18,51,74,0) 35%,rgba(18,51,74,.25) 55%,rgba(18,51,74,.88))!important}
.featured-showcase-hero::after{background:linear-gradient(rgba(0,0,0,0),rgba(18,51,74,.3))!important}
.featured-gallery-cta{background:var(--oceano)!important;color:#fff!important;border-color:var(--oceano)!important}

/* Sobre Marlen */
.about-photo-lux{background:var(--bruma)!important}
.about-photo-lux::after{background:linear-gradient(rgba(18,51,74,0) 60%,rgba(18,51,74,.2))!important}
.about-corner-mark{background:var(--oceano)!important}
.about-logo-stack{background:var(--oceano)!important}
.about-logo-stack strong{color:#fff!important}
.about-logo-stack small{color:var(--oro-2)!important}
.about-point-icon{background:var(--oceano)!important;color:var(--oro-2)!important}
.about-quote-lux{background:var(--oceano)!important;color:#fff!important}
.about-trust-row{background:var(--oceano)!important}
.about-trust-row b{color:var(--oro-2)!important}
.about-trust-row small,.about-trust-row span{color:#fff!important}
.about-signature strong{color:var(--golfo)!important}

/* Constructoras: sección clara */
.builder-section::before{background:linear-gradient(90deg,rgba(230,236,238,.96),rgba(230,236,238,.88) 55%,rgba(230,236,238,.7))!important}
.builder-section::after{background:none!important}
#builders h2,#builders h3,#builders p,#builders span,#builders strong,#builders b,#builders .lux-title{color:var(--oceano)!important}
#builders .lux-eyebrow{color:var(--golfo)!important}
.builder-logo-tile{background:#fff!important;border:1px solid var(--linea)!important;border-radius:6px!important;box-shadow:var(--shadow)!important}
#builders .builder-logo-mark{background:var(--oceano)!important;color:var(--oro-2)!important}
#builders a.builder-logo-link,#builders a.builder-view-all{background:transparent!important;color:var(--golfo)!important;border:none!important}
.market-consultation-media{background:var(--oceano)!important}
.market-quote-panel p,.market-consultation-media p{color:#fff!important}
#consultation small{color:var(--golfo)!important}

/* Cierre y pie */
#contact{background:var(--bruma)!important}
#contact .lux-title,#contact h2{color:var(--oceano)!important}
#contact p{color:var(--texto-2)!important}
footer{background:var(--oceano)!important}
footer,footer a,footer p,footer span{color:rgba(255,255,255,.86)!important}
footer h4,footer h3{color:var(--oro-2)!important}
.whatsapp{background:#25D366!important;color:#fff!important}

/* Sección nueva: financiamiento (la única franja oscura del cuerpo) */
.fin-band{background:var(--oceano);color:#fff;padding:clamp(56px,8vw,96px) 20px;border-top:2px solid var(--oro)}
.fin-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.fin-band h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.05;margin:0 0 18px;color:#fff}
.fin-band .fin-lead{font-size:1.12rem;line-height:1.65;color:#E1E9EE;max-width:34em;margin:0 0 26px}
.fin-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.fin-btn{display:inline-flex;align-items:center;padding:14px 24px;border-radius:4px;font-weight:500;letter-spacing:.02em;text-decoration:none;font-size:1rem}
.fin-btn.primary{background:var(--oro);color:var(--oceano)}
.fin-btn.primary:hover{background:var(--oro-2)}
.fin-btn.secondary{border:1px solid rgba(255,255,255,.7);color:#fff}
.fin-btn.secondary:hover{background:rgba(255,255,255,.08)}
.fin-note{font-size:.85rem;line-height:1.5;color:#B9CAD5;max-width:40em;margin:0}
.fin-steps{list-style:none;margin:0;padding:0;counter-reset:fin;display:grid;gap:12px}
.fin-steps li{counter-increment:fin;background:#fff;border-radius:6px;padding:20px 22px 20px 76px;position:relative}
.fin-steps li::before{content:counter(fin);position:absolute;left:22px;top:20px;width:36px;height:36px;border-radius:50%;border:1px solid var(--oro);color:var(--oceano);font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.3rem;display:grid;place-items:center}
.fin-steps h3{font-family:"Jost",sans-serif!important;font-weight:500!important;font-size:1.08rem;margin:0 0 4px;color:var(--oceano)!important}
.fin-steps p{margin:0;color:var(--texto-2)!important;line-height:1.5}
.fin-strip{background:#fff;border:1px solid var(--linea);border-left:3px solid var(--oro);border-radius:0;padding:22px 26px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;max-width:1180px;margin:32px auto}
.fin-strip strong{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.5rem;color:var(--oceano);display:block;margin-bottom:4px}
.fin-strip p{margin:0;color:var(--texto-2)}
.fin-strip .fin-btn.primary{white-space:nowrap}

@media (max-width:860px){
  .lux-hero::before{background:linear-gradient(180deg,rgba(18,51,74,.82) 0%,rgba(18,51,74,.62) 60%,rgba(18,51,74,.35) 100%)!important}
  .fin-inner{grid-template-columns:1fr}
  .fin-strip{margin:24px 16px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Propiedad destacada: sin crema; foto + panel océano */
#featured-residence-premium{background:#fff!important}
.featured-showcase-hero{background:#fff!important;border:1px solid var(--linea)!important;box-shadow:var(--shadow)!important}
.featured-showcase-copy{background:var(--oceano)!important}
.featured-showcase-copy h2,.featured-showcase-copy h2 *,.featured-showcase-copy b{color:#fff!important}
.featured-showcase-copy p,.featured-showcase-address,.featured-showcase-address *,.featured-showcase-facts small{color:#D6E2E8!important}
.featured-showcase-price,.featured-showcase-price *{color:var(--oro-2)!important}
.featured-showcase-facts span{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.featured-showcase-facts b,.featured-showcase-facts strong{color:#fff!important}
.featured-showcase-badge{background:var(--oro)!important;color:var(--oceano)!important}
.featured-showcase-badge *{color:var(--oceano)!important}
.featured-showcase-copy .lux-btn.dark{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.7)!important}
.featured-info-strip{background:var(--bruma)!important;border:1px solid var(--linea)!important}
.featured-info-item{background:#fff!important}
.featured-info-item h3{color:var(--oceano)!important}
.featured-info-item p{color:var(--texto-2)!important}
.featured-info-icon{background:var(--oceano)!important;color:var(--oro-2)!important}
.featured-amenities span{background:#fff!important;border:1px solid var(--linea)!important;color:var(--texto-2)!important}
.featured-amenities b{color:var(--oceano)!important}

/* Tarjetas de propiedades: precio legible sobre cualquier foto */
.property-card::after{background:linear-gradient(rgba(18,51,74,.12) 0%,rgba(18,51,74,.5) 38%,rgba(18,51,74,.9) 100%)!important}
.property-card .property-price,.property-card h3{color:#fff!important;text-shadow:0 2px 12px rgba(10,30,44,.45)}
.featured-showcase-badge{display:inline-flex!important;width:auto!important;max-width:max-content!important;align-self:flex-start!important}
/* ===== Páginas interiores (calculadora, propiedades, propiedad destacada) ===== */
.eyebrow{text-transform:none!important;letter-spacing:.02em!important;font-weight:500!important;color:var(--golfo)!important}
section.hero{background-color:var(--oceano)!important}
section.hero::before{background:linear-gradient(90deg,rgba(18,51,74,.84) 0%,rgba(18,51,74,.6) 45%,rgba(18,51,74,.22) 100%)!important}
section.hero h1,section.hero h1 *{color:#fff!important;-webkit-text-fill-color:#fff!important}
section.hero p{color:#E1E9EE!important}
section.hero .eyebrow{color:var(--oro-2)!important}
.hero-metrics > span,.hero-metrics > div{background:rgba(18,51,74,.6)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}
.hero-metrics b{color:var(--oro-2)!important}
.hero-metrics small{color:#E1E9EE!important}
.hero-card{background:#fff!important;border:1px solid var(--linea)!important;box-shadow:var(--shadow)!important}
.hero-card h2,.hero-card h3{color:var(--oceano)!important}
.hero-card p,.hero-card small{color:var(--texto-2)!important}
.quick-total,.result-card{background:var(--oceano)!important;border:none!important}
.quick-total *,.result-card *{color:#fff!important}
.quick-total small,.result-card small,.quick-total span,.result-card span{color:#D6E2E8!important}
.quick-total strong,.result-card strong{color:#fff!important}
.step{background:#fff!important;border:1px solid var(--linea)!important;border-top:2px solid var(--oro)!important;border-radius:6px!important}
.step b{color:var(--golfo)!important}
.step h3{color:var(--oceano)!important}
.step p{color:var(--texto-2)!important}
.step-icon{background:var(--oceano)!important;color:var(--oro-2)!important}
.studio{background:#fff!important;border-color:var(--linea)!important}
.studio output,.calc-grid output{color:var(--oceano)!important;font-weight:500}
.calc-grid label,.calc-grid label > span{color:var(--oceano)!important}
.adorn,.adorn em,.calc-grid em{color:var(--texto-2)!important}
.calc-insights > div{background:var(--bruma)!important;border-color:var(--linea)!important}
.calc-insights small{color:var(--texto-2)!important}
.calc-insights b{color:var(--oceano)!important}
.breakdown{background:var(--bruma)!important;border-color:var(--linea)!important}
.breakdown span{color:var(--texto-2)!important}
.breakdown b{color:var(--oceano)!important}
.donut-legend li:nth-child(1){--c:#CDAA62!important}
.donut-legend li:nth-child(2){--c:#5FA8C4!important}
.donut-legend li:nth-child(3){--c:#9DB1BE!important}
.donut-legend li:nth-child(4){--c:#E1E9EE!important}
.donut-legend li i{background:var(--c)!important}
.donut-ring{background:conic-gradient(#CDAA62 0 var(--a1),#5FA8C4 var(--a1) var(--a2),#9DB1BE var(--a2) var(--a3),#E1E9EE var(--a3) 100%)!important}
#financeForm,.lead-form{background:#fff!important;border:1px solid var(--linea)!important;box-shadow:var(--shadow)!important}
.lead-form h3{color:var(--oceano)!important}
.lead-form label span,.form-grid label span{color:var(--oceano)!important}
header .btn.gold{background:var(--oceano)!important;color:#fff!important;border-color:var(--oceano)!important;border-radius:4px!important}
section.hero .hero-card p,section.hero .hero-card small{color:var(--texto-2)!important}
section.hero .hero-card .quick-total small,section.hero .hero-card .quick-total span{color:#D6E2E8!important}
/* Campos de formulario: blancos con borde océano suave */
.calc-grid input:not([type=range]),.lead-form input,.lead-form select,.lead-form textarea,.lead-field input,.lead-field select,.lead-field textarea{background:#fff!important;border-color:rgba(18,51,74,.22)!important;color:var(--oceano)!important}
.calc-grid input:not([type=range]):focus,.lead-form input:focus,.lead-form select:focus,.lead-field input:focus,.lead-field select:focus,.lead-field textarea:focus{border-color:var(--golfo)!important}
.lux-range{background:linear-gradient(90deg,var(--golfo),rgba(18,51,74,.14))!important}
/* Propiedades (search-properties.html) */
.hero-insight{background:rgba(18,51,74,.9)!important;border-color:rgba(255,255,255,.18)!important}
.hero-insight,.hero-insight *{color:#fff!important}
.hero-insight span{color:var(--oro-2)!important}
.feature-strip{background:#fff!important;border:1px solid var(--linea)!important}
.feature-strip i{background:var(--oceano)!important;color:var(--oro-2)!important}
.feature-strip b,.feature-strip strong,.feature-strip h3{color:var(--oceano)!important}
.feature-strip p,.feature-strip span,.feature-strip small{color:var(--texto-2)!important}
.btn{background:var(--oro)!important;color:var(--oceano)!important;border-color:var(--oro)!important;border-radius:4px!important;text-transform:none!important;letter-spacing:.02em!important;box-shadow:none!important}
.btn.dark{background:var(--oceano)!important;color:#fff!important;border-color:var(--oceano)!important}
section.hero .btn.dark{background:transparent!important;border:1px solid rgba(255,255,255,.75)!important}
header .btn{background:var(--oceano)!important;color:#fff!important;border-color:var(--oceano)!important}
.search-panel{background:var(--oceano)!important}
.search-panel label,.search-panel span,.search-panel p{color:#E1E9EE!important}
.search-panel input,.search-panel select{background:#fff!important;color:var(--oceano)!important;border-color:rgba(255,255,255,.3)!important}
.search-panel .btn.dark{background:var(--oro)!important;color:var(--oceano)!important;border-color:var(--oro)!important}
.search-panel .advanced-link{color:var(--oro-2)!important}
.filters{background:#fff!important;border:1px solid var(--linea)!important}
.filters h3,.filters label,.filters b{color:var(--oceano)!important}
.filter-range{accent-color:var(--golfo)}
.clear-filters{color:var(--golfo)!important;border-color:var(--linea)!important;background:#fff!important}
.result-pill{background:var(--bruma)!important;color:var(--golfo)!important}
.result-count{background:var(--oceano)!important;color:#fff!important}
.sort-btn{background:#fff!important;color:var(--oceano)!important;border-color:var(--linea)!important}
.listing-card{background:#fff!important;border:1px solid var(--linea)!important}
.listing-media{background:var(--oceano)!important}
.listing-price{color:var(--oceano)!important}
.listing-meta,.listing-meta *{color:var(--texto-2)!important}
.listing-body h3{color:var(--oceano)!important}
.badge{background:var(--oro)!important;color:var(--oceano)!important}
.idx-live{background:#fff!important;border-color:var(--linea)!important}
.idx-live-head{background:var(--oceano)!important}
.idx-live-head h2,.idx-live-head p{color:#fff!important}
.idx-live-head .eyebrow{color:var(--oro-2)!important}
.idx-fallback-note{background:var(--bruma)!important;color:var(--texto-2)!important;border-color:var(--linea)!important}
section.cta{background:var(--oceano)!important}
section.cta h2{color:#fff!important}
section.cta p,section.cta b,section.cta span{color:#E1E9EE!important}
section.cta .eyebrow{color:var(--oro-2)!important}
section.cta .btn{background:var(--oro)!important;color:var(--oceano)!important}
.cta-proof i{color:var(--oro-2)!important}
.cta-media::after{background:linear-gradient(90deg,var(--oceano) 0%,rgba(18,51,74,.5) 24%,rgba(18,51,74,0) 60%)!important}
/* Propiedad destacada (featured-property.html) */
.property-lang-btn{color:var(--oceano)!important;background:#fff!important;border-color:var(--linea)!important}
.property-lang-btn.active{background:var(--oceano)!important;color:#fff!important;border-color:var(--oceano)!important}
figure.wide,#gallery figure{background:var(--oceano)!important}
#gallery figcaption{background:rgba(18,51,74,.78)!important;color:#fff!important}
section.details{background:var(--oceano)!important}
section.details h2,section.details h3,section.details b,section.details strong{color:#fff!important}
section.details p,section.details li,section.details span,section.details small{color:#E1E9EE!important}
section.details .eyebrow{color:var(--oro-2)!important}
section.details .btn.dark{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.75)!important}
.location-section{background:var(--perla)!important}
.location-panel{background:#fff!important;border:1px solid var(--linea)!important}
.location-panel h2,.location-panel h3,.location-panel b{color:var(--oceano)!important}
.map-card{background:var(--oceano)!important}
.map-badge{background:rgba(18,51,74,.85)!important;color:#fff!important}
.contact-strip{background:var(--bruma)!important}
.contact-strip h2,.contact-strip h3{color:var(--oceano)!important}
.contact-strip p{color:var(--texto-2)!important}
/* Encabezado en celulares: que quepan logo, menú e idioma */
@media (max-width:480px){
  .nav .brand{gap:8px!important;min-width:0!important}
  .nav .brand-mark{width:34px!important;height:34px!important;font-size:18px!important;flex:0 0 34px!important}
  .nav .brand-name{font-size:11px!important;letter-spacing:.04em!important;white-space:nowrap}
  .nav .brand small{font-size:8px!important;letter-spacing:.14em!important}
  .header-lang,.lang-switch{flex-shrink:0!important}
}
.search-panel .btn span,.search-panel .btn i{color:var(--oceano)!important}