|
|
| Línea 1: |
Línea 1: |
| __NOTOC__
| |
| <div style="font-family:'Segoe UI', Roboto, Helvetica, Arial, sans-serif; max-width:1100px; margin:0 auto; color:#444; line-height:1.6; background-color:#fcfcfc;">
| |
|
| |
|
| <div style="background: linear-gradient(160deg, #10192e 0%, #1e2a4a 100%); border-radius: 0 0 50px 50px; color:white; overflow:hidden; padding-bottom: 100px; position:relative; box-shadow: 0 4px 20px rgba(30, 42, 74, 0.2); text-align:center;">
| |
|
| |
| <div style="position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.03; background-image: radial-gradient(circle at 1px 1px, white 1px, transparent 0); background-size: 40px 40px;"></div>
| |
|
| |
| <div style="padding: 80px 20px 60px 20px; position:relative; z-index:2; max-width: 900px; margin: 0 auto;">
| |
|
| |
| <div style="display:inline-block; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.15); color:#e0e6ed; padding:6px 18px; border-radius:50px; font-size:85%; font-weight:600; letter-spacing:1.5px; margin-bottom:30px; text-transform:uppercase; backdrop-filter: blur(4px);">
| |
| ✨ Asesoría Legal 100% Online
| |
| </div>
| |
|
| |
| <h1 style="font-size:300%; font-weight:700; line-height:1.2; margin:0 auto 20px auto; color:white; letter-spacing: -0.5px; text-shadow: 0 10px 30px rgba(0,0,0,0.2);">
| |
| ¿Abogado sin salir de casa?<br>
| |
| <span style="color:#8abbf5;">Es posible y es ahora.</span>
| |
| </h1>
| |
|
| |
| <div style="font-size:125%; opacity:0.9; font-weight:300; margin:0 auto; line-height:1.6; color:#dbe4f0; max-width:700px;">
| |
| Olvídate del tráfico. En <b>Kopaitic & Asociados</b> resolvemos tu problema legal mediante Zoom y WhatsApp. Rápido, transparente y económico.
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div style="padding:0 20px; position:relative; z-index:10; margin-top: -80px; margin-bottom:80px;">
| |
| <div style="background:white; padding:40px; text-align:center; border-radius:24px; box-shadow: 0 20px 60px -10px rgba(30, 42, 74, 0.15); max-width: 850px; margin:0 auto; border: 1px solid rgba(0,0,0,0.02);">
| |
| <div style="display:flex; justify-content:center; gap:20px; flex-wrap:wrap; align-items:center;">
| |
|
| |
| [https://wa.me/56974717602 <span style="display:inline-block; background: linear-gradient(135deg, #25d366 0%, #128c7e 100%); color:white; padding:16px 35px; border-radius:12px; font-weight:700; font-size:110%; box-shadow: 0 10px 25px rgba(37, 211, 102, 0.25); text-transform:uppercase; letter-spacing:0.5px; transition: transform 0.2s;">📲 WhatsApp Inmediato</span>]
| |
|
| |
| [[#planes|<span style="display:inline-block; background:white; color:#1e2a4a; border: 2px solid #eef2f6; padding:14px 35px; border-radius:12px; font-weight:700; font-size:110%; box-shadow: 0 5px 15px rgba(0,0,0,0.03); text-transform:uppercase; letter-spacing:0.5px; transition: all 0.2s;">📅 Ver Valores y Agendar</span>]]
| |
|
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div style="padding:0 20px; margin-bottom:80px;">
| |
| <div style="text-align:center; margin-bottom:50px;">
| |
| <h2 style="color:#1e2a4a; font-size:240%; font-weight:700; margin:0 0 15px 0; letter-spacing: -1px;">¿En qué situación estás?</h2>
| |
| <div style="color:#666; font-size:115%; max-width:600px; margin:0 auto;">Selecciona tu problema para entender cómo te ayudamos:</div>
| |
| </div>
| |
|
| |
| <div style="display:flex; flex-wrap:wrap; gap:25px; justify-content:center;">
| |
|
| |
| <div style="flex: 1 1 240px; background:white; padding:35px 25px; border-radius:20px; box-shadow: 0 10px 30px -5px rgba(0,0,0,0.06); border: 1px solid #f0f0f0; border-top: 5px solid #d32f2f; text-align:center; transition: transform 0.3s;">
| |
| <div style="font-size:300%; margin-bottom:20px; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));">🛑</div>
| |
| <div style="font-weight:700; font-size:130%; color:#1e2a4a; margin-bottom:10px;">Me Despidieron</div>
| |
| <div style="font-size:95%; color:#777; line-height:1.5;">Defensa ante despido injustificado.</div>
| |
| </div>
| |
|
| |
| <div style="flex: 1 1 240px; background:white; padding:35px 25px; border-radius:20px; box-shadow: 0 10px 30px -5px rgba(0,0,0,0.06); border: 1px solid #f0f0f0; border-top: 5px solid #1976d2; text-align:center; transition: transform 0.3s;">
| |
| <div style="font-size:300%; margin-bottom:20px; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));">⚖️</div>
| |
| <div style="font-weight:700; font-size:130%; color:#1e2a4a; margin-bottom:10px;">Autodespido</div>
| |
| <div style="font-size:95%; color:#777; line-height:1.5;">Poner término al contrato con indemnización.</div>
| |
| </div>
| |
|
| |
| <div style="flex: 1 1 240px; background:white; padding:35px 25px; border-radius:20px; box-shadow: 0 10px 30px -5px rgba(0,0,0,0.06); border: 1px solid #f0f0f0; border-top: 5px solid #388e3c; text-align:center; transition: transform 0.3s;">
| |
| <div style="font-size:300%; margin-bottom:20px; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));">💰</div>
| |
| <div style="font-weight:700; font-size:130%; color:#1e2a4a; margin-bottom:10px;">Finiquito</div>
| |
| <div style="font-size:95%; color:#777; line-height:1.5;">Cálculo de prestaciones y montos adeudados.</div>
| |
| </div>
| |
|
| |
| <div style="flex: 1 1 240px; background:white; padding:35px 25px; border-radius:20px; box-shadow: 0 10px 30px -5px rgba(0,0,0,0.06); border: 1px solid #f0f0f0; border-top: 5px solid #9c27b0; text-align:center; transition: transform 0.3s;">
| |
| <div style="font-size:300%; margin-bottom:20px; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));">🛡️</div>
| |
| <div style="font-weight:700; font-size:130%; color:#1e2a4a; margin-bottom:10px;">Vulneración</div>
| |
| <div style="font-size:95%; color:#777; line-height:1.5;">Tutela laboral por derechos fundamentales.</div>
| |
| </div>
| |
|
| |
| </div>
| |
| </div>
| |
|
| |
| <div style="background:#f8f9fa; padding:80px 20px; margin:0 -20px 80px -20px; position:relative;">
| |
| <div style="max-width:1100px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; gap:60px;">
| |
|
| |
| <div style="flex: 1 1 400px;">
| |
| <div style="position:relative;">
| |
| <div style="position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); width:85%; background:white; padding:20px; border-radius:16px; box-shadow: 0 20px 40px rgba(30, 42, 74, 0.1); text-align:center; z-index:10; border: 1px solid rgba(0,0,0,0.05);">
| |
| <div style="color:#1e2a4a; font-weight:800; font-size:110%; margin-bottom:5px;">⭐ +10 Años de Experiencia</div>
| |
| <div style="color:#666; font-size:95%;">⚖️ + de 500 trabajadores defendidos</div>
| |
| </div>
| |
|
| |
| <div style="box-shadow: 0 25px 50px -12px rgba(30, 42, 74, 0.25); border-radius:24px; overflow:hidden; border:8px solid white;">
| |
| [[Archivo:Emilio pc.jpg|450px|center|link=]]
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div style="flex: 1 1 450px; padding-top:20px;">
| |
| <div style="text-transform:uppercase; color:#3F90DF; font-weight:700; letter-spacing:1.5px; font-size:90%; margin-bottom:15px;">Estudio Jurídico Digital</div>
| |
| <h2 style="font-size:250%; font-weight:700; color:#1e2a4a; line-height:1.15; margin:0 0 25px 0;">Defensa experta y conocimiento al alcance de todos.</h2>
| |
|
| |
| <div style="font-size:115%; color:#555; margin-bottom:35px; text-align:justify; line-height:1.8; font-weight:300;">
| |
| Soy <b>Emilio Kopaitic Aguirre</b>. Fundé <b>Derechopedia.cl</b> con una misión clara: <b>masificar el conocimiento jurídico</b> para que mayor cantidad de personas en Chile conozcan sus derechos y puedan defenderse con las herramientas del siglo XXI.
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div id="planes" style="margin-bottom:80px; padding:0 20px; scroll-margin-top: 60px;">
| |
| <div style="text-align:center; margin-bottom:60px;">
| |
| <h2 style="color:#1e2a4a; font-size:240%; font-weight:700; margin:0 0 10px 0;">Agenda tu Asesoría</h2>
| |
| <div style="color:#666; font-size:115%;">Transparencia total en nuestros honorarios. Sin sorpresas.</div>
| |
| </div>
| |
|
| |
| <div style="display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; gap:40px;">
| |
|
| |
| <div style="flex: 1 1 350px; max-width:400px; background:white; border-radius:24px; overflow:hidden; box-shadow: 0 20px 60px rgba(63, 144, 223, 0.2); border: 2px solid #3F90DF; position:relative; transform: scale(1.02); z-index:2; display:flex; flex-direction:column;">
| |
| <div style="background:#3F90DF; color:white; text-align:center; padding:10px; font-weight:700; font-size:85%; text-transform:uppercase; letter-spacing:1px;">Más Popular ⭐</div>
| |
| <div style="padding:40px; text-align:center; flex-grow:1; display:flex; flex-direction:column;">
| |
| <div style="font-size:180%; font-weight:700; color:#1e2a4a; margin-bottom:5px;">Asesoría Online</div>
| |
| <div style="color:#777; font-size:100%; margin-bottom:25px;">Zoom / Video WhatsApp</div>
| |
|
| |
| <div style="font-size:350%; font-weight:700; color:#3F90DF; margin-bottom:5px; letter-spacing:-1px;">$35.000</div>
| |
| <div style="font-size:90%; color:#999; margin-bottom:30px;">Pesos Chilenos (CLP)</div>
| |
|
| |
| <ul style="text-align:left; list-style:none; padding:0; margin:0 0 30px 0; color:#555; line-height:1.8; flex-grow:1;">
| |
| <li style="margin-bottom:10px; display:flex; align-items:center;"><span style="color:#3F90DF; margin-right:10px;">✅</span> <b>30 minutos</b> de consultoría experta</li>
| |
| <li style="margin-bottom:10px; display:flex; align-items:center;"><span style="color:#3F90DF; margin-right:10px;">✅</span> Atención en todo Chile</li>
| |
| <li style="margin-bottom:10px; display:flex; align-items:center;"><span style="color:#3F90DF; margin-right:10px;">✅</span> Ahorras tiempo y traslados</li>
| |
| </ul>
| |
|
| |
| [https://wa.me/56974717602?text=Hola,%20quiero%20agendar%20una%20asesoria%20ONLINE%20por%2035.000 <span style="display:block; background: linear-gradient(135deg, #3F90DF 0%, #2b7bc4 100%); color:white; padding:18px; border-radius:12px; font-weight:700; cursor:pointer; font-size:110%; box-shadow: 0 10px 20px rgba(63, 144, 223, 0.3); transition: opacity 0.2s;">📅 Agendar Online Ahora</span>]
| |
| </div>
| |
| </div>
| |
|
| |
| <div style="flex: 1 1 350px; max-width:400px; background:white; border-radius:24px; overflow:hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.08); border: 1px solid #eee; display:flex; flex-direction:column;">
| |
| <div style="padding:50px 40px 40px 40px; text-align:center; flex-grow:1; display:flex; flex-direction:column;">
| |
| <div style="font-size:160%; font-weight:700; color:#1e2a4a; margin-bottom:5px;">Asesoría Presencial</div>
| |
| <div style="color:#777; font-size:100%; margin-bottom:25px;">Oficina Viña del Mar</div>
| |
|
| |
| <div style="font-size:300%; font-weight:700; color:#444; margin-bottom:5px; letter-spacing:-1px;">$45.000</div>
| |
| <div style="font-size:90%; color:#999; margin-bottom:30px;">Pesos Chilenos (CLP)</div>
| |
|
| |
| <li style="margin-bottom:10px; display:flex; align-items:center;"><span style="color:#3F90DF; margin-right:10px;"> 🔹 30 minutos reunión privada
| |
| </div>
| |
|
| |
| [https://wa.me/56974717602?text=Hola,%20quiero%20agendar%20una%20asesoria%20PRESENCIAL%20por%2045.000 <span style="display:block; background:white; color:#555; border:2px solid #e0e0e0; padding:16px; border-radius:12px; font-weight:700; cursor:pointer; transition: background 0.2s;">Agendar Presencial</span>]
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
| </div>
| |
|
| |
| <div style="background: linear-gradient(135deg, #1e2a4a 0%, #16203c 100%); color:white; padding:60px 40px; border-radius:30px; margin: 0 20px 80px 20px; box-shadow: 0 20px 50px rgba(30, 42, 74, 0.3);">
| |
| <div style="max-width:1100px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; gap:50px;">
| |
| <div style="flex: 1 1 400px;">
| |
| <div style="text-transform:uppercase; color:#8abbf5; font-weight:700; letter-spacing:1.5px; margin-bottom:15px; font-size:90%;">Tecnología y Equipo</div>
| |
| <div style="font-size:220%; font-weight:700; margin-bottom:20px; line-height:1.2;">Un equipo conectado para defenderte en todo Chile.</div>
| |
| <div style="font-size:110%; color:#dbe4f0; font-weight:300;">La distancia no es impedimento. Utilizamos herramientas digitales avanzadas para llevar tu caso con la misma cercanía de siempre.</div>
| |
| </div>
| |
| <div style="flex: 1 1 450px;">
| |
| <div style="border-radius:20px; overflow:hidden; border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 15px 40px rgba(0,0,0,0.4);">
| |
| [[Archivo:DSC01733.JPG|550px|center|link=]]
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div style="background:#fafafa; color:#444; padding:70px 20px; text-align:center; border-radius:24px; margin: 0 20px 40px 20px; border: 1px solid #f0f0f0;">
| |
| <div style="font-size:220%; font-weight:700; margin-bottom:15px; color:#1e2a4a;">¿Aún tienes dudas?</div>
| |
| <div style="font-size:120%; color:#666; margin-bottom:40px; max-width:700px; margin-left:auto; margin-right:auto;">
| |
| Hablemos brevemente por WhatsApp antes de agendar. Es gratis preguntar.
| |
| </div>
| |
|
| |
| <div style="display:flex; justify-content:center; gap:20px; flex-wrap:wrap;">
| |
| [https://wa.me/56974717602 <span style="display:inline-block; background: linear-gradient(135deg, #25d366 0%, #128c7e 100%); color:white; padding:16px 40px; border-radius:50px; font-weight:700; font-size:110%; cursor:pointer; box-shadow: 0 10px 20px rgba(37, 211, 102, 0.2); transition: transform 0.2s;">📱 Hablar con un abogado</span>]
| |
| </div>
| |
|
| |
| <div style="margin-top:60px; font-size:85%; color:#999; border-top:1px solid #eee; padding-top:30px;">
| |
| © 2024 Kopaitic & Asociados. Especialistas en Derecho del Trabajo.
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
| [[Categoría:Kopaitic & Asociados]]
| |
