/* Kaizen Estudio Jurídico — estilos compartidos */

html, body { margin: 0; padding: 0; background: #EDECE9; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  color: #0A0A0A;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

a { color: #2E4C55; text-decoration: none; }
a:hover { color: #0A0A0A; }
::selection { background: #2E4C55; color: #EDECE9; }

button { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

@keyframes kzRise {
  from { opacity: 0; transform: translateY(26px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes kzCue {
  0%   { transform: translateY(0);    opacity: 0.25; }
  50%  { transform: translateY(10px); opacity: 1; }
  100% { transform: translateY(0);    opacity: 0.25; }
}
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* Header */
.site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(237,236,233,0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(10,10,10,0.12);
}

.nav-link {
  font-size: 11.5px; letter-spacing: 0.18em; text-transform: uppercase;
  color: rgba(10,10,10,0.55); padding: 4px 0;
  border-bottom: 1px solid transparent;
}
.nav-link:hover { color: #0A0A0A; }
.nav-link.active { color: #0A0A0A; border-bottom-color: #2E4C55; }

/* Botones */
.btn-dark {
  display: inline-flex; align-items: center; gap: 10px;
  background: #0A0A0A; color: #EDECE9;
  padding: 17px 30px; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
}
.btn-dark:hover { background: #2E4C55; color: #EDECE9; }
.btn-dark.small { padding: 13px 22px; }

.btn-outline {
  display: inline-flex; align-items: center;
  border: 1px solid rgba(10,10,10,0.3); color: #0A0A0A;
  padding: 17px 30px; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
}
.btn-outline:hover { border-color: #0A0A0A; color: #0A0A0A; }

.btn-light {
  display: inline-flex; align-items: center;
  background: #EDECE9; color: #0A0A0A; border: 0; cursor: pointer;
  padding: 17px 30px; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
}
.btn-light:hover { background: #7EA0A8; color: #0A0A0A; }

.btn-ghost-dark {
  display: inline-flex; align-items: center;
  background: transparent; border: 1px solid rgba(237,236,233,0.32); color: #EDECE9;
  padding: 17px 30px; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  cursor: pointer;
}
.btn-ghost-dark:hover { border-color: #EDECE9; color: #EDECE9; }

.link-underline {
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  border-bottom: 1px solid #2E4C55; padding-bottom: 4px;
}

/* Filas de servicios (home) */
.service-row { color: #0A0A0A; }
.service-row:hover { background: rgba(46,76,85,0.06); color: #0A0A0A; }

/* Diagnóstico */
.diag-choice {
  font-size: 14.5px; text-align: left;
  background: transparent; color: #EDECE9;
  border: 1px solid rgba(237,236,233,0.32);
  padding: 18px 24px; cursor: pointer;
}
.diag-choice:hover { background: #EDECE9; color: #0A0A0A; border-color: #EDECE9; }

.diag-reset-plain {
  background: transparent; border: 0; padding: 0; color: #7EA0A8;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; cursor: pointer;
}

/* Contacto */
.contact-big-link {
  display: inline-block; margin-top: 10px;
  font-size: clamp(19px, 2vw, 24px); letter-spacing: -0.01em;
  color: #0A0A0A; border-bottom: 1px solid rgba(46,76,85,0.5);
}
.contact-big-link:hover { color: #2E4C55; }

.chip {
  font-size: 12.5px; cursor: pointer; padding: 10px 15px;
  border: 1px solid rgba(237,236,233,0.3);
  background: transparent; color: #EDECE9;
}
.chip:hover { border-color: #EDECE9; }
.chip.selected { background: #EDECE9; color: #0A0A0A; }

.form-input {
  width: 100%; background: transparent; border: 0;
  border-bottom: 1px solid rgba(237,236,233,0.34);
  color: #EDECE9; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 17px; padding: 8px 0; outline: none; border-radius: 0;
}
.form-textarea {
  width: 100%; background: transparent;
  border: 1px solid rgba(237,236,233,0.34);
  color: #EDECE9; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px; line-height: 1.6; padding: 14px; outline: none; resize: vertical; border-radius: 0;
}
.form-input::placeholder, .form-textarea::placeholder { color: rgba(237,236,233,0.4); }

.wa-form-link {
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: #7EA0A8; border-bottom: 1px solid rgba(126,160,168,0.5); padding-bottom: 3px;
}
.wa-form-link:hover { color: #EDECE9; }

/* Footer */
.footer-link { font-size: 14px; color: rgba(237,236,233,0.8); }
.footer-link:hover { color: #EDECE9; }