<!DOCTYPE
html>
<html
lang="es">
<head>
<meta
charset="UTF-8">
<meta
name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Abogado laboral trabajadores | Centro de Defensa Laboral Chile</title>
<meta name="description" content="Te despidieron, tuviste un accidente o tu empleador no te paga lo que corresponde. Abogados laborales para trabajadores y empresas en Chile. Consulta gratis.">
<meta
name="robots" content="index, follow">
<meta property="og:title" content="Centro de Defensa Laboral Chile – Abogados laborales para trabajadores">
<meta property="og:description" content="Defensa laboral para trabajadores y empresas en Chile. Despido injustificado, accidentes del trabajo, contratos y más. Evaluación gratuita.">
<meta
property="og:type" content="website">
<meta
property="og:locale" content="es_CL">
<link
rel="canonical" href="https://www.cdlchile.cl/">
<link
rel="preconnect" href="https://fonts.googleapis.com">
<link
rel="preconnect" href="https://fonts.gstatic.com"
crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Fraunces:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap"
rel="stylesheet">
<script
type="application/ld+json">
{"@context":"https://schema.org","@type":"LegalService","name":"Centro de Defensa Laboral Chile","description":"Abogados laborales para trabajadores y empresas en Chile. Despido injustificado, accidentes del trabajo, contratos, discriminación y más.","url":"https://www.cdlchile.cl","telephone":"+56999398155","email":"contacto@cdlchile.cl","areaServed":"Chile","serviceType":["Despido injustificado","Accidentes del trabajo","Discriminación laboral","Contratos y remuneraciones","Autodespido"],"openingHours":"Mo-Fr 09:00-19:00"}
</script>
<style>
:root{
--blue:#2563eb;--blue-dark:#1d4ed8;--blue-deep:#1e3a8a;--blue-light:#3b82f6;--blue-pale:#eff6ff;--blue-mid:rgba(37,99,235,0.08);
--green:#16a34a;--green-dark:#15803d;--green-light:#22c55e;--green-pale:#f0fdf4;
--white:#ffffff;--off-white:#f8fafc;--gray-50:#f9fafb;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-500:#64748b;--gray-700:#374151;--gray-900:#0f172a;
--red:#dc2626;--red-bg:#fef2f2;--red-line:rgba(220,38,38,0.2);
--amber:#d97706;--amber-bg:#fffbeb;
--ink:#111827;--ink-2:#374151;--ink-3:#6b7280;
--serif:'Fraunces',Georgia,serif;--sans:'Inter',system-ui,sans-serif;
--ease:cubic-bezier(0.22,1,0.36,1);--dur:0.26s;
--r:8px;--r-lg:14px;--r-xl:20px;--r-full:999px;
--shadow-sm:0
1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);
--shadow-md:0
4px 16px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);
--shadow-lg:0
12px 40px rgba(0,0,0,0.10),0 4px 12px rgba(0,0,0,0.05);
--shadow-blue:0
4px 20px rgba(37,99,235,0.25);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--sans);font-weight:400;color:var(--ink);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.container{max-width:1140px;margin:0
auto;padding:0 28px}
/*
── TYPE ── */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.eyebrow::before{content:'';display:block;width:20px;height:2px;background:var(--blue);border-radius:2px;flex-shrink:0}
.eyebrow--green{color:var(--green)}
.eyebrow--green::before{background:var(--green)}
.eyebrow--white{color:rgba(255,255,255,0.75)}
.eyebrow--white::before{background:rgba(255,255,255,0.5)}
/*
── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-size:14.5px;font-weight:600;letter-spacing:0.01em;padding:13px
26px;border-radius:var(--r);border:none;cursor:pointer;text-decoration:none;transition:all
var(--dur) var(--ease);white-space:nowrap;position:relative}
.btn-blue{background:var(--blue);color:var(--white);box-shadow:var(--shadow-blue)}
.btn-blue:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0
6px 24px rgba(37,99,235,0.35)}
.btn-green{background:var(--green);color:var(--white);box-shadow:0
4px 16px rgba(22,163,74,0.28)}
.btn-green:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0
6px 24px rgba(22,163,74,0.38)}
.btn-white{background:var(--white);color:var(--blue);font-weight:600}
.btn-white:hover{background:var(--blue-pale);transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--blue);border:2px
solid var(--blue)}
.btn-outline:hover{background:var(--blue);color:var(--white)}
.btn-outline-white{background:transparent;color:var(--white);border:2px
solid rgba(255,255,255,0.4)}
.btn-outline-white:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.7)}
.btn-ghost-white{background:rgba(255,255,255,0.1);color:var(--white);border:1.5px
solid rgba(255,255,255,0.25)}
.btn-ghost-white:hover{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.5)}
.btn-sm{font-size:13px;padding:10px
20px}
.btn-lg{font-size:15.5px;padding:15px
32px}
.btn-full{width:100%}
.btn-icon{width:44px;height:44px;padding:0;border-radius:50%}
/*
── NAV ── */
.nav{position:sticky;top:0;z-index:200;background:var(--white);border-bottom:1px
solid var(--gray-200);box-shadow:0 1px 3px rgba(0,0,0,0.04)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:66px;max-width:1140px;margin:0
auto;padding:0 28px}
.nav__brand{display:flex;flex-direction:column;text-decoration:none;gap:1px}
.nav__brand-name{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--blue-deep);letter-spacing:-0.01em;line-height:1.2}
.nav__brand-sub{font-size:9.5px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--gray-500)}
.nav__links{display:flex;align-items:center;gap:4px;list-style:none}
.nav__links
a{font-size:13.5px;font-weight:500;color:var(--ink-3);text-decoration:none;padding:7px
12px;border-radius:var(--r);transition:all var(--dur) var(--ease)}
.nav__links
a:hover{color:var(--blue);background:var(--blue-pale)}
.nav__cta{margin-left:8px}
.nav__badge{display:inline-block;font-size:9px;background:var(--green);color:#fff;padding:2px
7px;border-radius:var(--r-full);margin-left:5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;vertical-align:middle}
/*
── HERO ── */
.hero{background:linear-gradient(135deg,var(--blue-deep)
0%,var(--blue) 60%,#3b82f6 100%);position:relative;overflow:hidden;padding:80px
0 100px}
.hero__bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle
at 70% 30%,rgba(255,255,255,0.06) 0%,transparent 50%),radial-gradient(circle at
20% 80%,rgba(22,163,74,0.15) 0%,transparent 45%);pointer-events:none}
.hero__wave{position:absolute;bottom:-2px;left:0;right:0;height:60px;background:var(--white);clip-path:ellipse(54%
100% at 50% 100%)}
.hero__inner{position:relative;z-index:1;max-width:1140px;margin:0
auto;padding:0 28px;display:grid;grid-template-columns:1fr
360px;gap:60px;align-items:center}
.hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.15);border:1px
solid rgba(255,255,255,0.25);border-radius:var(--r-full);padding:6px
14px;margin-bottom:22px;font-size:12px;font-weight:500;color:rgba(255,255,255,0.9)}
.hero__badge-dot{width:7px;height:7px;border-radius:50%;background:var(--green-light);animation:pulse
2s ease infinite}
@keyframes
pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,0.5)}60%{box-shadow:0 0 0 8px
rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.hero__h1{font-family:var(--serif);font-size:clamp(34px,4.5vw,54px);font-weight:500;line-height:1.12;color:var(--white);margin-bottom:20px;letter-spacing:-0.02em}
.hero__h1
em{font-style:italic;color:rgba(255,255,255,0.82)}
.hero__h1
strong{font-weight:600;color:var(--white)}
.hero__sub{font-size:16.5px;color:rgba(255,255,255,0.72);line-height:1.75;margin-bottom:34px;max-width:480px}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.hero__trust{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.hero__trust-item{display:flex;align-items:center;gap:7px;font-size:12.5px;color:rgba(255,255,255,0.65)}
.hero__trust-icon{width:16px;height:16px;color:var(--green-light);flex-shrink:0}
/* HERO
FORM */
.hero__form{background:var(--white);border-radius:var(--r-xl);padding:30px
26px;box-shadow:0 20px 60px rgba(0,0,0,0.2)}
.hero__form-title{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink);margin-bottom:4px}
.hero__form-sub{font-size:12.5px;color:var(--ink-3);margin-bottom:22px;line-height:1.5}
.form-stack{display:flex;flex-direction:column;gap:10px}
.form-field
input,.form-field select,.form-field
textarea{width:100%;background:var(--gray-50);border:1.5px solid
var(--gray-200);border-radius:var(--r);padding:11px
14px;font-size:13.5px;font-family:var(--sans);color:var(--ink);outline:none;transition:border-color
var(--dur) var(--ease),background var(--dur)
var(--ease);resize:none;appearance:none}
.form-field
input:focus,.form-field select:focus,.form-field
textarea:focus{border-color:var(--blue);background:var(--white);box-shadow:0 0
0 3px rgba(37,99,235,0.08)}
.form-field
input::placeholder,.form-field textarea::placeholder{color:var(--gray-500)}
.form-note{font-size:11.5px;color:var(--ink-3);text-align:center;margin-top:8px;line-height:1.5}
/*
── TRUST BAR ── */
.trust-bar{background:var(--gray-50);border-bottom:1px
solid var(--gray-200);padding:24px 0}
.trust-bar__inner{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;max-width:1140px;margin:0
auto;padding:0 28px}
.trust-item{display:flex;align-items:center;gap:12px}
.trust-item__icon{width:38px;height:38px;border-radius:50%;background:var(--blue-pale);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.trust-item__icon
svg{width:18px;height:18px;stroke:var(--blue)}
.trust-item__icon--green{background:var(--green-pale)}
.trust-item__icon--green
svg{stroke:var(--green)}
.trust-item__label{font-size:13px;font-weight:500;color:var(--ink-2);line-height:1.35}
.trust-item__label
span{display:block;font-size:11px;font-weight:400;color:var(--ink-3)}
.trust-sep{width:1px;height:36px;background:var(--gray-200)}
/*
── SECTIONS ── */
section{padding:88px
0}
section.s-gray{background:var(--gray-50)}
section.s-blue{background:var(--blue-deep)}
section.s-white{background:var(--white)}
section.s-green{background:var(--green-pale)}
.sec-head{margin-bottom:56px}
.sec-head
h2{font-family:var(--serif);font-size:clamp(26px,3.2vw,40px);font-weight:500;line-height:1.2;letter-spacing:-0.015em;color:var(--ink);margin-bottom:14px}
.sec-head
p{font-size:16px;color:var(--ink-2);line-height:1.8;max-width:580px}
.sec-head--center{text-align:center}
.sec-head--center
p{margin-left:auto;margin-right:auto}
.sec-head
h2--light{color:var(--white)}
/*
── PROBLEM CARDS ── */
.prob-grid{display:grid;grid-template-columns:1fr
1fr;gap:18px}
.prob-card{background:var(--white);border:1.5px
solid var(--gray-200);border-radius:var(--r-lg);padding:26px
24px;transition:all var(--dur) var(--ease);position:relative;overflow:hidden}
.prob-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue);border-radius:4px
0 0 4px;transition:background var(--dur) var(--ease)}
.prob-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.prob-card:hover::before{background:var(--green)}
.prob-card__q{font-family:var(--serif);font-size:16.5px;font-style:italic;color:var(--ink);line-height:1.45;margin-bottom:10px}
.prob-card__a{font-size:13.5px;color:var(--ink-2);line-height:1.65;margin-bottom:14px}
.prob-card__link{font-size:13px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:5px;transition:gap
var(--dur) var(--ease)}
.prob-card:hover
.prob-card__link{gap:9px}
/*
── SERVICE CARDS ── */
.svc-grid{display:grid;grid-template-columns:1fr
1fr;gap:18px}
.svc-card{background:var(--white);border:1.5px
solid var(--gray-200);border-radius:var(--r-lg);padding:28px
24px;display:flex;flex-direction:column;transition:all var(--dur)
var(--ease);position:relative;overflow:hidden}
.svc-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.svc-card__icon{width:44px;height:44px;border-radius:var(--r);background:var(--blue-pale);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:background
var(--dur) var(--ease)}
.svc-card__icon
svg{width:22px;height:22px;stroke:var(--blue)}
.svc-card:hover
.svc-card__icon{background:var(--blue);}.svc-card:hover .svc-card__icon
svg{stroke:white}
.svc-card__tag{font-size:10.5px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.svc-card__title{font-family:var(--serif);font-size:19px;font-weight:500;color:var(--ink);line-height:1.3;margin-bottom:10px}
.svc-card__body{font-size:13.5px;color:var(--ink-2);line-height:1.7;margin-bottom:20px;flex:1}
.svc-card__cta{font-size:13px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:6px;transition:gap
var(--dur) var(--ease)}
.svc-card:hover
.svc-card__cta{gap:10px}
/*
── INLINE CTA ── */
.inline-cta{background:var(--blue-pale);border:1.5px
solid rgba(37,99,235,0.2);border-radius:var(--r-lg);padding:22px
26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:40px
0}
.inline-cta__text{font-size:15px;font-weight:600;color:var(--ink)}
.inline-cta__sub{font-size:13px;color:var(--ink-3);font-weight:400;margin-top:2px}
.inline-cta--green{background:var(--green-pale);border-color:rgba(22,163,74,0.2)}
/*
── STEPS ── */
.steps-grid{display:flex;flex-direction:column;gap:0}
.step{display:grid;grid-template-columns:56px
1fr;gap:22px;align-items:start;padding:26px 0;border-bottom:1px solid
var(--gray-200)}
.step:last-child{border-bottom:none}
.step__num{width:44px;height:44px;border-radius:50%;background:var(--blue);color:var(--white);font-family:var(--serif);font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.step__title{font-family:var(--serif);font-size:19px;font-weight:500;color:var(--ink);margin-bottom:7px}
.step__body{font-size:14px;color:var(--ink-2);line-height:1.75}
/*
── CHECKLIST ── */
.checklist{list-style:none;display:flex;flex-direction:column;gap:12px;margin:18px
0}
.checklist
li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;color:var(--ink-2);line-height:1.6}
.check-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.check-icon--blue{background:var(--blue)}
.check-icon--green{background:var(--green)}
.check-icon--red{background:var(--red)}
.check-icon
svg{width:10px;height:10px}
/*
── TWO COL ── */
.two-col{display:grid;grid-template-columns:1fr
1fr;gap:56px;align-items:start}
.two-col--wide{grid-template-columns:1fr
380px}
.two-col--flip{grid-template-columns:380px
1fr}
/*
── PULL QUOTE ── */
.pull-quote{font-family:var(--serif);font-size:clamp(19px,2.4vw,25px);font-style:italic;color:var(--ink);line-height:1.5;padding:26px
30px;border-left:4px solid
var(--blue);background:var(--blue-pale);border-radius:0 var(--r-lg) var(--r-lg)
0;margin:28px 0}
.pull-quote--green{border-left-color:var(--green);background:var(--green-pale)}
/*
── ALERT BOXES ── */
.alert{display:flex;align-items:flex-start;gap:14px;padding:18px
20px;border-radius:var(--r-lg);margin:24px 0}
.alert--red{background:var(--red-bg);border:1.5px
solid var(--red-line);border-left:4px solid var(--red)}
.alert--blue{background:var(--blue-pale);border:1.5px
solid rgba(37,99,235,0.2);border-left:4px solid var(--blue)}
.alert--green{background:var(--green-pale);border:1.5px
solid rgba(22,163,74,0.2);border-left:4px solid var(--green)}
.alert--amber{background:var(--amber-bg);border:1.5px
solid rgba(217,119,6,0.2);border-left:4px solid var(--amber)}
.alert__icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.alert__icon--red{background:var(--red)}
.alert__icon--blue{background:var(--blue)}
.alert__icon--green{background:var(--green)}
.alert__icon--amber{background:var(--amber)}
.alert__icon
svg{width:10px;height:10px}
.alert__text{font-size:13.5px;color:var(--ink-2);line-height:1.65}
.alert__text
strong{font-weight:600}
/*
── ASIDE CARD ── */
.aside-card{background:var(--blue-deep);border-radius:var(--r-xl);padding:30px
26px;position:relative;overflow:hidden}
.aside-card::after{content:'';position:absolute;bottom:-30px;right:-30px;width:140px;height:140px;background:radial-gradient(circle,rgba(37,99,235,0.4)
0%,transparent 70%);pointer-events:none}
.aside-card--green{background:var(--green-dark)}
.aside-card__title{font-family:var(--serif);font-size:20px;font-weight:500;color:var(--white);margin-bottom:20px;line-height:1.3}
.aside-card__item{padding:14px
0;border-top:1px solid rgba(255,255,255,0.12)}
.aside-card__item:last-of-type{border-bottom:1px
solid rgba(255,255,255,0.12);margin-bottom:22px}
.aside-card__label{font-size:10px;font-weight:600;color:rgba(255,255,255,0.55);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:4px}
.aside-card__text{font-size:13px;color:rgba(255,255,255,0.75);line-height:1.6}
/*
── CTA BLOCK ── */
.cta-block{background:linear-gradient(135deg,var(--blue-deep)
0%,var(--blue) 100%);border-radius:var(--r-xl);padding:60px
52px;text-align:center;position:relative;overflow:hidden}
.cta-block::before{content:'';position:absolute;top:-50px;right:-50px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,0.08)
0%,transparent 70%);pointer-events:none}
.cta-block__eyebrow{font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-bottom:12px}
.cta-block__title{font-family:var(--serif);font-size:clamp(26px,3.2vw,40px);font-weight:500;color:var(--white);line-height:1.2;margin-bottom:12px}
.cta-block__sub{font-size:15px;color:rgba(255,255,255,0.65);margin-bottom:34px;line-height:1.65}
.cta-block__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:20px;position:relative;z-index:1}
.cta-block__trust{font-size:12px;color:rgba(255,255,255,0.35);letter-spacing:0.04em}
.cta-block__trust
span{margin:0 8px}
/*
── CLOSING BLOCK ── */
.closing-block{background:var(--blue-pale);border:1.5px
solid rgba(37,99,235,0.18);border-left:4px solid var(--blue);border-radius:0
var(--r-lg) var(--r-lg) 0;padding:26px 30px;margin-bottom:64px}
.closing-block--green{background:var(--green-pale);border-color:rgba(22,163,74,0.18);border-left-color:var(--green)}
.closing-block__text{font-size:15px;color:var(--ink-2);line-height:1.8;margin-bottom:18px}
.closing-block__text
strong{color:var(--ink);font-weight:600}
.closing-block__actions{display:flex;gap:12px;flex-wrap:wrap}
/*
── RELATED CARDS ── */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related-card{background:var(--white);border:1.5px
solid var(--gray-200);border-radius:var(--r-lg);padding:22px
20px;cursor:pointer;transition:all var(--dur)
var(--ease);display:block;position:relative}
.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue)}
.related-card--primary{border:2px
solid var(--blue)}
.related-card__badge{position:absolute;top:-1px;left:18px;background:var(--blue);color:var(--white);font-size:9px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:3px
10px;border-radius:0 0 6px 6px}
.related-card__tag{font-size:10px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.related-card__title{font-family:var(--serif);font-size:16px;font-weight:500;color:var(--ink);line-height:1.35;margin-bottom:8px}
.related-card__body{font-size:13px;color:var(--ink-3);line-height:1.6;margin-bottom:12px}
.related-card__link{font-size:12.5px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:5px;transition:gap
var(--dur) var(--ease)}
.related-card:hover
.related-card__link{gap:9px}
/*
── TABS ── */
.svc-nav{background:var(--white);border-bottom:2px
solid var(--gray-100);position:sticky;top:66px;z-index:100}
.svc-nav__inner{max-width:1140px;margin:0
auto;padding:0 28px;display:flex;overflow-x:auto;scrollbar-width:none;gap:0}
.svc-nav__inner::-webkit-scrollbar{display:none}
.svc-tab{font-size:13px;font-weight:500;color:var(--ink-3);padding:15px
18px;border-bottom:3px solid
transparent;white-space:nowrap;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--sans);transition:all
var(--dur) var(--ease)}
.svc-tab:hover{color:var(--blue)}
.svc-tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}
/*
── PAGE PANELS ── */
.page{display:none}
.page.active{display:block}
/*
── PAGE HERO ── */
.page-hero{background:linear-gradient(135deg,var(--blue-deep)
0%,var(--blue) 100%);padding:68px 0 84px;position:relative;overflow:hidden}
.page-hero__bg{position:absolute;inset:0;background-image:radial-gradient(circle
at 80% 40%,rgba(255,255,255,0.06) 0%,transparent 50%),radial-gradient(circle at
10% 90%,rgba(22,163,74,0.12) 0%,transparent 40%);pointer-events:none}
.page-hero__wave{position:absolute;bottom:-2px;left:0;right:0;height:52px;background:var(--white);clip-path:ellipse(54%
100% at 50% 100%)}
.page-hero__inner{position:relative;z-index:1;max-width:1140px;margin:0
auto;padding:0 28px;display:grid;grid-template-columns:1fr
340px;gap:60px;align-items:center}
.page-hero__kicker{font-size:11px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.page-hero__kicker::before{content:'';display:block;width:20px;height:2px;background:rgba(255,255,255,0.4);border-radius:2px}
.page-hero__h1{font-family:var(--serif);font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1.12;color:var(--white);margin-bottom:18px;letter-spacing:-0.02em}
.page-hero__h1
em{font-style:italic;color:rgba(255,255,255,0.8)}
.page-hero__sub{font-size:15.5px;color:rgba(255,255,255,0.68);line-height:1.75;margin-bottom:30px;max-width:480px}
.page-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.page-hero__alert{display:flex;align-items:flex-start;gap:11px;background:rgba(255,255,255,0.1);border:1px
solid rgba(255,255,255,0.2);border-radius:var(--r-lg);padding:13px
16px;max-width:500px}
.page-hero__alert-dot{width:8px;height:8px;border-radius:50%;background:var(--green-light);flex-shrink:0;margin-top:5px;animation:pulse
2.4s ease infinite}
.page-hero__alert
p{font-size:12.5px;color:rgba(255,255,255,0.85);line-height:1.6}
.page-hero__alert
strong{color:var(--white);font-weight:600}
/* URGENCY
BAND */
.urgency-band{background:var(--red-bg);border-top:3px
solid var(--red);border-bottom:1px solid var(--red-line);padding:18px 0}
.urgency-band--amber{background:var(--amber-bg);border-top-color:var(--amber);border-bottom-color:rgba(217,119,6,0.2)}
.urgency-band--blue{background:var(--blue-pale);border-top-color:var(--blue);border-bottom-color:rgba(37,99,235,0.15)}
.urgency-band__inner{max-width:1140px;margin:0
auto;padding:0 28px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.urgency-band__icon{width:34px;height:34px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.urgency-band--amber
.urgency-band__icon{background:var(--amber)}
.urgency-band--blue
.urgency-band__icon{background:var(--blue)}
.urgency-band__icon
svg{width:15px;height:15px}
.urgency-band__text{font-size:14px;color:var(--ink-2);line-height:1.55;flex:1}
.urgency-band__text
strong{color:var(--red);font-weight:600}
.urgency-band--amber
.urgency-band__text strong{color:var(--amber)}
.urgency-band--blue
.urgency-band__text strong{color:var(--blue)}
/* HERO
FORM (interior pages) */
.hero-form{background:var(--white);border-radius:var(--r-xl);padding:28px
24px;box-shadow:0 20px 48px rgba(0,0,0,0.2)}
.hero-form__title{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink);margin-bottom:4px}
.hero-form__sub{font-size:12px;color:var(--ink-3);margin-bottom:18px;line-height:1.5}
.hero-form
form{display:flex;flex-direction:column;gap:10px}
.hero-form
input,.hero-form select,.hero-form textarea{width:100%;background:var(--gray-50);border:1.5px
solid var(--gray-200);border-radius:var(--r);padding:11px
14px;font-size:13px;font-family:var(--sans);color:var(--ink);outline:none;transition:border-color
var(--dur) var(--ease);resize:none;appearance:none}
.hero-form
input:focus,.hero-form select:focus,.hero-form
textarea:focus{border-color:var(--blue);background:var(--white);box-shadow:0 0
0 3px rgba(37,99,235,0.08)}
.hero-form
input::placeholder,.hero-form textarea::placeholder{color:var(--gray-500)}
.hero-form__note{font-size:11px;color:var(--ink-3);text-align:center;margin-top:6px;line-height:1.5}
/*
── QUIENES SOMOS ── */
.team-grid{display:grid;grid-template-columns:1fr
1fr;gap:20px;margin-top:8px}
.team-card{background:var(--white);border:1.5px
solid var(--gray-200);border-radius:var(--r-lg);padding:26px
22px;position:relative;overflow:hidden}
.team-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--green))}
.team-card__role{font-size:10px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.team-card__name{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink);margin-bottom:10px}
.team-card__bio{font-size:13.5px;color:var(--ink-2);line-height:1.7}
/*
── FAQ ── */
.faq-grid{display:grid;grid-template-columns:1fr
1fr;gap:0 48px;margin-top:48px}
.faq-item{padding:20px
0;border-bottom:1px solid var(--gray-200)}
.faq-item:last-child{border-bottom:none}
.faq-q{font-family:var(--serif);font-size:17px;font-weight:500;color:var(--ink);margin-bottom:8px;line-height:1.35}
.faq-a{font-size:13.5px;color:var(--ink-2);line-height:1.75}
/*
── BLOG CARDS ── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.blog-card{background:var(--white);border:1.5px
solid var(--gray-200);border-radius:var(--r-lg);padding:24px
20px;display:flex;flex-direction:column;transition:all var(--dur)
var(--ease);text-decoration:none;color:inherit}
.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue)}
.blog-card__tag{font-size:10px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.blog-card__title{font-family:var(--serif);font-size:18px;font-weight:500;color:var(--ink);line-height:1.35;margin-bottom:8px;flex:1}
.blog-card__body{font-size:13px;color:var(--ink-3);line-height:1.65;margin-bottom:14px}
.blog-card__link{font-size:12.5px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:5px;transition:gap
var(--dur) var(--ease)}
.blog-card:hover
.blog-card__link{gap:9px}
/*
── FOOTER ── */
.footer{background:var(--gray-900);padding:60px
0 32px}
.footer-inner{max-width:1140px;margin:0
auto;padding:0 28px}
.footer-top{display:grid;grid-template-columns:1.3fr
1fr 1fr;gap:52px;padding-bottom:44px;border-bottom:1px solid
rgba(255,255,255,0.08);margin-bottom:28px}
.footer-brand-name{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--white);margin-bottom:4px}
.footer-brand-sub{font-size:11px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.35);margin-bottom:14px}
.footer-tagline{font-size:13px;color:rgba(255,255,255,0.45);line-height:1.65;margin-bottom:20px}
.footer-col-title{font-size:10px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--blue-light);margin-bottom:16px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-links
a{font-size:13px;color:rgba(255,255,255,0.48);transition:color var(--dur)
var(--ease)}
.footer-links
a:hover{color:rgba(255,255,255,0.85)}
.footer-contact{font-size:13px;color:rgba(255,255,255,0.48);margin-bottom:9px;line-height:1.55}
.footer-contact
strong{color:rgba(255,255,255,0.72);font-weight:500}
.footer-contact
a{color:rgba(255,255,255,0.48);transition:color var(--dur) var(--ease)}
.footer-contact
a:hover{color:rgba(255,255,255,0.85)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-copy{font-size:12px;color:rgba(255,255,255,0.22)}
.footer-note{font-size:12px;color:var(--green);opacity:0.65}
.footer-divider{display:flex;align-items:center;gap:12px;margin:20px
0;font-size:11.5px;color:rgba(255,255,255,0.3)}
.footer-divider::before,.footer-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.08)}
/*
── WA FLOAT ── */
.wa-float{position:fixed;bottom:28px;right:28px;z-index:300;width:54px;height:54px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0
4px 20px rgba(22,163,74,0.4);text-decoration:none;transition:all var(--dur)
var(--ease)}
.wa-float:hover{transform:scale(1.1)
translateY(-2px);box-shadow:0 8px 28px
rgba(22,163,74,0.5);background:var(--green-dark)}
.wa-float
svg{width:26px;height:26px}
/*
── HOME-ONLY SECTIONS ── */
.home-only{display:block}
/*
── RESPONSIVE ── */
@media(max-width:980px){
.container,.nav__inner,.trust-bar__inner,.urgency-band__inner,.footer-inner{padding:0
20px}
.nav__links{display:none}
.hero__inner,.page-hero__inner{grid-template-columns:1fr;gap:36px}
.hero__form,.hero-form{max-width:500px}
.prob-grid,.svc-grid,.two-col,.two-col--wide,.two-col--flip,.faq-grid,.blog-grid,.team-grid{grid-template-columns:1fr;gap:28px}
.related-grid{grid-template-columns:1fr}
.footer-top{grid-template-columns:1fr;gap:32px}
.trust-sep{display:none}
.trust-bar__inner{gap:24px}
.cta-block{padding:40px
24px}
section{padding:64px
0}
.page-hero{padding:52px
0 68px}
.hero{padding:60px
0 80px}
.inline-cta{flex-direction:column;align-items:flex-start}
.svc-nav__inner{padding:0
20px}
}
@media(max-width:560px){
.hero__actions,.page-hero__actions,.cta-block__actions,.closing-block__actions{flex-direction:column}
.hero__actions
.btn,.page-hero__actions .btn,.cta-block__actions .btn,.closing-block__actions
.btn{width:100%}
.hero__form,.hero-form{max-width:100%}
.wa-float{bottom:18px;right:18px;width:50px;height:50px}
}
</style>
</head>
<body>
<!-- NAV
-->
<nav
class="nav" aria-label="Navegación principal">
<div
class="nav__inner">
<a
href="/" class="nav__brand">
<span
class="nav__brand-name">Centro de Defensa Laboral</span>
<span
class="nav__brand-sub">Chile · Derecho del Trabajo</span>
</a>
<ul
class="nav__links">
<li><a href="#servicios">Servicios</a></li>
<li><a href="#quienes-somos">Quiénes somos</a></li>
<li><a href="#faq">Preguntas frecuentes</a></li>
<li><a
href="#blog">Blog</a></li>
<li><a
href="#contacto" class="btn btn-blue btn-sm
nav__cta">Consulta gratis <span
class="nav__badge">Hoy</span></a></li>
</ul>
</div>
</nav>
<!-- ════════════════════════════════════════════
HOME
════════════════════════════════════════════ -->
<div
id="page-home" class="page active home-only">
<!--
HERO HOME -->
<section
class="hero" aria-labelledby="home-h1">
<div
class="hero__bg-pattern" aria-hidden="true"></div>
<div
class="hero__inner">
<div>
<div
class="hero__badge"><span class="hero__badge-dot"
aria-hidden="true"></span>Abogados laborales en Chile ·
Atención hoy</div>
<h1 class="hero__h1" id="home-h1">Tu trabajo vale.<br><em>Defiéndelo.</em></h1>
<p class="hero__sub">Si te despidieron sin motivo, tuviste un accidente en el trabajo o tu empleador no te paga lo que corresponde, tienes derechos. El Centro de Defensa Laboral Chile te ayuda a ejercerlos.</p>
<div
class="hero__actions">
<a
href="#contacto" class="btn btn-white btn-lg">Consultar
mi caso gratis →</a>
<a
href="https://wa.me/56999398155?text=Hola,%20necesito%20orientaci%C3%B3n%20por%20un%20problema%20laboral.%20%C2%BFMe%20pueden%20ayudar?"
class="btn btn-ghost-white btn-lg" target="_blank"
rel="noopener noreferrer">WhatsApp directo</a>
</div>
<div
class="hero__trust">
<div
class="hero__trust-item">
<svg
class="hero__trust-icon" viewBox="0 0 24 24"
fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round"><polyline
points="20 6 9 17 4 12"/></svg>
Evaluación sin costo
</div>
<div class="hero__trust-item">
<svg
class="hero__trust-icon" viewBox="0 0 24 24"
fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round"><polyline
points="20 6 9 17 4 12"/></svg>
Trabajadores y empresas
</div>
<div class="hero__trust-item">
<svg
class="hero__trust-icon" viewBox="0 0 24 24"
fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round"><polyline
points="20 6 9 17 4 12"/></svg>
Respuesta el mismo día
</div>
</div>
</div>
<div
class="hero__form" id="contacto">
<p class="hero__form-title">Cuéntanos tu situación</p>
<p class="hero__form-sub">Evaluación gratuita · Respuesta hoy · Sin compromiso</p>
<div
class="form-stack">
<form
name="contacto" method="POST"
data-netlify="true">
<input
type="hidden" name="form-name"
value="contacto">
<div
class="form-field"><input type="text"
name="nombre" placeholder="Tu nombre completo" required
aria-label="Nombre"></div>
<div
class="form-field"><input type="email"
name="email" placeholder="Tu correo electrónico" required
aria-label="Correo"></div>
<div
class="form-field"><input type="tel"
name="telefono" placeholder="Tu teléfono (opcional)"
aria-label="Teléfono"></div>
<div
class="form-field">
<select
name="situacion" required aria-label="Tu situación">
<option value="" disabled selected>¿Cuál es tu situación?</option>
<option value="despido">Me despidieron injustificadamente</option>
<option value="finiquito">Tengo dudas sobre mi finiquito</option>
<option value="accidente">Tuve un accidente del trabajo</option>
<option value="acoso">Sufro acoso o discriminación</option>
<option value="contrato">Problemas con mi contrato o sueldo</option>
<option value="autodespido">Estoy pensando en renunciar por maltrato</option>
<option value="empresa">Soy empleador y necesito asesoría</option>
<option value="otro">Otra situación</option>
</select>
</div>
<div class="form-field"><textarea name="mensaje" rows="3" placeholder='Ej: "Me despidieron el viernes sin darme razones. ¿Qué hago?"' aria-label="Tu situación"></textarea></div>
<input
type="hidden" name="_subject" value="Nueva consulta -
CDLC">
<button type="submit"
class="btn btn-blue btn-full"
style="margin-top:4px;font-size:15px;padding:14px">Enviar — te
respondo hoy →</button>
</form>
</div>
<p class="form-note">Respondemos en menos de
2 horas en horario hábil. Sin
costo, sin compromiso.</p>
</div>
</div>
<div
class="hero__wave" aria-hidden="true"></div>
</section>
<!--
TRUST BAR -->
<div
class="trust-bar">
<div
class="trust-bar__inner">
<div
class="trust-item">
<div
class="trust-item__icon"><svg viewBox="0 0 24 24"
fill="none" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round"><path
d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle
cx="9" cy="7" r="4"/><path d="M23
21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
<div class="trust-item__label">Trabajadores y empleadores<span>Atendemos ambos lados</span></div>
</div>
<div
class="trust-sep"></div>
<div
class="trust-item">
<div
class="trust-item__icon trust-item__icon--green"><svg
viewBox="0 0 24 24" fill="none" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round"><circle
cx="12" cy="12" r="10"/><polyline
points="12 6 12 12 16 14"/></svg></div>
<div class="trust-item__label">Respuesta el mismo día<span>En horario hábil</span></div>
</div>
<div
class="trust-sep"></div>
<div
class="trust-item">
<div
class="trust-item__icon"><svg viewBox="0 0 24 24"
fill="none" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round"><path
d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline
points="22 4 12 14.01 9 11.01"/></svg></div>
<div class="trust-item__label">Evaluación gratuita<span>Sin costo ni compromiso</span></div>
</div>
<div
class="trust-sep"></div>
<div
class="trust-item">
<div
class="trust-item__icon trust-item__icon--green"><svg
viewBox="0 0 24 24" fill="none" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round"><rect
x="3" y="3" width="18" height="18"
rx="2" ry="2"/><path d="M9 9h6M9 13h6M9
17h4"/></svg></div>
<div class="trust-item__label">Todos los servicios laborales<span>Sector privado y empresas</span></div>
</div>
</div>
</div>
<!--
PROBLEMAS -->
<section
class="s-gray" aria-labelledby="problems-title">
<div
class="container">
<div
style="display:grid;grid-template-columns:1fr
1fr;gap:52px;align-items:end;margin-bottom:52px">
<div>
<p class="eyebrow">¿Qué te está pasando?</p>
<h2 style="font-family:var(--serif);font-size:clamp(26px,3.2vw,40px);font-weight:500;line-height:1.2;letter-spacing:-0.015em" id="problems-title">Si te sientes solo frente a tu empleador, no lo estás.</h2>
</div>
<p style="font-size:16px;color:var(--ink-2);line-height:1.8">En Chile, miles de trabajadores enfrentan situaciones laborales injustas sin saber que tienen derechos concretos y plazos para ejercerlos. Para eso estamos.</p>
</div>
<div class="prob-grid">
<div class="prob-card">
<p class="prob-card__q">"Me despidieron sin darme razones y no sé si el finiquito que me están pidiendo firmar es correcto."</p>
<p class="prob-card__a">Un despido sin causa justificada da derecho a indemnización. Antes de firmar cualquier documento, revisa si las cifras y los conceptos son correctos.</p>
<button
onclick="showPage('despido')"
class="prob-card__link">Revisar mi despido →</button>
</div>
<div
class="prob-card">
<p class="prob-card__q">"Tuve un accidente en el trabajo. La empresa dice que fue culpa mía y el seguro no me cubre todo."</p>
<p class="prob-card__a">Los accidentes del trabajo tienen protección legal específica. Tienes derecho a prestaciones médicas, subsidios e indemnización si hay negligencia del empleador.</p>
<button
onclick="showPage('accidente')"
class="prob-card__link">Ver mis derechos →</button>
</div>
<div
class="prob-card">
<p class="prob-card__q">"Mi jefe me hace la vida imposible. Me aíslan, me cambian de funciones o me amenazan constantemente."</p>
<p class="prob-card__a">El acoso y la discriminación laboral están tipificados en la ley chilena. Tienes herramientas para detenerlos y en algunos casos puedes exigir reparación económica.</p>
<button
onclick="showPage('acoso')"
class="prob-card__link">Revisar mi situación
→</button>
</div>
<div
class="prob-card">
<p class="prob-card__q">"Mi sueldo llega tarde, me descuentan cosas que no corresponden o tengo horas extras no pagadas."</p>
<p class="prob-card__a">Las obligaciones de remuneración del empleador son irrenunciables. El incumplimiento reiterado puede dar origen a un autodespido con derecho a indemnización.</p>
<button
onclick="showPage('contratos')"
class="prob-card__link">Entender mis opciones
→</button>
</div>
</div>
<div
class="alert alert--amber" style="margin-top:48px">
<div
class="alert__icon alert__icon--amber"><svg viewBox="0 0
10 10" fill="none" stroke="white"
stroke-width="2" stroke-linecap="round"><path
d="M5 2v4M5 8v.5"/></svg></div>
<p class="alert__text"><strong>Los plazos laborales son fatales.</strong> En Chile, la mayoría de las acciones laborales prescriben en 60 días hábiles desde el despido — y algunas acciones tienen plazos incluso más cortos. Si tienes dudas, consulta hoy. La evaluación es gratuita.</p>
</div>
</div>
</section>
<!--
SERVICIOS HOME -->
<section
class="s-white" id="servicios"
aria-labelledby="svc-home-title">
<div
class="container">
<div
class="sec-head">
<p class="eyebrow">Nuestros servicios</p>
<h2 id="svc-home-title">Defensa laboral para cada situación</h2>
<p>El Centro de Defensa Laboral Chile atiende trabajadores y empleadores en todas las materias del derecho del trabajo. Evaluamos tu caso hoy, sin costo.</p>
</div>
<div class="svc-grid">
<div
class="svc-card" style="cursor:pointer"
onclick="showPage('despido')">
<div
class="svc-card__icon"><svg viewBox="0 0 24 24"
fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0
0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7"
r="4"/><line x1="17" y1="8"
x2="23" y2="14"/><line x1="23"
y1="8" x2="17"
y2="14"/></svg></div>
<p class="svc-card__tag">Despido y finiquito</p>
<h3 class="svc-card__title">Despido injustificado y autodespido</h3>
<p class="svc-card__body">Si te despidieron sin causa válida, con invocación de causales falsas o en condiciones que hacen imposible continuar trabajando, tienes derecho a indemnizaciones. Antes de firmar cualquier finiquito, revísalo con nosotros.</p>
<span class="svc-card__cta">Ver este servicio →</span>
</div>
<div
class="svc-card" style="cursor:pointer"
onclick="showPage('accidente')">
<div
class="svc-card__icon"><svg viewBox="0 0 24 24"
fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3
9H2"/></svg></div>
<p class="svc-card__tag">Accidentes del trabajo</p>
<h3 class="svc-card__title">Accidentes del trabajo y enfermedades profesionales</h3>
<p class="svc-card__body">Un accidente en el trabajo puede tener consecuencias graves. Más allá del seguro de la mutualidad, puede existir responsabilidad del empleador y derecho a indemnización adicional si hubo negligencia.</p>
<span class="svc-card__cta">Ver este servicio →</span>
</div>
<div
class="svc-card" style="cursor:pointer"
onclick="showPage('acoso')">
<div
class="svc-card__icon"><svg viewBox="0 0 24 24"
fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8
3v7c0 6 8 10 8 10z"/></svg></div>
<p class="svc-card__tag">Acoso y discriminación</p>
<h3 class="svc-card__title">Acoso laboral, sexual y discriminación</h3>
<p class="svc-card__body">La Ley 20.607 tipifica el acoso laboral. La discriminación por edad, sexo, origen u otras causas también tiene mecanismos de protección específicos. No tienes que aguantarlo ni esperar a que empeore.</p>
<span class="svc-card__cta">Ver este servicio →</span>
</div>
<div
class="svc-card" style="cursor:pointer"
onclick="showPage('contratos')">
<div
class="svc-card__icon"><svg viewBox="0 0 24 24"
fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2
2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2
14 8 20 8"/><line x1="16" y1="13"
x2="8" y2="13"/><line x1="16"
y1="17" x2="8" y2="17"/><polyline
points="10 9 9 9 8 9"/></svg></div>
<p class="svc-card__tag">Contratos y remuneraciones</p>
<h3 class="svc-card__title">Contratos, sueldos y horas extras</h3>
<p class="svc-card__body">Cláusulas abusivas, sueldos atrasados, descuentos indebidos, horas extras no pagadas. Tu contrato tiene límites que la ley impone al empleador, aunque hayas firmado algo distinto.</p>
<span class="svc-card__cta">Ver este servicio →</span>
</div>
<div
class="svc-card" style="cursor:pointer"
onclick="showPage('autodespido')">
<div
class="svc-card__icon"><svg viewBox="0 0 24 24"
fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2
2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16
7"/><line x1="21" y1="12" x2="9"
y2="12"/></svg></div>
<p
class="svc-card__tag">Autodespido</p>
<h3 class="svc-card__title">Autodespido o despido indirecto</h3>
<p class="svc-card__body">Si tu empleador incumple obligaciones laborales graves — sueldos no pagados, maltrato, cambio de funciones — puedes renunciar y reclamar las mismas indemnizaciones que si te hubieran despedido. Se llama autodespido.</p>
<span class="svc-card__cta">Ver este servicio →</span>
</div>
<div
class="svc-card" style="cursor:pointer"
onclick="document.getElementById('contacto').scrollIntoView({behavior:'smooth'})">
<div
class="svc-card__icon"
style="background:var(--green-pale)"><svg viewBox="0 0 24
24" fill="none" stroke="var(--green)"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect
x="2" y="7" width="20" height="14"
rx="2" ry="2"/><path d="M16 21V5a2 2 0 0
0-2-2h-4a2 2 0 0 0-2 2v16"/></svg></div>
<p
class="svc-card__tag"
style="color:var(--green)">Empleadores y pymes</p>
<h3 class="svc-card__title">Asesoría para empresas y empleadores</h3>
<p class="svc-card__body">Contrataciones, finiquitos, reglamentos internos, despidos, negociación colectiva. Te ayudamos a cumplir la ley y a evitar contingencias laborales antes de que se conviertan en demandas.</p>
<span
class="svc-card__cta"
style="color:var(--green)">Consultar como empleador
→</span>
</div>
</div>
<div
class="inline-cta" style="margin-top:44px">
<div>
<p class="inline-cta__text">¿No sabes cuál aplica a tu situación?</p>
<p class="inline-cta__sub">Cuéntanos lo que pasó y nosotros identificamos la vía correcta. Sin costo, sin compromiso.</p>
</div>
<a href="#contacto" class="btn btn-blue btn-sm">Consultar mi caso →</a>
</div>
</div>
</section>
<!-- QUIÉNES SOMOS -->
<section
class="s-white" id="quienes-somos"
aria-labelledby="qs-title">
<div
class="container">
<div
class="two-col">
<div>
<p
class="eyebrow">Quiénes somos</p>
<h2
style="font-family:var(--serif);font-size:clamp(26px,3.2vw,40px);font-weight:500;line-height:1.2;letter-spacing:-0.015em;margin-bottom:20px"
id="qs-title">Derecho laboral claro, accesible y
efectivo.</h2>
<p style="font-size:15.5px;color:var(--ink-2);line-height:1.85;margin-bottom:16px">El Centro de Defensa Laboral Chile nació con una convicción simple: que el trabajador común — el que no tiene acceso fácil a asesoría jurídica — también merece representación efectiva cuando el empleador no cumple con la ley.</p>
<p style="font-size:15.5px;color:var(--ink-2);line-height:1.85;margin-bottom:16px">Atendemos tanto a trabajadores como a empleadores, porque el derecho laboral funciona mejor cuando ambos lados lo conocen. Para el trabajador, eso significa saber qué le corresponde y exigirlo. Para la empresa, significa evitar contingencias que cuestan mucho más de lo que habrían costado prevenirlas.</p>
<p style="font-size:15.5px;color:var(--ink-2);line-height:1.85;margin-bottom:28px">No usamos jerga legal sin explicación. Te decimos exactamente qué puedes hacer, cuánto tiempo tienes para hacerlo y qué puedes esperar del proceso.</p>
<ul
class="checklist">
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span><strong>Evaluación
sin costo:</strong> te decimos si tienes caso y cuáles son tus opciones
antes de comprometerte con nada.</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span><strong>Lenguaje
claro:</strong> te explicamos tu situación sin tecnicismos. Tú decides
con información real.</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span><strong>Estrategia
desde el inicio:</strong> identificamos la vía más efectiva para tu caso
específico, no soluciones genéricas.</span></li>
</ul>
<a href="#contacto" class="btn btn-blue" style="margin-top:28px">Consultar mi caso gratis →</a>
</div>
<div>
<div class="pull-quote pull-quote--green">"Que un trabajador pierda su caso no porque no tuviera razón, sino porque no supo que podía reclamar — eso es lo que queremos evitar."</div>
<div
class="alert alert--blue" style="margin-top:0">
<div
class="alert__icon alert__icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2" stroke-linecap="round"><path
d="M5 2v4M5 8v.5"/></svg></div>
<p class="alert__text">En Chile, muchos trabajadores firman finiquitos o renuncian sin saber que tenían derecho a indemnizaciones, prestaciones médicas o acciones legales. <strong>La desinformación es el principal enemigo del trabajador.</strong></p>
</div>
<div
class="aside-card aside-card--green"
style="margin-top:20px">
<p class="aside-card__title">También asesoramos empleadores</p>
<div class="aside-card__item"><p class="aside-card__label">Contrataciones y contratos</p><p class="aside-card__text">Cláusulas correctas, jornadas, beneficios y reglamentos internos que cumplan la ley y protejan a la empresa.</p></div>
<div class="aside-card__item"><p class="aside-card__label">Finiquitos y despidos</p><p class="aside-card__text">Causales, cálculos correctos y documentación para evitar demandas posteriores por despidos mal ejecutados.</p></div>
<div class="aside-card__item" style="margin-bottom:20px"><p class="aside-card__label">Prevención de contingencias</p><p class="aside-card__text">Revisamos tus procesos laborales antes de que se conviertan en problemas. El costo de prevenir es siempre menor al de litigar.</p></div>
<a
href="#contacto" class="btn btn-outline-white
btn-full">Consultar como empleador →</a>
</div>
</div>
</div>
</div>
</section>
<!-- CTA
CENTRAL -->
<section
style="padding:0 0 80px;background:var(--white)">
<div
class="container">
<div
class="cta-block">
<p class="cta-block__eyebrow">Evaluación gratuita · Sin compromiso · Respuesta hoy</p>
<h2 class="cta-block__title">Si tienes dudas, consúltanos hoy.<br>La evaluación es gratis.</h2>
<p class="cta-block__sub">Te decimos exactamente qué opciones tienes, cuánto tiempo tienes para ejercerlas y qué puedes esperar del proceso.</p>
<div
class="cta-block__actions">
<a
href="#contacto" class="btn btn-white btn-lg">Consultar
mi caso gratis →</a>
<a
href="https://wa.me/56999398155?text=Hola,%20necesito%20orientaci%C3%B3n%20por%20un%20problema%20laboral.%20%C2%BFMe%20pueden%20ayudar?"
class="btn btn-ghost-white btn-lg" target="_blank"
rel="noopener noreferrer">Hablar por WhatsApp</a>
</div>
<p class="cta-block__trust">Trabajadores<span>·</span>Empleadores<span>·</span>Pymes<span>·</span>Respuesta el mismo día</p>
</div>
</div>
</section>
<!-- FAQ
-->
<section
class="s-gray" id="faq"
aria-labelledby="faq-title">
<div
class="container">
<div
class="sec-head sec-head--center">
<p class="eyebrow" style="justify-content:center">Preguntas frecuentes</p>
<h2 id="faq-title">Lo que más nos preguntan</h2>
</div>
<div
class="faq-grid">
<div class="faq-item"><h3 class="faq-q">¿Cuánto tiempo tengo para demandar si me despidieron?</h3><p class="faq-a">El plazo general para acciones laborales es de 60 días hábiles desde el despido. Para algunos casos específicos el plazo puede ser diferente. Si ya pasaron varios días, consúltanos igual — puede haber opciones.</p></div>
<div class="faq-item"><h3 class="faq-q">¿Tengo que pagar si el caso no resulta?</h3><p class="faq-a">Depende del acuerdo. En muchos casos trabajamos con honorarios condicionados al resultado. La evaluación inicial siempre es gratuita y te explicamos los costos antes de cualquier compromiso.</p></div>
<div class="faq-item"><h3 class="faq-q">¿Qué pasa si ya firmé el finiquito?</h3><p class="faq-a">No siempre significa que perdiste todos tus derechos. Hay acciones que pueden ejercerse incluso después de firmar, dependiendo de cómo se tramitó el finiquito. Cuéntanos tu caso.</p></div>
<div class="faq-item"><h3 class="faq-q">¿Pueden ayudarme aunque no haya contrato escrito?</h3><p class="faq-a">Sí. La ley presume la existencia de la relación laboral aunque no haya contrato firmado. El empleador tiene la carga de probar que no había vínculo laboral.</p></div>
<div class="faq-item"><h3 class="faq-q">¿Atienden casos de empresas y pymes también?</h3><p class="faq-a">Sí. Asesoramos a empleadores en contrataciones, finiquitos, reglamentos internos, despidos y prevención de demandas. Contáctanos indicando que eres empleador.</p></div>
<div class="faq-item"><h3 class="faq-q">¿Cuánto demora un juicio laboral en Chile?</h3><p class="faq-a">Los Juzgados del Trabajo tienen procedimientos orales y concentrados. Un juicio puede resolverse en 6 a 18 meses dependiendo del tribunal y la complejidad del caso. Muchos casos se resuelven antes, en audiencia de conciliación.</p></div>
</div>
<div
class="inline-cta inline-cta--green"
style="margin-top:48px">
<div><p class="inline-cta__text">¿Tu pregunta no está aquí?</p><p class="inline-cta__sub">Escríbenos hoy y te respondemos sin costo.</p></div>
<a
href="https://wa.me/56999398155?text=Hola,%20tengo%20una%20pregunta%20laboral"
class="btn btn-green btn-sm" target="_blank"
rel="noopener noreferrer">Preguntar por WhatsApp →</a>
</div>
</div>
</section>
<!--
BLOG -->
<section
class="s-white" id="blog"
aria-labelledby="blog-title">
<div
class="container">
<div
class="sec-head">
<p
class="eyebrow">Blog laboral</p>
<h2 id="blog-title">Lo que todo trabajador debería saber</h2>
</div>
<div
class="blog-grid">
<a
href="/blog/despido-injustificado-chile"
class="blog-card">
<p
class="blog-card__tag">Despido</p>
<h3 class="blog-card__title">Me despidieron: qué hago primero y cuánto tiempo tengo</h3>
<p class="blog-card__body">El despido tiene consecuencias económicas y plazos que no puedes ignorar. Te explicamos qué hacer en los primeros días.</p>
<span class="blog-card__link">Leer artículo →</span>
</a>
<a
href="/blog/finiquito-como-revisar" class="blog-card">
<p
class="blog-card__tag">Finiquito</p>
<h3 class="blog-card__title">Cómo revisar tu finiquito antes de firmarlo (y qué buscar)</h3>
<p class="blog-card__body">El finiquito tiene conceptos específicos que deben estar incluidos. Firmarlo mal puede significar perder dinero.</p>
<span class="blog-card__link">Leer artículo →</span>
</a>
<a href="/blog/autodespido-cuando-aplica" class="blog-card">
<p
class="blog-card__tag">Autodespido</p>
<h3 class="blog-card__title">¿Cuándo puedes renunciar y exigir indemnización? El autodespido explicado</h3>
<p class="blog-card__body">Si tu empleador incumple la ley, puedes renunciar con derecho a indemnización. Así funciona el despido indirecto en Chile.</p>
<span class="blog-card__link">Leer artículo →</span>
</a>
</div>
<div
style="text-align:center;margin-top:40px">
<a href="/blog" class="btn btn-outline">Ver todos los artículos →</a>
</div>
</div>
</section>
</div><!--
/page-home -->
<!-- ════════════════════════════════════════════
SERVICIO NAV (servicios interiores)
════════════════════════════════════════════ -->
<div
class="svc-nav" id="servicios-nav"
style="display:none" role="navigation"
aria-label="Páginas de servicio">
<div
class="svc-nav__inner">
<button
class="svc-tab"
onclick="showPage('despido',this)">Despido
injustificado</button>
<button
class="svc-tab"
onclick="showPage('accidente',this)">Accidentes del
trabajo</button>
<button
class="svc-tab" onclick="showPage('acoso',this)">Acoso y
discriminación</button>
<button
class="svc-tab"
onclick="showPage('contratos',this)">Contratos y
remuneraciones</button>
<button
class="svc-tab"
onclick="showPage('autodespido',this)">Autodespido</button>
</div>
</div>
<!-- ════════════════════════════════════════════
PÁGINA 1: DESPIDO INJUSTIFICADO Y
FINIQUITO
════════════════════════════════════════════ -->
<div
id="page-despido" class="page">
<div
class="urgency-band">
<div
class="urgency-band__inner">
<div
class="urgency-band__icon"><svg viewBox="0 0 16 16"
fill="none" stroke="white" stroke-width="2"
stroke-linecap="round"><path d="M8 3v5l3
3"/><circle cx="8" cy="8"
r="6.5"/></svg></div>
<p class="urgency-band__text"><strong>Plazo legal:</strong> tienes <strong>60 días hábiles</strong> desde el despido para ejercer acciones legales. El plazo puede estar corriendo desde hoy. No firmes el finiquito sin revisarlo primero.</p>
<a href="#form-despido" class="btn btn-blue btn-sm">Revisar mi caso →</a>
</div>
</div>
<section class="page-hero" aria-labelledby="h1-despido">
<div
class="page-hero__bg" aria-hidden="true"></div>
<div
class="page-hero__inner">
<div>
<p class="page-hero__kicker">Despido injustificado · Chile</p>
<h1 class="page-hero__h1" id="h1-despido">Te despidieron.<br><em>¿La causa fue real o inventada?</em></h1>
<p class="page-hero__sub">En Chile, el empleador puede despedir — pero debe hacerlo con causa legal válida y pagarte lo que corresponde. Si la causal fue falsa, abusiva o no se pagó bien, tienes derecho a reclamar.</p>
<div
class="page-hero__actions">
<a
href="#form-despido" class="btn btn-white
btn-lg">Revisar mi finiquito gratis →</a>
<a
href="https://wa.me/56999398155?text=Hola,%20me%20despidieron%20y%20quiero%20consultar"
class="btn btn-ghost-white" target="_blank"
rel="noopener noreferrer">WhatsApp directo</a>
</div>
<div
class="page-hero__alert">
<span
class="page-hero__alert-dot"
aria-hidden="true"></span>
<p><strong>Antes de firmar cualquier finiquito</strong>, revísalo con nosotros. Una vez firmado correctamente, es difícil impugnarlo. La revisión es gratuita y te decimos si las cifras son correctas.</p>
</div>
</div>
<div
class="hero-form" id="form-despido">
<p class="hero-form__title">Revisa tu caso hoy</p>
<p class="hero-form__sub">Gratis · Sin compromiso · Respuesta hoy</p>
<form
name="contacto" method="POST"
data-netlify="true">
<input
type="hidden" name="form-name"
value="contacto"><input type="text"
name="nombre" placeholder="Tu nombre" required><input
type="email" name="email" placeholder="Tu correo"
required><input type="tel" name="telefono"
placeholder="Teléfono (opcional)">
<textarea name="mensaje" rows="3"
placeholder='Ej: "Me despidieron el lunes por necesidades de la empresa. ¿Es
válido?"'></textarea>
<input
type="hidden" name="_subject" value="Consulta -
Despido injustificado">
<button
type="submit" class="btn btn-blue btn-full"
style="margin-top:4px;font-size:15px;padding:14px">Enviar — te
respondo hoy →</button>
</form>
<p class="hero-form__note">Respondemos el mismo día en horario hábil.</p>
</div>
</div>
<div
class="page-hero__wave" aria-hidden="true"></div>
</section>
<section
class="s-white">
<div
class="container">
<div
class="two-col--wide">
<div>
<p class="eyebrow">Qué dice la ley</p>
<h2 style="font-family:var(--serif);font-size:clamp(24px,2.8vw,36px);font-weight:500;line-height:1.2;margin-bottom:16px">No todo despido es válido. Hay causas que la ley exige.</h2>
<p style="font-size:15.5px;color:var(--ink-2);line-height:1.8;margin-bottom:16px">El Código del Trabajo establece causales taxativas para el despido. Si el empleador invoca una causa que no es real, aplica una indemnización adicional del 50% al 80% sobre la indemnización por años de servicio. En algunos casos se puede pedir la nulidad del despido y la reincorporación.</p>
<p style="font-size:15.5px;color:var(--ink-2);line-height:1.8;margin-bottom:24px">Si el despido fue por <button onclick="showPage('acoso')" style="background:none;border:none;color:var(--blue);font-weight:600;cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit">discriminación o acoso</button>, aplican además las protecciones de la tutela laboral, que puede incluir reparación adicional y sanción al empleador.</p>
<h3
style="font-family:var(--serif);font-size:20px;font-weight:500;margin-bottom:14px">¿Cuándo
puedes reclamar más?</h3>
<ul
class="checklist">
<li><div
class="check-icon check-icon--green"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>La
causal invocada fue falsa o no se probó (despido improcedente): indemnización
aumentada en 30%–80%.</span></li>
<li><div class="check-icon check-icon--green"><svg viewBox="0 0 10 10" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round"><polyline points="2,5 4,7 8,3"/></svg></div><span>El empleador no pagó correctamente las cotizaciones: nulidad del despido y obligación de pagar hasta que se corrija.</span></li>
<li><div class="check-icon check-icon--green"><svg viewBox="0 0 10 10" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round"><polyline points="2,5 4,7 8,3"/></svg></div><span>El despido fue motivado por discriminación, denuncia o ejercicio de derechos: tutela laboral con reparación adicional.</span></li>
<li><div class="check-icon check-icon--green"><svg viewBox="0 0 10 10" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round"><polyline points="2,5 4,7 8,3"/></svg></div><span>El finiquito tiene errores en los cálculos o falta el pago de conceptos que corresponden (feriados, horas extras, bonos).</span></li>
</ul>
<div
class="inline-cta" style="margin-top:32px">
<div><p class="inline-cta__text">¿Tu despido encaja en alguno de estos casos?</p><p class="inline-cta__sub">Actuar a tiempo es determinante. Revísalo hoy sin costo.</p></div>
<a href="#form-despido" class="btn btn-blue btn-sm">Revisar mi caso →</a>
</div>
</div>
<div>
<div
class="aside-card">
<p class="aside-card__title">Qué le corresponde al trabajador despedido</p>
<div class="aside-card__item"><p class="aside-card__label">Indemnización por años de servicio</p><p class="aside-card__text">Un mes de remuneración por cada año trabajado (o fracción superior a 6 meses), desde el segundo año.</p></div>
<div class="aside-card__item"><p class="aside-card__label">Indemnización sustitutiva del aviso previo</p><p class="aside-card__text">Si no te avisaron con 30 días de anticipación, te deben pagar un mes adicional.</p></div>
<div class="aside-card__item"><p class="aside-card__label">Feriado proporcional</p><p class="aside-card__text">Los días de vacaciones acumuladas que no usaste deben pagarse al liquidar.</p></div>
<div class="aside-card__item" style="margin-bottom:22px"><p class="aside-card__label">Plazo para reclamar</p><p class="aside-card__text"><strong style="color:rgba(255,255,255,0.9);font-size:22px;font-family:var(--serif)">60</strong> días hábiles desde el despido para la mayoría de las acciones.</p></div>
<a href="#form-despido" class="btn btn-white btn-full">Revisar si me pagaron bien →</a>
</div>
</div>
</div>
</div>
</section>
<section
class="s-gray">
<div
class="container">
<div class="sec-head"><p class="eyebrow">El finiquito</p><h2 style="font-family:var(--serif);font-size:clamp(24px,2.8vw,36px);font-weight:500;line-height:1.2;margin-bottom:14px">Antes de firmar, revísalo. Una vez firmado, es difícil impugnarlo.</h2></div>
<div class="two-col">
<div>
<p style="font-size:15px;color:var(--ink-2);line-height:1.85;margin-bottom:16px">El finiquito es el documento que liquida la relación laboral. Incluye todos los conceptos que el empleador te paga al terminar el contrato. Si está mal calculado o faltan conceptos, puedes reclamar — pero es más difícil después de firmarlo.</p>
<h3
style="font-family:var(--serif);font-size:19px;font-weight:500;margin-bottom:12px">Qué
debe incluir siempre</h3>
<ul
class="checklist">
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Indemnización
por años de servicio calculada sobre la remuneración
real.</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Aviso
previo o pago sustitutivo si no hubo.</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Feriado
proporcional por vacaciones no usadas.</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Remuneraciones
pendientes del último mes.</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Bonos y
comisiones devengadas no pagadas.</span></li>
</ul>
<div
class="alert alert--red" style="margin-top:24px">
<div
class="alert__icon alert__icon--red"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><line
x1="2" y1="2" x2="8"
y2="8"/><line x1="8" y1="2"
x2="2" y2="8"/></svg></div>
<p class="alert__text"><strong>No firmes bajo presión.</strong> Tienes derecho a llevar el finiquito a un inspector del trabajo o a un abogado antes de firmarlo. El empleador no puede obligarte a firmarlo en el momento.</p>
</div>
</div>
<div>
<div class="pull-quote">"Muchos trabajadores firman el finiquito sin revisar los cálculos. En promedio, un 30% de los finiquitos tiene errores que el trabajador no detectó."</div>
<a
href="#form-despido" class="btn btn-blue btn-full"
style="margin-top:0">Revisar mi finiquito gratis →</a>
<p
style="font-size:12.5px;color:var(--ink-3);margin-top:10px;text-align:center">Respondemos
hoy. Sin compromiso.</p>
</div>
</div>
</div>
</section>
<section
style="padding:0 0 72px;background:var(--gray-50)">
<div
class="container">
<div class="closing-block">
<p class="closing-block__text">Si te despidieron hace menos de 60 días hábiles, <strong>el plazo para reclamar puede estar corriendo</strong>. Revisamos tu finiquito hoy sin costo y te decimos si las cifras son correctas y si tienes fundamento para reclamar más.</p>
<div
class="closing-block__actions"><a
href="#form-despido" class="btn btn-blue">Revisar mi
caso →</a><a href="https://wa.me/56999398155?text=Hola,%20me%20despidieron%20y%20quiero%20consultar"
class="btn btn-outline" target="_blank" rel="noopener
noreferrer">WhatsApp</a></div>
</div>
<p
style="font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink);margin-bottom:22px">Situaciones
relacionadas</p>
<div
class="related-grid">
<div
class="related-card related-card--primary"
onclick="showPage('autodespido')">
<span
class="related-card__badge">Más relevante si
renunciaste</span>
<p
class="related-card__tag"
style="margin-top:16px">Autodespido</p>
<p class="related-card__title">Si renunciaste por incumplimientos del empleador, puedes exigir las mismas indemnizaciones que si te hubieran despedido.</p>
<p class="related-card__body">El autodespido aplica cuando el empleador incumple obligaciones graves. En muchos casos no hay segunda oportunidad para ejercerlo.</p>
<span
class="related-card__link">Ver autodespido →</span>
</div>
<div
class="related-card" onclick="showPage('acoso')">
<p class="related-card__tag">Acoso y discriminación</p>
<p class="related-card__title">¿El despido fue motivado por acoso, represalia o discriminación?</p>
<p class="related-card__body">En ese caso aplica la tutela de derechos fundamentales, que incluye reparación adicional y sanción al empleador.</p>
<span
class="related-card__link">Ver acoso laboral →</span>
</div>
<div
class="related-card" onclick="showPage('contratos')">
<p class="related-card__tag">Contratos y remuneraciones</p>
<p class="related-card__title">¿Había pagos pendientes antes del despido que no están en el finiquito?</p>
<p class="related-card__body">Horas extras, bonos o sueldos atrasados deben incluirse en el finiquito. Si faltan, puedes reclamarlos.</p>
<span class="related-card__link">Ver contratos →</span>
</div>
</div>
</div>
</section>
</div>
<!-- ════════════════════════════════════════════
PÁGINA 2: ACCIDENTES DEL TRABAJO
════════════════════════════════════════════ -->
<div
id="page-accidente" class="page">
<div
class="urgency-band urgency-band--amber">
<div
class="urgency-band__inner">
<div
class="urgency-band__icon"><svg viewBox="0 0 16 16"
fill="none" stroke="white" stroke-width="2"
stroke-linecap="round"><path d="M8 3v5l3
3"/><circle cx="8" cy="8"
r="6.5"/></svg></div>
<p class="urgency-band__text">Los accidentes del trabajo tienen <strong>plazos para denunciar y reclamar</strong>. Si no actuaste todavía, hazlo hoy. Las prestaciones médicas y los derechos de indemnización dependen de la calificación del accidente.</p>
<a
href="#form-accidente" class="btn btn-blue
btn-sm">Consultar hoy →</a>
</div>
</div>
<section
class="page-hero" aria-labelledby="h1-accidente">
<div
class="page-hero__bg" aria-hidden="true"></div>
<div
class="page-hero__inner">
<div>
<p class="page-hero__kicker">Accidentes del trabajo · Chile</p>
<h1 class="page-hero__h1" id="h1-accidente">Tuviste un accidente en el trabajo.<br><em>El seguro no siempre cubre todo.</em></h1>
<p class="page-hero__sub">Más allá de la mutualidad, puede existir responsabilidad directa del empleador si el accidente ocurrió por negligencia, falta de protección o incumplimiento de normas de seguridad.</p>
<div
class="page-hero__actions">
<a
href="#form-accidente" class="btn btn-white
btn-lg">Evaluar mi caso gratis →</a>
<a
href="https://wa.me/56999398155?text=Hola,%20tuve%20un%20accidente%20del%20trabajo%20y%20quiero%20consultar"
class="btn btn-ghost-white" target="_blank"
rel="noopener noreferrer">WhatsApp directo</a>
</div>
<div
class="page-hero__alert">
<span
class="page-hero__alert-dot"
aria-hidden="true"></span>
<p>Si hubo negligencia del empleador, <strong>puedes reclamar indemnización adicional</strong> más allá de lo que cubre la mutualidad. Esto lo decide el Juzgado del Trabajo — y tiene plazos.</p>
</div>
</div>
<div
class="hero-form" id="form-accidente">
<p
class="hero-form__title">Cuéntanos qué pasó</p>
<p
class="hero-form__sub">Gratis · Confidencial · Respuesta
hoy</p>
<form
name="contacto" method="POST"
data-netlify="true">
<input
type="hidden" name="form-name"
value="contacto">
<input
type="text" name="nombre" placeholder="Tu nombre"
required><input type="email" name="email"
placeholder="Tu correo" required><input type="tel"
name="telefono" placeholder="Teléfono (opcional)">
<textarea name="mensaje" rows="3" placeholder='Ej: "Me caí en la obra. La empresa dice que fue culpa mía pero no había señalización."'></textarea>
<input
type="hidden" name="_subject" value="Consulta -
Accidente del trabajo">
<button
type="submit" class="btn btn-blue btn-full"
style="margin-top:4px;font-size:15px;padding:14px">Enviar — te
respondo hoy →</button>
</form>
<p class="hero-form__note">Respondemos el mismo día. Sin compromiso.</p>
</div>
</div>
<div
class="page-hero__wave" aria-hidden="true"></div>
</section>
<section
class="s-white">
<div
class="container">
<div
class="two-col--wide">
<div>
<p class="eyebrow">Más allá de la mutualidad</p>
<h2 style="font-family:var(--serif);font-size:clamp(24px,2.8vw,36px);font-weight:500;line-height:1.2;margin-bottom:16px">El seguro cubre lo básico. La responsabilidad del empleador puede ir mucho más lejos.</h2>
<p style="font-size:15.5px;color:var(--ink-2);line-height:1.8;margin-bottom:16px">La Ley 16.744 establece un seguro obligatorio de accidentes del trabajo. Pero ese seguro tiene límites. Si el accidente ocurrió porque el empleador no tomó las medidas de seguridad exigidas por la ley, puede existir una responsabilidad adicional que el empleador debe responder.</p>
<p style="font-size:15.5px;color:var(--ink-2);line-height:1.8;margin-bottom:24px">Eso incluye daño moral, lucro cesante y daño emergente — conceptos que la mutualidad no cubre. Si tienes secuelas permanentes o el accidente afectó tu capacidad de trabajo, el impacto económico puede ser significativo.</p>
<h3 style="font-family:var(--serif);font-size:19px;font-weight:500;margin-bottom:12px">¿Cuándo hay responsabilidad del empleador?</h3>
<ul
class="checklist">
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Falta o
deficiencia de equipos de protección personal (EPP).</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Incumplimiento
del reglamento de higiene y seguridad.</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>No
reportar el accidente en el plazo legal o intentar ocultar la relación
laboral.</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Ambientes
de trabajo con riesgos no señalizados o mal
gestionados.</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>No
contar con los protocolos de seguridad exigidos por la ley o la SEREMI de
Salud.</span></li>
</ul>
<div class="inline-cta" style="margin-top:32px"><div><p class="inline-cta__text">¿Tu accidente encaja en alguna de estas situaciones?</p><p class="inline-cta__sub">Evaluamos tu caso hoy sin costo.</p></div><a href="#form-accidente" class="btn btn-blue btn-sm">Evaluar mi caso →</a></div>
</div>
<div>
<div
class="aside-card">
<p class="aside-card__title">Qué derechos tienes tras un accidente del trabajo</p>
<div class="aside-card__item"><p class="aside-card__label">Atención médica gratuita</p><p class="aside-card__text">La mutualidad (ACHS, Mutual de Seguridad, IST) debe cubrir toda la atención médica relacionada con el accidente.</p></div>
<div class="aside-card__item"><p class="aside-card__label">Subsidio por incapacidad</p><p class="aside-card__text">Mientras no puedas trabajar, tienes derecho a un subsidio equivalente al 100% de tu remuneración.</p></div>
<div class="aside-card__item"><p class="aside-card__label">Indemnización por invalidez</p><p class="aside-card__text">Si quedas con incapacidad permanente, tienes derecho a una pensión de invalidez calculada según el porcentaje de incapacidad.</p></div>
<div class="aside-card__item" style="margin-bottom:22px"><p class="aside-card__label">Demanda al empleador</p><p class="aside-card__text">Si hubo negligencia, puedes demandar al empleador por daño moral, lucro cesante y daño emergente — adicional al seguro.</p></div>
<a
href="#form-accidente" class="btn btn-white
btn-full">Consultar mis derechos →</a>
</div>
</div>
</div>
</div>
</section>
<section
style="padding:0 0 72px;background:var(--white)">
<div
class="container">
<div
class="closing-block closing-block--green">
<p class="closing-block__text">Si tuviste un accidente del trabajo y no estás seguro de que se te esté pagando todo lo que corresponde, <strong>actuar a tiempo es determinante</strong>. Las prestaciones y las acciones legales tienen plazos. La evaluación es gratuita.</p>
<div
class="closing-block__actions"><a
href="#form-accidente" class="btn btn-green">Evaluar mi
caso →</a><a href="https://wa.me/56999398155?text=Hola,%20tuve%20un%20accidente%20del%20trabajo%20y%20quiero%20consultar"
class="btn btn-outline" target="_blank" rel="noopener
noreferrer">WhatsApp</a></div>
</div>
<p
style="font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink);margin-bottom:22px">Situaciones
relacionadas</p>
<div
class="related-grid">
<div
class="related-card related-card--primary"
onclick="showPage('contratos')">
<span class="related-card__badge">Más relevante si hay sueldos pendientes</span>
<p
class="related-card__tag"
style="margin-top:16px">Contratos y remuneraciones</p>
<p class="related-card__title">¿Tu empleador dejó de pagarte el sueldo durante la incapacidad o no tenías contrato escrito?</p>
<p class="related-card__body">La relación laboral y los pagos pendientes son relevantes para determinar el subsidio y el monto de una demanda.</p>
<span
class="related-card__link">Ver contratos y remuneraciones
→</span>
</div>
<div
class="related-card" onclick="showPage('despido')">
<p
class="related-card__tag">Despido injustificado</p>
<p class="related-card__title">¿Te despidieron después del accidente o durante tu licencia médica?</p>
<p class="related-card__body">Despedir a un trabajador durante una licencia médica por accidente del trabajo tiene consecuencias legales graves para el empleador.</p>
<span
class="related-card__link">Ver despido →</span>
</div>
<div
class="related-card" onclick="showPage('acoso')">
<p class="related-card__tag">Acoso y discriminación</p>
<p class="related-card__title">¿El ambiente de trabajo era hostil o te presionaban para no reportar el accidente?</p>
<p class="related-card__body">La presión para no denunciar un accidente puede constituir acoso laboral y da origen a acciones adicionales.</p>
<span
class="related-card__link">Ver acoso laboral →</span>
</div>
</div>
</div>
</section>
</div>
<!-- ════════════════════════════════════════════
PÁGINA 3: ACOSO Y DISCRIMINACIÓN
════════════════════════════════════════════ -->
<div
id="page-acoso" class="page">
<div
class="urgency-band">
<div
class="urgency-band__inner">
<div
class="urgency-band__icon"><svg viewBox="0 0 16 16"
fill="none" stroke="white" stroke-width="2"
stroke-linecap="round"><path d="M8 3v5l3
3"/><circle cx="8" cy="8"
r="6.5"/></svg></div>
<p class="urgency-band__text">El acoso laboral tiene mecanismos de denuncia con <strong>plazos específicos</strong>. Si no actúas, la situación escala. Cuanto antes actúes, más opciones tienes disponibles.</p>
<a href="#form-acoso" class="btn btn-blue btn-sm">Revisar mi situación →</a>
</div>
</div>
<section class="page-hero" aria-labelledby="h1-acoso">
<div
class="page-hero__bg" aria-hidden="true"></div>
<div
class="page-hero__inner">
<div>
<p class="page-hero__kicker">Acoso laboral · Discriminación · Chile</p>
<h1 class="page-hero__h1" id="h1-acoso">Lo que vives en el trabajo<br><em>tiene nombre legal.</em></h1>
<p class="page-hero__sub">El acoso laboral y la discriminación están tipificados en la ley chilena. No tienes que aguantarlo ni esperar a que empeore. Tienes herramientas legales para detenerlo y en muchos casos para exigir reparación.</p>
<div
class="page-hero__actions">
<a
href="#form-acoso" class="btn btn-white btn-lg">Revisar
mi situación gratis →</a>
<a
href="https://wa.me/56999398155?text=Hola,%20sufro%20acoso%20laboral%20y%20quiero%20consultar"
class="btn btn-ghost-white" target="_blank"
rel="noopener noreferrer">WhatsApp directo</a>
</div>
<div
class="page-hero__alert">
<span
class="page-hero__alert-dot"
aria-hidden="true"></span>
<p>Consulta <strong>confidencial</strong>. Si no actúas, el acoso escala. La evaluación es gratuita y te decimos qué opciones tienes según tu situación.</p>
</div>
</div>
<div
class="hero-form" id="form-acoso">
<p class="hero-form__title">Cuéntanos tu situación</p>
<p
class="hero-form__sub">Gratis · Confidencial · Sin
compromiso</p>
<form
name="contacto" method="POST"
data-netlify="true">
<input
type="hidden" name="form-name"
value="contacto">
<input
type="text" name="nombre" placeholder="Tu nombre"
required><input type="email" name="email"
placeholder="Tu correo" required><input type="tel"
name="telefono" placeholder="Teléfono (opcional)">
<textarea name="mensaje" rows="3" placeholder='Ej: "Mi jefa me aísla y me humilla delante de mis compañeros desde hace meses."'></textarea>
<input
type="hidden" name="_subject" value="Consulta - Acoso
laboral">
<button
type="submit" class="btn btn-blue btn-full"
style="margin-top:4px;font-size:15px;padding:14px">Enviar — te
respondo hoy →</button>
</form>
<p class="hero-form__note">Consulta confidencial. Respondemos hoy.</p>
</div>
</div>
<div
class="page-hero__wave" aria-hidden="true"></div>
</section>
<section
class="s-white">
<div
class="container">
<div
class="two-col--wide">
<div>
<p class="eyebrow">Qué es acoso laboral</p>
<h2 style="font-family:var(--serif);font-size:clamp(24px,2.8vw,36px);font-weight:500;line-height:1.2;margin-bottom:16px">Si es reiterado, te daña y ocurre en el trabajo: la ley lo define como acoso.</h2>
<p style="font-size:15.5px;color:var(--ink-2);line-height:1.8;margin-bottom:16px">La Ley 20.607 define el acoso laboral como toda conducta que constituya agresión u hostigamiento reiterado que atente contra tu dignidad, integridad psíquica o física. No necesita ser violencia física: puede ser verbal, psicológica o social.</p>
<p style="font-size:15.5px;color:var(--ink-2);line-height:1.8;margin-bottom:24px">Si el acoso deriva en condiciones insostenibles de trabajo, puede además justificar un <button onclick="showPage('autodespido')" style="background:none;border:none;color:var(--blue);font-weight:600;cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit">autodespido</button> con derecho a las mismas indemnizaciones que un despido injustificado.</p>
<h3
style="font-family:var(--serif);font-size:19px;font-weight:500;margin-bottom:12px">Conductas
que pueden ser acoso</h3>
<ul
class="checklist">
<li><div class="check-icon check-icon--blue"><svg viewBox="0 0 10 10" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round"><polyline points="2,5 4,7 8,3"/></svg></div><span>Aislamiento: excluirte de reuniones, comunicaciones o decisiones sin justificación. <em>Si este es tu caso, el siguiente paso es documentarlo con fecha y testigos.</em></span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Tareas
degradantes o manifiestamente inferiores a tu cargo
habitual.</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Humillaciones,
gritos o descalificaciones reiteradas frente a
compañeros.</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Represalias
por denunciar irregularidades o ejercer derechos
sindicales.</span></li>
<li><div
class="check-icon check-icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Acoso
sexual: conductas de naturaleza sexual no deseadas que afecten tu
dignidad.</span></li>
</ul>
<div
class="alert alert--red" style="margin-top:24px">
<div
class="alert__icon alert__icon--red"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><line
x1="2" y1="2" x2="8"
y2="8"/><line x1="8" y1="2"
x2="2" y2="8"/></svg></div>
<p class="alert__text"><strong>Si no actúas, el acoso escala.</strong> La inacción también puede ser interpretada como tolerancia. Cuanto antes actúes, más contundente es el caso y más opciones tienes disponibles.</p>
</div>
<div class="inline-cta" style="margin-top:32px"><div><p class="inline-cta__text">¿Te reconoces en alguna de estas situaciones?</p><p class="inline-cta__sub">Evaluación confidencial y gratuita. Respondemos hoy.</p></div><a href="#form-acoso" class="btn btn-blue btn-sm">Revisar mi situación →</a></div>
</div>
<div>
<div
class="aside-card">
<p
class="aside-card__title">Mecanismos disponibles</p>
<div class="aside-card__item"><p class="aside-card__label">Denuncia interna</p><p class="aside-card__text">Las empresas deben tener protocolos de acoso. La denuncia interna activa una investigación y puede derivar en sanciones al acosador.</p></div>
<div class="aside-card__item"><p class="aside-card__label">Denuncia a la Inspección del Trabajo</p><p class="aside-card__text">La Dirección del Trabajo puede fiscalizar y multar al empleador. Es una vía rápida y sin costo.</p></div>
<div class="aside-card__item"><p class="aside-card__label">Tutela de derechos fundamentales</p><p class="aside-card__text">Procedimiento urgente ante el Juzgado del Trabajo. Puede incluir reparación económica y sanción al empleador. Tiene plazos.</p></div>
<div class="aside-card__item" style="margin-bottom:22px"><p class="aside-card__label">Autodespido</p><p class="aside-card__text">Si el acoso hace imposible continuar trabajando, puedes renunciar y reclamar indemnizaciones como si te hubieran despedido.</p></div>
<a href="#form-acoso" class="btn btn-white btn-full">Consultar qué aplica a mi caso →</a>
</div>
</div>
</div>
</div>
</section>
<section
style="padding:0 0 72px;background:var(--white)">
<div
class="container">
<div class="closing-block">
<p class="closing-block__text">Si tu situación es similar a la descrita, es importante actuar antes de que el acoso escale. <strong>La inacción no detiene el acoso — lo sostiene.</strong> La evaluación es confidencial y gratuita.</p>
<div
class="closing-block__actions"><a href="#form-acoso"
class="btn btn-blue">Revisar mi situación →</a><a
href="https://wa.me/56999398155?text=Hola,%20sufro%20acoso%20laboral%20y%20quiero%20consultar"
class="btn btn-outline" target="_blank" rel="noopener
noreferrer">WhatsApp</a></div>
</div>
<p
style="font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink);margin-bottom:22px">Situaciones
relacionadas</p>
<div
class="related-grid">
<div
class="related-card related-card--primary"
onclick="showPage('autodespido')">
<span
class="related-card__badge">Más relevante si quieres
salir</span>
<p
class="related-card__tag"
style="margin-top:16px">Autodespido</p>
<p class="related-card__title">Si el acoso hace insostenible continuar en el trabajo, puedes renunciar y reclamar las mismas indemnizaciones que un despido.</p>
<p class="related-card__body">El autodespido es la vía legal cuando el empleador crea condiciones intolerables. Tiene plazos y requiere documentación adecuada.</p>
<span class="related-card__link">Ver autodespido →</span>
</div>
<div
class="related-card" onclick="showPage('despido')">
<p
class="related-card__tag">Despido injustificado</p>
<p class="related-card__title">¿Te despidieron como represalia por denunciar el acoso?</p>
<p class="related-card__body">Un despido motivado por una denuncia de acoso es impugnable y puede incluir reparación adicional.</p>
<span
class="related-card__link">Ver despido →</span>
</div>
<div
class="related-card" onclick="showPage('contratos')">
<p class="related-card__tag">Contratos y remuneraciones</p>
<p class="related-card__title">¿El acoso incluyó cambio de funciones, reducción de sueldo o condiciones de trabajo?</p>
<p class="related-card__body">Las modificaciones unilaterales del contrato pueden ser ilegales y abrir vías adicionales de reclamación.</p>
<span
class="related-card__link">Ver contratos →</span>
</div>
</div>
</div>
</section>
</div>
<!-- ════════════════════════════════════════════
PÁGINA 4: CONTRATOS Y REMUNERACIONES
════════════════════════════════════════════ -->
<div
id="page-contratos" class="page">
<div
class="urgency-band urgency-band--blue">
<div
class="urgency-band__inner">
<div
class="urgency-band__icon"><svg viewBox="0 0 16 16"
fill="none" stroke="white" stroke-width="2"
stroke-linecap="round"><path d="M8 3v5l3
3"/><circle cx="8" cy="8"
r="6.5"/></svg></div>
<p class="urgency-band__text">Los incumplimientos de remuneración son acumulativos. <strong>Cada mes que pasa sin reclamar suma tiempo y suma deuda.</strong> Actúa antes de que prescriban las acciones.</p>
<a
href="#form-contratos" class="btn btn-blue
btn-sm">Consultar hoy →</a>
</div>
</div>
<section
class="page-hero" aria-labelledby="h1-contratos">
<div
class="page-hero__bg" aria-hidden="true"></div>
<div
class="page-hero__inner">
<div>
<p class="page-hero__kicker">Contratos · Remuneraciones · Chile</p>
<h1 class="page-hero__h1" id="h1-contratos">Tu sueldo, tus horas y tu contrato<br><em>tienen protección legal.</em></h1>
<p class="page-hero__sub">Aunque hayas firmado algo distinto, la ley laboral tiene límites que el empleador no puede cruzar. Sueldos atrasados, horas extras no pagadas y cláusulas abusivas tienen solución.</p>
<div
class="page-hero__actions">
<a
href="#form-contratos" class="btn btn-white
btn-lg">Revisar mi contrato gratis →</a>
<a
href="https://wa.me/56999398155?text=Hola,%20tengo%20problemas%20con%20mi%20contrato%20o%20sueldo%20y%20quiero%20consultar"
class="btn btn-ghost-white" target="_blank"
rel="noopener noreferrer">WhatsApp directo</a>
</div>
<div
class="page-hero__alert">
<span
class="page-hero__alert-dot"
aria-hidden="true"></span>
<p>Si tu empleador acumula incumplimientos graves, puede justificar un <strong>autodespido con derecho a indemnización</strong>. El plazo para ejercerlo puede estar corriendo.</p>
</div>
</div>
<div
class="hero-form" id="form-contratos">
<p class="hero-form__title">Cuéntanos tu situación</p>
<p class="hero-form__sub">Gratis · Respuesta hoy · Sin compromiso</p>
<form
name="contacto" method="POST"
data-netlify="true">
<input
type="hidden" name="form-name"
value="contacto">
<input
type="text" name="nombre" placeholder="Tu nombre"
required><input type="email" name="email"
placeholder="Tu correo" required><input type="tel"
name="telefono" placeholder="Teléfono (opcional)">
<textarea name="mensaje" rows="3" placeholder='Ej: "Llevo 3 meses con el sueldo atrasado y me descuentan horas que no falté."'></textarea>
<input
type="hidden" name="_subject" value="Consulta -
Contratos y remuneraciones">
<button
type="submit" class="btn btn-blue btn-full"
style="margin-top:4px;font-size:15px;padding:14px">Enviar — te
respondo hoy →</button>
</form>
<p class="hero-form__note">Respondemos hoy. Sin compromiso.</p>
</div>
</div>
<div
class="page-hero__wave" aria-hidden="true"></div>
</section>
<section
class="s-white">
<div
class="container">
<div
class="two-col">
<div>
<p class="eyebrow">Tus derechos en el contrato</p>
<h2 style="font-family:var(--serif);font-size:clamp(24px,2.8vw,36px);font-weight:500;line-height:1.2;margin-bottom:16px">Lo que firmaste tiene límites. La ley protege lo que el contrato no puede quitar.</h2>
<p style="font-size:15.5px;color:var(--ink-2);line-height:1.8;margin-bottom:24px">En Chile, los derechos laborales son irrenunciables. Aunque el contrato diga algo distinto, el empleador no puede pagarte menos del mínimo legal, no puede eliminar los recargos por horas extras, ni puede impedir que tomes tus vacaciones. Si lo hizo, puede reclamarse.</p>
<h3 style="font-family:var(--serif);font-size:19px;font-weight:500;margin-bottom:12px">Situaciones frecuentes que tienen solución</h3>
<ul
class="checklist">
<li><div
class="check-icon check-icon--green"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Sueldo
atrasado o pagado de forma incompleta más de un mes.</span></li>
<li><div
class="check-icon check-icon--green"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Horas
extras no pagadas o liquidadas sin el recargo legal del
50%.</span></li>
<li><div
class="check-icon check-icon--green"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Descuentos
indebidos no autorizados en las liquidaciones de
sueldo.</span></li>
<li><div
class="check-icon check-icon--green"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Cambio
unilateral de funciones, horario o lugar de trabajo sin
acuerdo.</span></li>
<li><div
class="check-icon check-icon--green"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7
8,3"/></svg></div><span>Cotizaciones previsionales no
pagadas al trabajador.</span></li>
<li><div
class="check-icon check-icon--green"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Vacaciones
no otorgadas o compensadas incorrectamente al término.</span></li>
</ul>
<div
class="alert alert--blue" style="margin-top:24px">
<div
class="alert__icon alert__icon--blue"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2" stroke-linecap="round"><path
d="M5 2v4M5 8v.5"/></svg></div>
<p class="alert__text">Si el incumplimiento es reiterado o grave, puede justificar un <button onclick="showPage('autodespido')" style="background:none;border:none;color:var(--blue);font-weight:600;cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit">autodespido</button> — lo que significa renunciar y reclamar las mismas indemnizaciones que si te hubieran despedido. <strong>El plazo puede estar corriendo.</strong></p>
</div>
</div>
<div>
<div class="pull-quote">"El empleador no puede pedirte que firmes una cláusula que elimina tus derechos laborales. Aunque la hayas firmado, no tiene validez."</div>
<div class="aside-card" style="margin-top:20px">
<p class="aside-card__title">Para empleadores y pymes</p>
<div class="aside-card__item"><p class="aside-card__label">Contratos correctos desde el inicio</p><p class="aside-card__text">Un contrato mal redactado puede costar mucho más que haberlo hecho bien. Te ayudamos a redactarlo o revisarlo.</p></div>
<div class="aside-card__item"><p class="aside-card__label">Reglamentos internos</p><p class="aside-card__text">Un buen reglamento interno protege a la empresa y da claridad al trabajador. Lo exige la ley desde los 5 trabajadores.</p></div>
<div class="aside-card__item" style="margin-bottom:22px"><p class="aside-card__label">Asesoría preventiva</p><p class="aside-card__text">Prevenir contingencias laborales cuesta menos que enfrentar una demanda. Revisamos tus procesos antes de que sean un problema.</p></div>
<a href="#form-contratos" class="btn btn-white btn-full">Consultar como empleador →</a>
</div>
</div>
</div>
<div class="inline-cta" style="margin-top:40px"><div><p class="inline-cta__text">¿Tu situación encaja en alguno de estos casos?</p><p class="inline-cta__sub">Evaluamos hoy sin costo. Te decimos qué opciones tienes.</p></div><a href="#form-contratos" class="btn btn-blue btn-sm">Revisar mi caso →</a></div>
</div>
</section>
<section
style="padding:0 0 72px;background:var(--white)">
<div
class="container">
<div class="closing-block">
<p class="closing-block__text">Si tu empleador acumula incumplimientos, <strong>cada mes que pasa puede reducir tus opciones</strong>. Muchas acciones por remuneraciones tienen prescripción. Consulta hoy y te decimos exactamente qué puedes reclamar.</p>
<div
class="closing-block__actions"><a
href="#form-contratos" class="btn btn-blue">Revisar mi
contrato →</a><a href="https://wa.me/56999398155?text=Hola,%20tengo%20problemas%20con%20mi%20contrato%20y%20quiero%20consultar"
class="btn btn-outline" target="_blank" rel="noopener
noreferrer">WhatsApp</a></div>
</div>
<p
style="font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink);margin-bottom:22px">Situaciones
relacionadas</p>
<div
class="related-grid">
<div
class="related-card related-card--primary"
onclick="showPage('autodespido')">
<span
class="related-card__badge">Más relevante si quieres
salir</span>
<p
class="related-card__tag"
style="margin-top:16px">Autodespido</p>
<p class="related-card__title">Si los incumplimientos son reiterados o graves, puedes renunciar y exigir las mismas indemnizaciones que un despido.</p>
<p class="related-card__body">El autodespido requiere documentar bien los incumplimientos. El plazo puede estar corriendo desde el primer incumplimiento grave.</p>
<span
class="related-card__link">Ver autodespido →</span>
</div>
<div
class="related-card" onclick="showPage('despido')">
<p
class="related-card__tag">Despido injustificado</p>
<p class="related-card__title">Si te despidieron y el finiquito no incluyó los pagos pendientes que te debían.</p>
<p class="related-card__body">Las remuneraciones adeudadas deben estar en el finiquito. Si faltan, puedes reclamarlas incluso después de firmar en algunos casos.</p>
<span
class="related-card__link">Ver despido y finiquito
→</span>
</div>
<div
class="related-card" onclick="showPage('acoso')">
<p class="related-card__tag">Acoso y discriminación</p>
<p class="related-card__title">¿El cambio de contrato o la rebaja de sueldo fue una forma de presión o represalia?</p>
<p class="related-card__body">Las modificaciones unilaterales del contrato usadas como herramienta de presión pueden ser acoso laboral.</p>
<span
class="related-card__link">Ver acoso laboral →</span>
</div>
</div>
</div>
</section>
</div>
<!-- ════════════════════════════════════════════
PÁGINA 5: AUTODESPIDO
════════════════════════════════════════════ -->
<div
id="page-autodespido" class="page">
<div
class="urgency-band">
<div
class="urgency-band__inner">
<div
class="urgency-band__icon"><svg viewBox="0 0 16 16"
fill="none" stroke="white" stroke-width="2"
stroke-linecap="round"><path d="M8 3v5l3
3"/><circle cx="8" cy="8"
r="6.5"/></svg></div>
<p class="urgency-band__text">El autodespido tiene <strong>plazos fatales</strong>. En muchos casos debes ejercerlo dentro de los 60 días hábiles desde el último incumplimiento. No esperes — el plazo puede estar corriendo.</p>
<a href="#form-autodespido" class="btn btn-blue btn-sm">Evaluar mi caso →</a>
</div>
</div>
<section
class="page-hero" aria-labelledby="h1-autodespido">
<div
class="page-hero__bg" aria-hidden="true"></div>
<div
class="page-hero__inner">
<div>
<p class="page-hero__kicker">Autodespido · Despido indirecto · Chile</p>
<h1 class="page-hero__h1" id="h1-autodespido">Renunciaste porque no podías seguir.<br><em>Eso puede darte derecho a indemnización.</em></h1>
<p class="page-hero__sub">Si tu empleador incumplió obligaciones laborales graves — no te pagó, te cambió las condiciones sin acuerdo o te sometió a un ambiente intolerable — puedes invocar el autodespido y reclamar lo mismo que si te hubieran despedido.</p>
<div
class="page-hero__actions">
<a
href="#form-autodespido" class="btn btn-white
btn-lg">Evaluar mi autodespido →</a>
<a
href="https://wa.me/56999398155?text=Hola,%20quiero%20consultar%20sobre%20autodespido"
class="btn btn-ghost-white" target="_blank"
rel="noopener noreferrer">WhatsApp directo</a>
</div>
<div
class="page-hero__alert">
<span
class="page-hero__alert-dot"
aria-hidden="true"></span>
<p>El autodespido requiere <strong>invocar la causal correcta</strong> y actuar dentro del plazo. En muchos casos no hay segunda oportunidad. La evaluación es gratuita y te decimos si aplica a tu situación.</p>
</div>
</div>
<div
class="hero-form" id="form-autodespido">
<p class="hero-form__title">¿Aplica el autodespido a tu caso?</p>
<p class="hero-form__sub">Evaluación gratuita · Respuesta hoy · Sin compromiso</p>
<form
name="contacto" method="POST"
data-netlify="true">
<input
type="hidden" name="form-name"
value="contacto">
<input
type="text" name="nombre" placeholder="Tu nombre"
required><input type="email" name="email"
placeholder="Tu correo" required><input type="tel"
name="telefono" placeholder="Teléfono (opcional)">
<textarea name="mensaje" rows="3" placeholder='Ej: "Llevo 4 meses sin sueldo y renuncié. ¿Puedo reclamar indemnización?"'></textarea>
<input type="hidden" name="_subject" value="Consulta - Autodespido">
<button
type="submit" class="btn btn-blue btn-full"
style="margin-top:4px;font-size:15px;padding:14px">Enviar — te
respondo hoy →</button>
</form>
<p class="hero-form__note">Respondemos hoy. El plazo puede estar corriendo.</p>
</div>
</div>
<div
class="page-hero__wave" aria-hidden="true"></div>
</section>
<section
class="s-white">
<div
class="container">
<div
class="two-col--wide">
<div>
<p class="eyebrow">Qué es el autodespido</p>
<h2 style="font-family:var(--serif);font-size:clamp(24px,2.8vw,36px);font-weight:500;line-height:1.2;margin-bottom:16px">No es una renuncia normal. Es un mecanismo que la ley pone a tu disposición cuando el empleador incumple.</h2>
<p style="font-size:15.5px;color:var(--ink-2);line-height:1.8;margin-bottom:16px">El artículo 171 del Código del Trabajo establece que cuando el empleador incurre en causales graves de despido — las mismas del artículo 160 — el trabajador puede poner término al contrato y demandar las mismas indemnizaciones que si lo hubieran despedido sin causa válida.</p>
<p style="font-size:15.5px;color:var(--ink-2);line-height:1.8;margin-bottom:24px">Es importante no confundirlo con una renuncia voluntaria. Si no se invoca correctamente la causal y se ejerce dentro del plazo, puede perderse el derecho. Por eso <strong>actuar a tiempo es determinante</strong>.</p>
<h3
style="font-family:var(--serif);font-size:19px;font-weight:500;margin-bottom:12px">¿Cuándo
aplica el autodespido?</h3>
<ul
class="checklist">
<li><div class="check-icon check-icon--green"><svg viewBox="0 0 10 10" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round"><polyline points="2,5 4,7 8,3"/></svg></div><span>No te pagaron el sueldo en la fecha convenida (uno o más meses). <em>Si este es tu caso, el plazo puede estar corriendo desde el último incumplimiento.</em></span></li>
<li><div
class="check-icon check-icon--green"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>El
empleador te sometió a <button onclick="showPage('acoso')"
style="background:none;border:none;color:var(--blue);font-weight:600;cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit">acoso
laboral</button> o conductas indignas reiteradas.</span></li>
<li><div
class="check-icon check-icon--green"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Cambió
unilateralmente tus funciones, horario o lugar de trabajo en términos
gravemente perjudiciales.</span></li>
<li><div
class="check-icon check-icon--green"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>No pagó
las cotizaciones previsionales en el período convenido.</span></li>
<li><div
class="check-icon check-icon--green"><svg viewBox="0 0 10
10" fill="none" stroke="white"
stroke-width="2.5" stroke-linecap="round"><polyline
points="2,5 4,7 8,3"/></svg></div><span>Incumplió
el <button onclick="showPage('contratos')"
style="background:none;border:none;color:var(--blue);font-weight:600;cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit">contrato</button>
de forma grave y reiterada en perjuicio del trabajador.</span></li>
</ul>
<div class="inline-cta" style="margin-top:32px"><div><p class="inline-cta__text">¿Ya renunciaste por alguna de estas razones?</p><p class="inline-cta__sub">Cuéntanos cuándo renunciaste y por qué. El plazo puede estar corriendo.</p></div><a href="#form-autodespido" class="btn btn-blue btn-sm">Evaluar mi autodespido →</a></div>
</div>
<div>
<div
class="aside-card">
<p class="aside-card__title">Plazos y qué puedes obtener</p>
<div class="aside-card__item"><p class="aside-card__label">Plazo para ejercerlo</p><p class="aside-card__text"><strong style="color:rgba(255,255,255,0.9);font-size:22px;font-family:var(--serif)">60</strong> días hábiles desde el incumplimiento que motiva el autodespido.</p></div>
<div class="aside-card__item"><p class="aside-card__label">Indemnización por años de servicio</p><p class="aside-card__text">Un mes de remuneración por cada año trabajado, igual que en un despido sin causa válida.</p></div>
<div class="aside-card__item"><p class="aside-card__label">Recargo adicional</p><p class="aside-card__text">Si la causal es falta de pago de remuneraciones, el juez puede aumentar la indemnización hasta en un 150%.</p></div>
<div class="aside-card__item" style="margin-bottom:22px"><p class="aside-card__label">Sueldos adeudados</p><p class="aside-card__text">Se reclaman junto con la indemnización todos los sueldos y beneficios que el empleador dejó de pagar.</p></div>
<a href="#form-autodespido" class="btn btn-white btn-full">Evaluar si aplica a mi caso →</a>
</div>
</div>
</div>
</div>
</section>
<section
style="padding:0 0 72px;background:var(--white)">
<div
class="container">
<div
class="closing-block">
<p class="closing-block__text">El autodespido tiene plazo fatal. <strong>En muchos casos no hay segunda oportunidad para ejercerlo.</strong> Si renunciaste por incumplimientos del empleador, consulta hoy — la evaluación es gratuita y te decimos exactamente si aplica y en cuánto tiempo debes actuar.</p>
<div
class="closing-block__actions"><a
href="#form-autodespido" class="btn btn-blue">Evaluar mi
autodespido →</a><a href="https://wa.me/56999398155?text=Hola,%20quiero%20consultar%20sobre%20autodespido"
class="btn btn-outline" target="_blank" rel="noopener
noreferrer">WhatsApp</a></div>
</div>
<p
style="font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink);margin-bottom:22px">Situaciones
relacionadas</p>
<div
class="related-grid">
<div
class="related-card related-card--primary"
onclick="showPage('contratos')">
<span class="related-card__badge">Más relevante si hay sueldos pendientes</span>
<p
class="related-card__tag"
style="margin-top:16px">Contratos y remuneraciones</p>
<p class="related-card__title">Si renunciaste porque no te pagaban o te cambiaron las condiciones, el autodespido por esa causal puede incluir un recargo del 150%.</p>
<p class="related-card__body">Documentar los incumplimientos correctamente es clave para que el autodespido prospere. Te ayudamos a hacerlo.</p>
<span class="related-card__link">Ver contratos y remuneraciones →</span>
</div>
<div
class="related-card" onclick="showPage('acoso')">
<p class="related-card__tag">Acoso y discriminación</p>
<p class="related-card__title">¿Renunciaste porque el ambiente de trabajo era intolerable?</p>
<p class="related-card__body">El acoso puede fundamentar el autodespido y dar origen además a acciones de tutela de derechos fundamentales.</p>
<span
class="related-card__link">Ver acoso laboral →</span>
</div>
<div
class="related-card" onclick="showPage('despido')">
<p
class="related-card__tag">Despido injustificado</p>
<p class="related-card__title">¿Te despidieron formalmente en lugar de permitirte el autodespido?</p>
<p class="related-card__body">Si el empleador te despidió para evitar el autodespido, los derechos son similares — pero la estrategia es distinta.</p>
<span
class="related-card__link">Ver despido injustificado
→</span>
</div>
</div>
</div>
</section>
</div>
<!--
FOOTER GLOBAL -->
<footer
class="footer" aria-label="Pie de página">
<div
class="footer-inner">
<div
class="footer-top">
<div>
<p
class="footer-brand-name">Centro de Defensa Laboral</p>
<p
class="footer-brand-sub">Chile · Derecho del Trabajo</p>
<p class="footer-tagline">Defensa laboral para trabajadores y empleadores en Chile. Evaluación gratuita. Respuesta el mismo día.</p>
<a href="#contacto" class="btn btn-blue btn-sm" onclick="if(document.getElementById('page-home'))showPage('home')">Consulta gratuita →</a>
</div>
<div>
<p
class="footer-col-title">Servicios</p>
<ul
class="footer-links">
<li><a
href="#" onclick="showPage('despido');return
false">Despido injustificado y finiquito</a></li>
<li><a
href="#" onclick="showPage('accidente');return
false">Accidentes del trabajo</a></li>
<li><a
href="#" onclick="showPage('acoso');return false">Acoso
y discriminación laboral</a></li>
<li><a
href="#" onclick="showPage('contratos');return
false">Contratos y remuneraciones</a></li>
<li><a
href="#" onclick="showPage('autodespido');return
false">Autodespido o despido indirecto</a></li>
<li><a
href="#" onclick="showPage('home');return
false">Asesoría para empleadores</a></li>
</ul>
</div>
<div>
<p
class="footer-col-title">Contacto</p>
<p
class="footer-contact"><strong>WhatsApp:</strong><br><a
href="https://wa.me/56999398155?text=Hola,%20necesito%20orientaci%C3%B3n%20por%20un%20problema%20laboral.%20%C2%BFMe%20pueden%20ayudar?"
target="_blank" rel="noopener noreferrer">+56 9 XXXX
XXXX</a></p>
<p
class="footer-contact"><strong>Correo:</strong><br><a
href="mailto:contacto@cdlchile.cl">contacto@cdlchile.cl</a></p>
<p
class="footer-contact"><strong>Horario:</strong><br>Lunes
a viernes, 9:00–19:00</p>
<p class="footer-contact" style="margin-top:12px;font-size:12px;color:rgba(255,255,255,0.28)">Atendemos urgencias laborales<br>el mismo día de contacto.</p>
</div>
</div>
<div
class="footer-bottom">
<p class="footer-copy">© 2026 Centro de Defensa Laboral Chile. Todos los derechos reservados.</p>
<p class="footer-note">Respuesta el mismo día · Evaluación gratuita</p>
</div>
</div>
</footer>
<!--
WHATSAPP FLOAT -->
<a
href="https://wa.me/56999398155?text=Hola,%20necesito%20orientaci%C3%B3n%20por%20un%20problema%20laboral.%20%C2%BFMe%20pueden%20ayudar?"
class="wa-float" target="_blank" rel="noopener
noreferrer" aria-label="Contactar por WhatsApp">
<svg
viewBox="0 0 24 24" fill="white"
xmlns="http://www.w3.org/2000/svg">
<path
d="M17.472
14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94
1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198
0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213
3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227
1.36.195 1.871.118.571-.085 1.758-.719
2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421
7.403h-.004a9.87 9.87 0
01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45
4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893
6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05
0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057
24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335
11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
</svg>
</a>
<script>
var PAGES = ['home','despido','accidente','acoso','contratos','autodespido'];
var SVC_PAGES = ['despido','accidente','acoso','contratos','autodespido'];
function
showPage(id, btn) {
PAGES.forEach(function(p) {
var el = document.getElementById('page-' + p);
if (el) el.classList.remove('active');
});
document.querySelectorAll('.svc-tab').forEach(function(t) {
t.classList.remove('active'); });
var target = document.getElementById('page-'
+ id);
if (target) target.classList.add('active');
var svcNav = document.getElementById('servicios-nav');
if (id === 'home') {
if (svcNav) svcNav.style.display = 'none';
} else {
if (svcNav) svcNav.style.display = 'block';
var map = {despido:0,accidente:1,acoso:2,contratos:3,autodespido:4};
var tabs =
document.querySelectorAll('.svc-tab');
if (tabs[map[id]])
tabs[map[id]].classList.add('active');
}
if (btn) { btn.classList.add('active'); }
var svcNavEl = document.getElementById('servicios-nav');
if (id !== 'home') {
var top = (svcNavEl ?
svcNavEl.getBoundingClientRect().top + window.scrollY : 0) - 66;
window.scrollTo({top: Math.max(0, top),
behavior: 'smooth'});
} else {
window.scrollTo({top: 0, behavior:
'smooth'});
}
}
document.querySelectorAll('a[href^="#"]').forEach(function(a)
{
a.addEventListener('click', function(e) {
var id = a.getAttribute('href').slice(1);
if (!id) return;
var el = document.getElementById(id);
if (el) {
e.preventDefault();
var offset = 80;
var top = el.getBoundingClientRect().top
+ window.scrollY - offset;
window.scrollTo({top: top, behavior:
'smooth'});
}
});
});
var hash =
window.location.hash.replace('#','');
if
(SVC_PAGES.indexOf(hash) > -1) showPage(hash, null);
</script>
</body>
</html>