/* Portado literal del reset/keyframes de design/Palike.dc.html (líneas 14-28).
   --c1/--c2 son la paleta de marca por tenant (webs.color1/color2); el resto
   de colores del diseño (#060C1C, #35E0A1, #4C97FF, #38DBF0) quedan fijos. */
:root {
  --c1: #1F6FEB;
  --c2: #17B6E0;
}

html { scroll-behavior: smooth; }
body { margin: 0; background: #ffffff; color: #0B1220; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; text-wrap: pretty; }
* { box-sizing: border-box; }
a { color: var(--c1); text-decoration: none; }
a:hover { color: #0B4FC4; }
h1, h2, h3, h4 { font-family: 'Sora', system-ui, sans-serif; margin: 0; letter-spacing: -0.02em; }
p { margin: 0; }
input, textarea, select, button { font-family: inherit; }
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-plus { transform: rotate(45deg); }

@keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
@keyframes pulseDot { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.8); } }

/* Los onClick de navegación del diseño pasan a <a>: neutralizamos el estilo
   de enlace por defecto donde el markup portado use inline style de color. */
.plk-navlink { cursor: pointer; display: inline-block; }
.plk-navlink:hover { color: inherit; }

.is-hidden { display: none !important; }

/* Stepper de contratar.php: Palike.initContratar() (site.js) solo alterna
   estas clases (plk-step-current/plk-step-done) sobre [data-step], nunca
   estilos inline — a diferencia del diseño original, que sí los traía. */
.plk-step { display: flex; align-items: center; gap: 11px; cursor: default; }
.plk-step-circle { width: 32px; height: 32px; border-radius: 999px; display: flex; align-items: center; justify-content: center; font-family: 'Sora', sans-serif; font-size: 15px; font-weight: 800; background: rgba(255,255,255,.08); color: #7F92B4; }
.plk-step-label { font-size: 15.5px; font-weight: 700; color: #7F92B4; }
.plk-step-current .plk-step-circle { background: linear-gradient(135deg, var(--c1), var(--c2)); color: #fff; }
.plk-step-current .plk-step-label { color: #fff; }
.plk-step-done .plk-step-circle { background: rgba(56,219,240,.16); color: #38DBF0; }
.plk-step-done .plk-step-label { color: #BFD4F5; }