/* ============================================================================
   CAPITALIS ELECTUS · CAPA DE REFINAMIENTO "MAISON"  (2026-09-01)
   ----------------------------------------------------------------------------
   Hoja de sobreescritura, se carga DESPUÉS de styles.css. No toca estructura
   ni funcionalidad: solo tipografía, color y ornamento, al estilo de las
   grandes casas (Hermès, Louis Vuitton, Richemont).
   Para desactivar: quitar <link href="luxury.css"> del index.html.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

:root{
  --lx-gold:#C9A24A;        /* oro mate, menos saturado que #D4AF37 */
  --lx-gold-hi:#D4AF37;
  --lx-cream:#EFE9DC;
  --lx-cream2:#D9CEBA;
  --lx-mut:#9a9184;
}

/* ---------- 1. Silenciar brillos, pulsos y shimmers ---------- */
.shimmer-text,
.shimmer-text-noble,
.glow-text,
.glow-primary{
  animation:none !important;
  background:none !important;
  -webkit-text-fill-color:currentColor !important;
  text-shadow:none !important;
  filter:none !important;
}
.btn-pulse{animation:none !important;box-shadow:none !important}
.ce-monogram-pulse{animation:none !important;opacity:.25 !important}

/* ---------- 2. Héroe: de dorado brillante a serifa de casa ---------- */
.hero-title-ceremonial{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:500 !important;
  letter-spacing:.22em !important;
  text-indent:.22em;
  color:var(--lx-cream) !important;
  text-shadow:0 1px 30px rgba(0,0,0,.55) !important;
}
.hero-sublabel-ceremonial{
  color:var(--lx-gold) !important;
  font-size:.72rem !important;
  letter-spacing:.42em !important;
  font-weight:500 !important;
}

/* ---------- 3. Botones: contorno fino, sin barniz ---------- */
.btn-primary,
.hero-main-cta,
.nav-cta,
.btn-large{
  background:transparent !important;
  background-image:none !important;
  border:1px solid var(--lx-gold) !important;
  border-radius:0 !important;
  color:var(--lx-gold-hi) !important;
  font-family:'Inter',sans-serif !important;
  font-size:.72rem !important;
  font-weight:500 !important;
  letter-spacing:.28em !important;
  text-transform:uppercase !important;
  padding:1.05rem 2.3rem !important;
  box-shadow:none !important;
  transition:background .3s ease,color .3s ease !important;
}
.btn-primary:hover,
.hero-main-cta:hover,
.nav-cta:hover,
.btn-large:hover{
  background:var(--lx-gold) !important;
  color:#0a0a0a !important;
  transform:none !important;
  box-shadow:none !important;
}
.nav-cta{padding:.7rem 1.6rem !important}
.btn-wa-premium{
  border-radius:0 !important;
  border:1px solid rgba(201,162,74,.5) !important;
  background:transparent !important;
  color:var(--lx-cream2) !important;
  letter-spacing:.14em !important;
  font-size:.78rem !important;
  text-transform:uppercase;
}
.btn-wa-premium:hover{background:rgba(201,162,74,.12) !important}

/* ---------- 4. Titulares de sección: serifa editorial ---------- */
.section-title,
.premium-header-title,
.footer-title{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:500 !important;
  color:var(--lx-cream) !important;
  letter-spacing:.04em !important;
  text-shadow:none !important;
}
.section-title{font-size:clamp(2rem,3.6vw,2.9rem) !important}
.premium-header-title{
  font-style:italic;
  font-size:clamp(1.35rem,2.4vw,1.8rem) !important;
  color:var(--lx-cream2) !important;
}
.section-subtitle{
  color:var(--lx-mut) !important;
  font-weight:300 !important;
  letter-spacing:.02em;
}

/* ---------- 5. Tarjetas de servicio: fotografía editorial ---------- */
.service-image img,
.service-card-front img{
  filter:grayscale(.2) saturate(.72) contrast(1.05) brightness(.94) !important;
  transition:filter .5s ease !important;
}
.service-card-flip:hover .service-image img,
.service-card-flip:hover .service-card-front img{
  filter:grayscale(0) saturate(.9) contrast(1.05) !important;
}
.service-title-front,
.service-title-back,
.premium-card-title{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:500 !important;
  letter-spacing:.05em !important;
  color:var(--lx-cream) !important;
  text-shadow:0 1px 14px rgba(0,0,0,.7) !important;
}
.premium-card-subtitle,.service-description{color:var(--lx-mut) !important;font-weight:300 !important}
.premium-card,.service-card-back{border-radius:2px !important;border:1px solid rgba(201,162,74,.22) !important}
.premium-card-cta{letter-spacing:.2em !important;text-transform:uppercase;font-size:.72rem !important;color:var(--lx-gold-hi) !important}

/* ---------- 6. Navegación ---------- */
.nav-link{
  font-size:.8rem !important;
  letter-spacing:.16em !important;
  text-transform:uppercase;
  font-weight:400 !important;
  color:var(--lx-cream2) !important;
}
.nav-link:hover{color:var(--lx-gold-hi) !important}

/* ---------- 7. Detalles globales ---------- */
.feature-tag,.partner-chip{
  border-radius:0 !important;
  border:1px solid rgba(201,162,74,.35) !important;
  background:transparent !important;
  letter-spacing:.1em !important;
}
.footer-description,.value-item{color:var(--lx-mut) !important;font-weight:300 !important}
hr,.hero-divider-ceremonial{background:rgba(201,162,74,.3) !important;height:1px !important}

/* ---------- 8. Tarjetas del cotizador del hero (refinamiento 2) ---------- */
.premium-card{
  background:rgba(10,10,10,.55) !important;
  border:1px solid rgba(201,162,74,.28) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:blur(6px);
}
.premium-card:hover{border-color:rgba(201,162,74,.65) !important;transform:none !important;box-shadow:none !important}
.card-bg-animation{display:none !important}
.premium-card-icon.icon-circle,
.icon-circle{
  background:transparent !important;
  border:1px solid rgba(201,162,74,.4) !important;
  box-shadow:none !important;
  border-radius:50% !important;
}
.premium-card-title{font-size:1.25rem !important}
.premium-card-subtitle{font-size:.82rem !important;line-height:1.6 !important}
.premium-card-cta{
  font-size:.68rem !important;
  letter-spacing:.3em !important;
  color:var(--lx-gold-hi) !important;
  border-top:1px solid rgba(201,162,74,.18);
  padding-top:.9rem !important;
  margin-top:.4rem;
}
.premium-header-subtitle{color:var(--lx-mut) !important;font-weight:300 !important;font-size:.85rem !important;letter-spacing:.04em}
.ce-monogram-floating-badge{letter-spacing:.28em !important;text-transform:uppercase;font-size:.62rem !important}

/* ---------- 9. Seriedad total (2026-09-01 tarde) ---------- */
/* Fotografía de vitrina 100% blanco y negro */
.service-image img,
.service-card-front img,
img.service-image{
  filter:grayscale(1) contrast(1.06) brightness(.92) !important;
}
.service-card-flip:hover .service-image img,
.service-card-flip:hover .service-card-front img,
.service-card-flip:hover img.service-image{
  filter:grayscale(1) contrast(1.06) brightness(1) !important;
}
/* Sin partículas doradas flotando */
.particles-container,.particle{display:none !important}
/* Tarjetas del cotizador sin icono */
.premium-card-icon,.premium-card .icon-circle{display:none !important}
/* Logos reales de aseguradoras */
.partner-chip{
  border:none !important;
  background:transparent !important;
  padding:10px 6px !important;
  display:flex;align-items:center;justify-content:center;
}
.partner-logo{
  height:38px;width:auto;max-width:160px;object-fit:contain;
  opacity:.8;transition:opacity .3s ease;
}
.partner-chip:hover .partner-logo{opacity:1}

/* ---------- 10. Tipografía unificada de titulares (serifa de casa) ---------- */
.engine-title,
.cta-title,
.cic-head h2,
.about-title,
h2.section-title,
.hero-premium-header h2{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:500 !important;
  color:var(--lx-cream) !important;
  letter-spacing:.04em !important;
  text-shadow:none !important;
  background:none !important;
  -webkit-text-fill-color:currentColor !important;
}
.cic-head h2 span,
.cta-title span,
.engine-title span{
  font-style:italic;
  color:var(--lx-gold-hi) !important;
  -webkit-text-fill-color:var(--lx-gold-hi) !important;
}
.cic-ey{letter-spacing:.34em !important;color:var(--lx-gold) !important;font-size:11px !important}
/* Botón de la calculadora: fino, sin barniz */
.cic-cta{
  background:transparent !important;
  border:1px solid var(--lx-gold) !important;
  border-radius:0 !important;
  color:var(--lx-gold-hi) !important;
  font-weight:500 !important;
  font-size:.72rem !important;
  letter-spacing:.28em !important;
  transition:background .3s ease,color .3s ease !important;
}
.cic-cta:hover{background:var(--lx-gold) !important;color:#0a0a0a !important;transform:none !important}

/* ---------- 11. Vitrina pura: solo imagen, más grande, clic directo ---------- */
/* Sin overlay de hover (texto + icono) y sin reverso */
.service-hover-overlay,
.hover-content,
.service-card-back{display:none !important}
/* Tarjetas más grandes */
.services-grid{grid-template-columns:repeat(4,1fr) !important;gap:28px !important}
.service-card-flip{height:400px !important}
@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:600px){.services-grid{grid-template-columns:1fr !important}.service-card-flip{height:340px !important}}
/* Al pasar el cursor: solo un realce sutil de la imagen */
.service-card-flip:hover .service-image,
.service-card-flip:hover img.service-image{filter:grayscale(1) contrast(1.06) brightness(1.05) !important}
.service-card-flip:hover{transform:translateY(-4px);transition:transform .3s ease}
/* Encuadres específicos */
img[src="images/service_retiro_luxe.jpg"]{object-position:center 40% !important}
img[src="images/service_auto_luxe.jpg"]{object-position:center 60% !important}

/* ---------- 12. Sección "Sobre" con fondo de castillo (estilo maison) ---------- */
.about#nosotros,
section.about{
  position:relative;
  background:
    linear-gradient(90deg, rgba(6,6,6,.55) 0%, rgba(6,6,6,.82) 45%, rgba(6,6,6,.94) 100%),
    url('images/sobre-castillo.jpg') left center / cover no-repeat fixed !important;
}
@media(max-width:900px){
  section.about{background:
    linear-gradient(rgba(6,6,6,.85), rgba(6,6,6,.93)),
    url('images/sobre-castillo.jpg') center / cover no-repeat !important}
}
.about-text{color:#d8d2c6 !important;font-weight:300 !important;line-height:1.85 !important}
/* La C monograma sin glow encimado sobre la foto */
.about-logo{filter:none !important}
.about-logo.glow-primary{box-shadow:none !important}
/* Los 3 valores: sellos finos, no tarjetas brillantes */
.value-item{
  background:rgba(8,8,8,.5) !important;
  border:1px solid rgba(201,162,74,.3) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:blur(4px);
  padding:26px 20px !important;
}
.value-item:hover{border-color:rgba(201,162,74,.6) !important;transform:none !important}
.value-item span:last-child,
.value-item .value-label,
.value-item p{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:1.05rem !important;
  font-weight:500 !important;
  color:var(--lx-cream) !important;
  letter-spacing:.06em !important;
}
.value-icon{opacity:.85}
.value-icon svg{stroke:#C9A24A !important;width:26px !important;height:26px !important}
/* fix: etiqueta de los sellos de valores */
.value-item span:not(.value-icon), .value-item div:not(.value-icon){
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:1.08rem !important;
  font-weight:500 !important;
  color:#EFE9DC !important;
  letter-spacing:.06em !important;
}
.value-item h4{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:1.15rem !important;
  font-weight:500 !important;
  color:#EFE9DC !important;
  letter-spacing:.06em !important;
}

/* ---------- 13. Sin botón circular de "volver arriba" (chocaba con el chat) ---------- */
.scroll-to-top{display:none !important}

/* ---------- 14. Parallax en el Motor de Comparación (mismo efecto que el castillo) ---------- */
section.decision-engine{
  background:
    linear-gradient(rgba(5,5,5,.35), rgba(5,5,5,.45)),
    url('images/motor-doctores.jpg') center 30% / cover no-repeat fixed !important;
}
@media(max-width:900px){
  section.decision-engine{background:
    linear-gradient(rgba(5,5,5,.5), rgba(5,5,5,.6)),
    url('images/motor-doctores.jpg') center / cover no-repeat !important}
}

/* ---------- 15. Vitrina estilo Richemont: parallax + texto bajo la imagen ---------- */
section.services{
  background:
    linear-gradient(rgba(5,5,5,.90), rgba(5,5,5,.94)),
    url('images/gmm-luz.jpg') center / cover no-repeat fixed !important;
}
@media(max-width:900px){
  section.services{background:
    linear-gradient(rgba(5,5,5,.93), rgba(5,5,5,.96)),
    url('images/gmm-luz.jpg') center / cover no-repeat !important}
}
.service-card-flip{height:520px !important;border:none !important;background:transparent !important}
.service-card-inner{background:transparent !important}
.service-card-front{
  position:relative !important;
  display:flex !important;flex-direction:column !important;
  border-radius:0 !important;background:transparent !important;
  overflow:visible !important;box-shadow:none !important;border:none !important;
}
.service-image, img.service-image{
  position:static !important;
  width:100% !important;height:360px !important;flex:0 0 360px;
  object-fit:cover;border-radius:0 !important;
}
.service-overlay{
  position:static !important;
  background:none !important;
  padding:22px 2px 0 !important;
  text-align:left !important;
}
.service-title-front{
  font-size:23px !important;
  text-shadow:none !important;
  color:#EFE9DC !important;
  letter-spacing:.03em !important;
}
.service-caption{
  font-family:'Inter',sans-serif;
  font-weight:300;font-size:13.5px;line-height:1.65;
  color:#9a9184;margin:9px 0 0;letter-spacing:.01em;
  max-width:30ch;
}
@media(max-width:600px){
  .service-card-flip{height:470px !important}
  .service-image, img.service-image{height:320px !important;flex-basis:320px}
}

/* ---------- 16. Footer: negro absoluto + firma de la casa ---------- */
.footer{
  background:#050505 !important;
  border-top:1px solid rgba(201,162,74,.2) !important;
  padding-top:90px !important;
}
.footer::before,.footer::after{display:none !important}
.footer *{text-shadow:none !important}
.footer-logo{filter:none !important;box-shadow:none !important;opacity:.95}
.footer-title{font-size:14px !important;letter-spacing:.24em !important}
.footer a{transition:color .3s ease}
.footer a:hover{color:#D4AF37 !important}
/* La firma grande, el sello final de la página */
.footer-signature{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:500;
  font-size:clamp(34px,6vw,74px);
  letter-spacing:.28em;
  text-indent:.28em;
  text-align:center;
  color:rgba(239,233,220,.16);
  margin:30px 0 50px;
  user-select:none;
  white-space:nowrap;
  overflow:hidden;
}
.footer-bottom{border-top:1px solid rgba(201,162,74,.14) !important;padding-top:28px !important}
.footer-bottom p{color:#7d766a !important;font-size:11.5px !important;letter-spacing:.04em}
.footer-legal a{color:#9a9184 !important;font-size:11.5px !important;letter-spacing:.06em}
/* El resplandor dorado difuso del CTA final fuera: negro limpio hasta el footer */
.cta-final{background:#050505 !important}

/* ---------- 17. La Carta de Planes + parallax del yate ---------- */
.carta{padding:100px 0;background:#050505;border-top:1px solid rgba(201,162,74,.14)}
.carta-head{text-align:center;max-width:640px;margin:0 auto 60px}
.carta-eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:#C9A24A;margin-bottom:18px}
.carta-title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(30px,4vw,44px);color:#EFE9DC}
.carta-title span{font-style:italic;color:#D4AF37}
.carta-sub{color:#9a9184;font-weight:300;font-size:14.5px;margin-top:16px;line-height:1.7}
.carta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:rgba(201,162,74,.18);border:1px solid rgba(201,162,74,.18)}
.carta-col{background:#050505;padding:34px 28px}
.carta-col h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:20px;color:#D4AF37;letter-spacing:.06em;margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid rgba(201,162,74,.2)}
.carta-item{margin-bottom:20px}
.carta-item b{display:block;font-size:13.5px;font-weight:600;color:#EFE9DC;letter-spacing:.03em;margin-bottom:4px}
.carta-item p{margin:0;font-size:12.5px;font-weight:300;color:#9a9184;line-height:1.6}
.carta-cta{display:flex;gap:16px;justify-content:center;margin-top:50px;flex-wrap:wrap}
.carta-btn{display:inline-block;border:1px solid #C9A24A;background:transparent;color:#D4AF37;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;padding:16px 36px;text-decoration:none;cursor:pointer;transition:background .3s,color .3s}
.carta-btn:hover{background:#C9A24A;color:#0a0a0a}
.carta-btn.solid{background:#C9A24A;color:#0f0d08}
.carta-btn.solid:hover{background:#D4AF37}
/* Cierre "Futuro Financiero" con el yate en parallax */
.cta-final{
  background:
    linear-gradient(rgba(5,5,5,.62), rgba(5,5,5,.8) 70%, #050505),
    url('images/cta-yate.jpg') center 40% / cover no-repeat fixed !important;
  padding-top:130px !important;padding-bottom:150px !important;
}
@media(max-width:900px){
  .cta-final{background:
    linear-gradient(rgba(5,5,5,.72), rgba(5,5,5,.85)),
    url('images/cta-yate.jpg') center / cover no-repeat !important}
}

/* ---------- 18. Parallax en Carta de Planes y Calculadora ---------- */
.carta{
  background:
    linear-gradient(rgba(5,5,5,.82), rgba(5,5,5,.9)),
    url('images/carta-familia.jpg') center 35% / cover no-repeat fixed !important;
}
.carta-col{background:rgba(5,5,5,.82) !important;backdrop-filter:blur(2px)}
.cic-sec{
  background:
    linear-gradient(rgba(5,5,5,.85), rgba(5,5,5,.92)),
    url('images/calc-trading.jpg') center / cover no-repeat fixed !important;
}
@media(max-width:900px){
  .carta{background:linear-gradient(rgba(5,5,5,.88),rgba(5,5,5,.93)),url('images/carta-familia.jpg') center/cover no-repeat !important}
  .cic-sec{background:linear-gradient(rgba(5,5,5,.9),rgba(5,5,5,.94)),url('images/calc-trading.jpg') center/cover no-repeat !important}
}

/* ---------- 19. Cuestionarios (modal de cotización) nivel maison ---------- */
.modal-container{
  border-radius:2px !important;
  border:1px solid rgba(201,162,74,.35) !important;
  background:#0c0a07 !important;
  box-shadow:0 30px 90px rgba(0,0,0,.7) !important;
}
.modal-container h2, .modal-container h3, .form-section-title{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:500 !important;
  color:#EFE9DC !important;
  letter-spacing:.04em !important;
}
.form-section-title{border-bottom:1px solid rgba(201,162,74,.2) !important;padding-bottom:10px !important}
.form-label{
  font-size:10.5px !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  color:#b8924a !important;
  font-weight:500 !important;
}
.form-input,.form-select,.form-textarea{
  border-radius:0 !important;
  background:rgba(255,255,255,.03) !important;
  border:none !important;
  border-bottom:1px solid rgba(201,162,74,.35) !important;
  color:#EFE9DC !important;
  font-family:'Inter',sans-serif !important;
  transition:border-color .3s ease, background .3s ease !important;
}
.form-input:focus,.form-select:focus,.form-textarea:focus{
  outline:none !important;
  border-bottom-color:#D4AF37 !important;
  background:rgba(201,162,74,.06) !important;
  box-shadow:none !important;
}
.form-select option{background:#14110c;color:#EFE9DC}
.modal-container .btn-primary,.modal-container button[type="submit"]{
  background:#C9A24A !important;
  color:#0f0d08 !important;
  border:1px solid #C9A24A !important;
  border-radius:0 !important;
  letter-spacing:.26em !important;
}
.modal-container .btn-primary:hover,.modal-container button[type="submit"]:hover{background:#D4AF37 !important;color:#0a0a0a !important}
.cs-option{border-radius:0 !important;border:1px solid rgba(201,162,74,.25) !important;background:transparent !important}
.cs-option:hover{border-color:#C9A24A !important;background:rgba(201,162,74,.08) !important}
.radio-group label{color:#d8d2c6 !important}
.modal-close, .modal-container .close{color:#9a9184 !important}

/* Botones del selector del cuestionario: finos, sin emoji */
.flow-btn{
  border-radius:0 !important;
  border:1px solid rgba(201,162,74,.35) !important;
  background:transparent !important;
  color:#EFE9DC !important;
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  transition:background .3s,border-color .3s !important;
}
.flow-btn:hover{background:rgba(201,162,74,.12) !important;border-color:#C9A24A !important}