.landing{min-height:100vh;display:flex;flex-direction:column}.landing .wrap{max-width:1040px;margin:0 auto;padding:0 28px;width:100%}.landing .top{border-bottom:1px solid var(--border);background:var(--surface)}.landing .top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}.landing .marca{display:flex;align-items:center;gap:9px}.landing .marca .chip{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:9px;background:var(--accent-soft)}.landing .marca .wordmark{font-family:var(--font-display);font-size:1.3rem}.landing .marca .wordmark em{color:var(--accent);font-style:normal}.landing .acciones{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.landing .error-login{padding:10px 36px;border-bottom:1px solid var(--border);color:var(--danger);font-size:.85rem}.landing .hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:40px;padding:72px 0 64px}.landing .hero h1{font-family:var(--font-display);font-size:2.7rem;line-height:1.12;margin:0 0 16px;letter-spacing:-.01em}.landing .hero h1 em{color:var(--accent);font-style:normal}.landing .hero .bajada{color:var(--ink-dim);font-size:1.12rem;max-width:30em;margin:0 0 28px}.landing .hero .ctas{display:flex;gap:12px;flex-wrap:wrap}.landing .btn.grande{padding:13px 24px;font-size:1rem}.landing .escenario{position:relative;display:flex;flex-direction:column;align-items:center;flex:none}.landing .escenario:before{content:"";position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:380px;height:380px;border-radius:50%;background:radial-gradient(circle at center,var(--accent-soft) 0%,var(--accent-soft) 42%,transparent 68%)}.landing .escenario:after{content:"";position:absolute;left:50%;bottom:62px;transform:translate(-50%);width:52%;height:18px;border-radius:50%;background:radial-gradient(ellipse at center,var(--mascota-sombra),transparent 70%)}.landing .escenario>svg{position:relative;z-index:1}.landing .nombre{position:relative;z-index:1;margin-top:18px;text-align:center}.landing .nombre .nom{font-family:var(--font-display);font-size:2rem;line-height:1;color:var(--accent);letter-spacing:.01em}.landing .nombre .rol{margin-top:6px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.landing .bocadillo{position:relative;z-index:2;align-self:flex-end;margin-right:4px;margin-bottom:-16px;max-width:15em;padding:12px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);font-size:.92rem}.landing .bocadillo strong{color:var(--accent)}.landing .bocadillo:before,.landing .bocadillo:after{content:"";position:absolute;bottom:-9px;left:30px;border:9px solid transparent;border-top-color:var(--border);border-bottom:0}.landing .bocadillo:after{bottom:-8px;border-top-color:var(--surface)}.landing .escenario>svg{animation:landing-flotar 5s ease-in-out infinite}@keyframes landing-flotar{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.landing .escenario .jobitor-ojo{transform-box:fill-box;transform-origin:center;animation:landing-parpadear 6s infinite}@keyframes landing-parpadear{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.landing .jobitor-senal{animation:landing-pulsar 2.6s ease-in-out infinite}@keyframes landing-pulsar{0%,to{opacity:1}50%{opacity:.3}}.landing .presentacion{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:64px 0}.landing .presentacion .encabezado{max-width:44em;margin:0 auto 40px;text-align:center}.landing .presentacion h2{font-family:var(--font-display);font-size:2rem;margin:0 0 12px}.landing .presentacion .encabezado p{color:var(--ink-dim);margin:0;font-size:1.03rem}.landing .recorrido{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px}.landing .recorrido-mascota .pegado{position:sticky;top:calc(50vh - 150px);display:flex;justify-content:center}.landing .mascota-swap{animation:landing-aparecer .35s ease}@keyframes landing-aparecer{0%{opacity:0}to{opacity:1}}.landing .paso{min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding-left:22px;border-left:2px solid var(--border);transition:border-color .3s,opacity .3s;opacity:.4}.landing .paso.activo{opacity:1;border-left-color:var(--accent)}.landing .paso h3{font-family:var(--font-display);font-size:1.5rem;margin:0 0 8px}.landing .paso p{color:var(--ink-dim);margin:0;max-width:26em}.landing .como{padding:72px 0 0}.landing .como h2{font-family:var(--font-display);font-size:2rem;margin:0 0 32px}.landing .como ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;counter-reset:paso}.landing .como li{counter-increment:paso}.landing .como li:before{content:counter(paso);display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:14px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-size:1rem}.landing .como h3{font-size:1.03rem;margin:0 0 7px}.landing .como p{font-size:.9rem;color:var(--ink-dim);margin:0}.landing .features{padding:72px 0}.landing .features h2{font-family:var(--font-display);font-size:2rem;margin:0 0 32px}.landing .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.landing .card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px}.landing .card .ico{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:14px;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.landing .card h3{font-size:1.03rem;margin:0 0 7px}.landing .card p{font-size:.9rem;color:var(--ink-dim);margin:0}.landing .faq{padding:72px 0}.landing .faq h2{font-family:var(--font-display);font-size:2rem;margin:0 0 24px}.landing .faq details{border-bottom:1px solid var(--border);padding:16px 0}.landing .faq summary{cursor:pointer;font-weight:600;font-size:.98rem;list-style:none;display:flex;justify-content:space-between;gap:16px}.landing .faq summary::-webkit-details-marker{display:none}.landing .faq summary:after{content:"+";color:var(--accent);font-size:1.3rem;line-height:1;flex:none}.landing .faq details[open] summary:after{content:"−"}.landing .faq details p{margin:10px 0 0;color:var(--ink-dim);font-size:.92rem;max-width:60ch}.landing .cierre{padding:0 0 80px}.landing .cierre .caja{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px 44px;border:1px solid var(--border);border-radius:18px;background:var(--accent-soft)}.landing .cierre h2{font-family:var(--font-display);font-size:1.9rem;margin:0 0 8px}.landing .cierre p{color:var(--ink-dim);margin:0}.landing .cierre .remate{display:flex;align-items:center;gap:24px}.landing .cierre svg{flex:none}.landing .pie{border-top:1px solid var(--border);background:var(--surface);padding:24px 0;font-size:.85rem;color:var(--ink-dim)}.landing .pie .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}@media (max-width: 860px){.landing .hero{grid-template-columns:1fr;gap:32px;padding:48px 0}.landing .hero h1{font-size:2.3rem}.landing .escenario{align-items:center}.landing .escenario>svg{width:260px;height:260px}.landing .escenario:before{width:300px;height:300px}.landing .recorrido{grid-template-columns:1fr;gap:8px}.landing .recorrido-mascota .pegado{top:0;padding:12px 0;background:var(--surface);z-index:1}.landing .recorrido-mascota .pegado svg{width:190px;height:190px}.landing .paso{min-height:48vh}.landing .como ol{grid-template-columns:1fr}.landing .cierre .caja{flex-direction:column;text-align:center;padding:32px 24px}.landing .pie .wrap{flex-direction:column}}@media (prefers-reduced-motion: reduce){.landing *,.landing *:before,.landing *:after{animation:none!important;transition:none!important}}:root{--claro-bg: #faf7f4;--claro-surface: #ffffff;--claro-surface-2: #f2ede8;--claro-border: #e2d9d0;--claro-ink: #241c16;--claro-ink-dim: #6b5c50;--claro-accent: #ad4e1a;--claro-accent-ink: #ffffff;--claro-accent-soft: #fbe8dc;--claro-shadow: 0 8px 24px rgba(50, 30, 15, .1);--claro-mascota-sombra: rgba(58, 48, 41, .16);--claro-state-nuevo: #716963;--claro-state-nuevo-soft: #f0ecea;--claro-state-proceso: #5a54b8;--claro-state-proceso-soft: #e9e8f8;--claro-state-rechazado: #b03a5b;--claro-state-rechazado-soft: #fae7ec;--claro-state-contratado: #377948;--claro-state-contratado-soft: #e7f2e8;--oscuro-bg: #191512;--oscuro-surface: #211c18;--oscuro-surface-2: #2b2520;--oscuro-border: #392f28;--oscuro-ink: #efe8e1;--oscuro-ink-dim: #a89689;--oscuro-accent: #e8945c;--oscuro-accent-ink: #1a0d05;--oscuro-accent-soft: rgba(232, 148, 92, .14);--oscuro-shadow: 0 8px 28px rgba(0, 0, 0, .5);--oscuro-mascota-sombra: rgba(0, 0, 0, .45);--oscuro-state-nuevo: #a89f97;--oscuro-state-nuevo-soft: #2c2724;--oscuro-state-proceso: #a29bf0;--oscuro-state-proceso-soft: #242239;--oscuro-state-rechazado: #e8849f;--oscuro-state-rechazado-soft: #35202a;--oscuro-state-contratado: #74c489;--oscuro-state-contratado-soft: #1d2f22;--font-display: Georgia, "Iowan Old Style", "Palatino Linotype", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--admin-bg: #3f5a6b;--admin-border: #5b7b8f;--admin-ink: #f4f8fa;--admin-ink-dim: #c8d7e0;--admin-accent: #dff1fc;--admin-accent-soft: rgba(223, 241, 252, .14);--jobitor-pantalla: #8fd8cc;--jobitor-piel: #f0dfc4;--jobitor-senal: #e4712f;--jobitor-rasgo: #221a14;--jobitor-cuerpo-claro: #3a3029;--jobitor-cuerpo-oscuro: #6b5a4e;--jobitor-pata-clara: #221a14;--jobitor-pata-oscura: #463a31;--jobitor-lente-claro: #f0dfc4;--jobitor-lente-oscuro: #221a14;--jobitor-brillo-claro: #221a14;--jobitor-brillo-oscuro: var(--jobitor-pantalla);--maintenance-backdrop: rgba(46, 12, 12, .55);--maintenance-surface: #3a1414;--maintenance-border: #7a2b2b;--maintenance-ink: #fbeaea;--maintenance-ink-dim: #e3a9a9;--maintenance-accent: #d94f4f;--maintenance-accent-ink: #2e0c0c;--maintenance-shadow: 0 8px 28px rgba(0, 0, 0, .5)}:root,:root[data-theme=claro]{color-scheme:light;--bg: var(--claro-bg);--surface: var(--claro-surface);--surface-2: var(--claro-surface-2);--border: var(--claro-border);--ink: var(--claro-ink);--ink-dim: var(--claro-ink-dim);--accent: var(--claro-accent);--accent-ink: var(--claro-accent-ink);--accent-soft: var(--claro-accent-soft);--shadow: var(--claro-shadow);--mascota-sombra: var(--claro-mascota-sombra);--state-nuevo: var(--claro-state-nuevo);--state-nuevo-soft: var(--claro-state-nuevo-soft);--state-proceso: var(--claro-state-proceso);--state-proceso-soft: var(--claro-state-proceso-soft);--state-rechazado: var(--claro-state-rechazado);--state-rechazado-soft: var(--claro-state-rechazado-soft);--state-contratado: var(--claro-state-contratado);--state-contratado-soft: var(--claro-state-contratado-soft);--danger: var(--claro-state-rechazado);--jobitor-cuerpo: var(--jobitor-cuerpo-claro);--jobitor-pata: var(--jobitor-pata-clara);--jobitor-lente: var(--jobitor-lente-claro);--jobitor-brillo: var(--jobitor-brillo-claro)}@media (prefers-color-scheme: dark){:root:not([data-theme=claro]){color-scheme:dark;--bg: var(--oscuro-bg);--surface: var(--oscuro-surface);--surface-2: var(--oscuro-surface-2);--border: var(--oscuro-border);--ink: var(--oscuro-ink);--ink-dim: var(--oscuro-ink-dim);--accent: var(--oscuro-accent);--accent-ink: var(--oscuro-accent-ink);--accent-soft: var(--oscuro-accent-soft);--shadow: var(--oscuro-shadow);--mascota-sombra: var(--oscuro-mascota-sombra);--state-nuevo: var(--oscuro-state-nuevo);--state-nuevo-soft: var(--oscuro-state-nuevo-soft);--state-proceso: var(--oscuro-state-proceso);--state-proceso-soft: var(--oscuro-state-proceso-soft);--state-rechazado: var(--oscuro-state-rechazado);--state-rechazado-soft: var(--oscuro-state-rechazado-soft);--state-contratado: var(--oscuro-state-contratado);--state-contratado-soft: var(--oscuro-state-contratado-soft);--danger: var(--oscuro-state-rechazado);--jobitor-cuerpo: var(--jobitor-cuerpo-oscuro);--jobitor-pata: var(--jobitor-pata-oscura);--jobitor-lente: var(--jobitor-lente-oscuro);--jobitor-brillo: var(--jobitor-brillo-oscuro)}}:root[data-theme=oscuro]{color-scheme:dark;--bg: var(--oscuro-bg);--surface: var(--oscuro-surface);--surface-2: var(--oscuro-surface-2);--border: var(--oscuro-border);--ink: var(--oscuro-ink);--ink-dim: var(--oscuro-ink-dim);--accent: var(--oscuro-accent);--accent-ink: var(--oscuro-accent-ink);--accent-soft: var(--oscuro-accent-soft);--shadow: var(--oscuro-shadow);--mascota-sombra: var(--oscuro-mascota-sombra);--state-nuevo: var(--oscuro-state-nuevo);--state-nuevo-soft: var(--oscuro-state-nuevo-soft);--state-proceso: var(--oscuro-state-proceso);--state-proceso-soft: var(--oscuro-state-proceso-soft);--state-rechazado: var(--oscuro-state-rechazado);--state-rechazado-soft: var(--oscuro-state-rechazado-soft);--state-contratado: var(--oscuro-state-contratado);--state-contratado-soft: var(--oscuro-state-contratado-soft);--danger: var(--oscuro-state-rechazado);--jobitor-cuerpo: var(--jobitor-cuerpo-oscuro);--jobitor-pata: var(--jobitor-pata-oscura);--jobitor-lente: var(--jobitor-lente-oscuro);--jobitor-brillo: var(--jobitor-brillo-oscuro)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body)}a,a:visited{color:var(--accent)}a:hover{text-decoration:none}button{font-family:inherit}.btn{font-size:.85rem;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:8px 14px;cursor:pointer}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover{opacity:.92}.btn.danger:hover{border-color:var(--danger);color:var(--danger)}input,select,textarea{font-family:inherit;font-size:.88rem;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--ink);padding:8px 10px}