.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-102 .elementor-element.elementor-element-61859333{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-102 .elementor-element.elementor-element-5e6ca72{--display:flex;}.elementor-102 .elementor-element.elementor-element-5e6ca72.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:767px){.elementor-102 .elementor-element.elementor-element-5e6ca72{--width:352.8px;}}/* Start custom CSS for container, class: .elementor-element-61859333 */<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Términos y Condiciones de Uso – Educación y Seguridad</title>
  <style>
    :root{
      --bg:#0D1A2B;          /* fondo principal */
      --panel:#0F2033;       /* paneles */
      --text:#C9D6E2;        /* texto base */
      --muted:#8CA3B5;       /* texto tenue */
      --white:#fff;          /* blanco */
      --accent1:#34D399;     /* verde */
      --accent2:#22D3EE;     /* cyan */
      --link:#87D0FF;        /* links */
      --radius:16px;
      --shadow:0 24px 60px rgba(0,0,0,.25);
    }
    *{box-sizing:border-box}
    html,body{margin:0; padding:0; background:var(--bg); color:var(--text); font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,sans-serif}
    a{color:var(--link); text-decoration:none}
    a:hover{text-decoration:underline}
    .wrap{max-width:1024px; margin:0 auto; padding:28px 20px 64px}

    /* breadcrumb */
    .crumb{display:flex; gap:.5rem; align-items:center; color:var(--muted); font-weight:600; margin:6px 0 14px}
    .crumb a{color:var(--muted)}

    /* header */
    .pagehead{display:flex; align-items:center; gap:14px; margin:12px 0 22px}
    .badge{width:40px; height:40px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; font-weight:800; color:#0D1A2B; background:linear-gradient(135deg,var(--accent1),var(--accent2)); box-shadow:0 8px 26px rgba(34,211,238,.18)}
    h1{font-size:clamp(26px,3.2vw,36px); line-height:1.15; color:var(--white); margin:0}

    /* card */
    .card{background:var(--panel); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius); box-shadow:var(--shadow); padding:24px;}

    .intro{margin:0 0 18px; color:var(--text)}

    ol{margin:0; padding-left:1.2rem}
    li+li{margin-top:.65rem}
    .num{font-weight:800; color:var(--white)}

    .meta{display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; margin-top:24px; padding-top:16px; border-top:1px dashed rgba(255,255,255,.12); color:var(--muted); font-size:.95rem}

    .callout{margin-top:18px; background:linear-gradient(135deg, rgba(52,211,153,.08), rgba(34,211,238,.08)); border:1px solid rgba(135,208,255,.25); border-radius:12px; padding:14px 16px; color:var(--text)}

    footer{margin-top:40px; color:var(--muted); font-size:.9rem}

    /* util */
    .pill{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; font-weight:800; border-radius:999px; color:#0D1A2B; background:linear-gradient(135deg,var(--accent1),var(--accent2)); box-shadow:0 6px 20px rgba(34,211,238,.18)}
    .pill small{opacity:.75; font-weight:700}

    /* responsive tweaks */
    @media (max-width:768px){
      .wrap{padding:22px 16px 56px}
      .card{padding:18px}
    }
  </style>
</head>
<body>
  <main class="wrap" aria-labelledby="title">
    <nav class="crumb" aria-label="Miga de pan">
      <a href="#">Inicio</a>
      <span>›</span>
      <span>Términos y Condiciones</span>
    </nav>

    <header class="pagehead">
      <span class="badge" aria-hidden="true">⚖️</span>
      <h1 id="title">Términos y Condiciones de Uso – Educación y Seguridad</h1>
    </header>

    <section class="card" role="region" aria-label="Contenido legal">
      <p class="intro"><strong>Bienvenido(a) a educacionyseguridad.cl</strong>, portal informativo de acceso público. Al navegar y utilizar este sitio, usted acepta los siguientes términos y condiciones de uso:</p>

      <ol>
        <li><span class="num">1. Objeto del sitio web</span><br />
          Este sitio tiene fines informativos y educativos. No se realizan ventas, asesorías personalizadas ni se promueven actividades operativas o de riesgo.
        </li>
        <li><span class="num">2. Responsabilidad del contenido</span><br />
          Los artículos y guías publicadas son de carácter general y educativo, elaborados por autores y colaboradores del portal. No constituyen asesoramiento legal, técnico ni profesional.
        </li>
        <li><span class="num">3. Enlaces externos</span><br />
          Algunos contenidos pueden incluir enlaces a sitios de terceros o a fuentes oficiales. Educación y Seguridad no se hace responsable por el contenido, políticas o prácticas de dichos sitios.
        </li>
        <li><span class="num">4. Propiedad intelectual</span><br />
          Todos los textos, imágenes y materiales son propiedad del portal o se utilizan bajo licencias libres y de uso público, con los debidos créditos cuando corresponda. Queda prohibida su reproducción sin autorización.
        </li>
        <li><span class="num">5. Limitación de responsabilidad</span><br />
          El uso de la información contenida en este sitio es bajo exclusiva responsabilidad del usuario. El portal no se responsabiliza por el uso incorrecto o fuera de contexto de los contenidos.
        </li>
        <li><span class="num">6. Actualizaciones y modificaciones</span><br />
          Estos términos pueden actualizarse sin previo aviso. Se recomienda revisarlos periódicamente.
        </li>
        <li><span class="num">7. Contacto</span><br />
          Para consultas o comentarios, escribir a: <a href="mailto:contacto@educacionyseguridad.cl">contacto@educacionyseguridad.cl</a>
        </li>
      </ol>

      <div class="meta">
        <span class="pill" title="Última actualización">
          <small>Última actualización</small> • Noviembre de 2025
        </span>
      </div>

      <aside class="callout" role="note">
        <strong>Nota:</strong> Este sitio tiene fines educativos y no promueve ni facilita actividades operativas o de riesgo. Todo el contenido está orientado a la educación y la prevención.
      </aside>
    </section>

    <footer>
      © <span id="year"></span> Educación y Seguridad. Todos los derechos reservados.
    </footer>
  </main>

  <script>
    // año dinámico
    document.getElementById('year').textContent = new Date().getFullYear();
  </script>
</body>
</html>/* End custom CSS */