/* Wasiluk Yasinsky & Asociados · paleta PREMIUM (prueba)
   Se carga después de estilos.css y blog.css. Los logos (medallones azul y verde) no se tocan:
   cambia solo el entorno. Tinta noche y verde bosque casi negros, oro champagne y marfil. */

:root {
  --champagne: #C9A96E;
  --oro-metal: linear-gradient(100deg, #EAD7A4 0%, #C9A96E 42%, #A07E40 100%);
}

/* tinta noche: lo notarial */
body[data-tema="noche"] {
  --fondo: #080C15; --tinta: #F2EDE3; --suave: #8D94A3;
  --filete: rgba(201, 169, 110, .2); --acento: #C9A96E; --boton: #C9A96E; --boton-tinta: #080C15;
}
/* verde bosque: lo contable */
body[data-tema="verde"] {
  --fondo: #08140F; --tinta: #F2EDE3; --suave: #8E9F95;
  --filete: rgba(201, 169, 110, .2); --acento: #C9A96E; --boton: #C9A96E; --boton-tinta: #08140F;
}
/* el bordó pasa a marfil: sección clara de servicios y la banda */
body[data-tema="lacre"] {
  --fondo: #F3EEE5; --tinta: #121419; --suave: #6A6457;
  --filete: rgba(18, 20, 25, .13); --acento: #765722; --boton: #121419; --boton-tinta: #F3EEE5;
}
/* papel: marfil un tono más hondo */
body[data-tema="papel"] {
  --fondo: #EBE5D8; --tinta: #121419; --suave: #625C4F;
  --filete: rgba(18, 20, 25, .14); --acento: #765722; --boton: #121419; --boton-tinta: #EBE5D8;
}

/* oro metálico en textos destacados, solo sobre fondos oscuros */
body[data-tema="noche"] .portada__titulo .linea:last-child > span,
body[data-tema="verde"] .portada__titulo .linea:last-child > span,
body[data-tema="noche"] .contacto__correo,
body[data-tema="noche"] .whatsapp__numero,
body[data-tema="noche"] .marca__texto i,
body[data-tema="verde"] .marca__texto i {
  background: var(--oro-metal);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}
body[data-tema="noche"] .contacto__correo { background-size: 100% 100%; }

/* botones: oro metálico sobre oscuro, tinta sobre claro */
body[data-tema="noche"] .boton, body[data-tema="verde"] .boton {
  background: var(--oro-metal); color: #0B0D12;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 10px 30px -12px rgba(201, 169, 110, .55);
}
.boton { letter-spacing: .01em; }

/* filetes y detalles en champagne */
.rotulo { color: var(--acento); opacity: .9; }
.pasos li { border-top-color: var(--acento); }
.whatsapp:hover { border-color: var(--champagne); background: rgba(201, 169, 110, .06); }
.tramite__lado li, .lista-grande li { border-bottom-color: var(--filete); }
.nota__dato { border-left-color: var(--champagne); background: rgba(201, 169, 110, .1); }
.nota__consulta { background: #080C15; }
.nota__consulta .boton { background: var(--oro-metal); color: #0B0D12; }

/* banda: marfil con letra de tinta y separadores dorados */
body[data-tema="lacre"] .banda { border-color: rgba(138, 106, 46, .35); }

/* textura de papel casi imperceptible sobre toda la página */
body::after {
  content: ""; position: fixed; inset: 0; z-index: 30; pointer-events: none; opacity: .045; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
@media (prefers-reduced-motion: reduce) { body::after { display: none; } }

/* fotos de fondo tenues (fondos.js) */
#fondos { position: fixed; inset: 0; z-index: 0; pointer-events: none; }
#fondos .fondo {
  position: absolute; inset: 0; background-size: cover; background-position: center;
  opacity: 0; transition: opacity 1.4s cubic-bezier(.65, 0, .35, 1);
  filter: grayscale(1) contrast(1.05);
  /* se desvanece del lado del texto (izquierda) para no molestar la lectura */
  -webkit-mask-image: linear-gradient(100deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.6) 45%, #000 80%);
          mask-image: linear-gradient(100deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.6) 45%, #000 80%);
}
body[data-tema="noche"] #fondos .fondo.activa,
body[data-tema="verde"] #fondos .fondo.activa { opacity: .2; mix-blend-mode: luminosity; }
body[data-tema="lacre"] #fondos .fondo.activa,
body[data-tema="papel"] #fondos .fondo.activa { opacity: .12; mix-blend-mode: multiply; }
@media (max-width: 799px) {
  body[data-tema="noche"] #fondos .fondo.activa, body[data-tema="verde"] #fondos .fondo.activa { opacity: .14; }
  body[data-tema="lacre"] #fondos .fondo.activa, body[data-tema="papel"] #fondos .fondo.activa { opacity: .08; }
}
@media (prefers-reduced-motion: reduce) { #fondos .fondo { transition: none; } }