/* ===========================================================================
   TERMINOS Y PRIVACIDAD
   ===========================================================================
   Estas reglas vivian en un <style> dentro de
   app/modules/client/views/terms/index.php: 5368 bytes incrustados
   en cada carga de esa pagina, sin cachear y ganando los empates a todas las
   hojas por ir en el cuerpo del documento.

   Movidas TAL CUAL, sin tocar una linea, y cargadas desde la propia vista
   con `?v=filemtime`, que es el mismo patron que ya usa la documentacion de
   la API. Solo se descarga en esta pagina, no en todo el panel.
   =========================================================================== */

.clixy-legal-page {
    --legal-pink: var(--ck-accent-soft);
    /* Corregido 29-08-2026: el "dark" apuntaba al rosa CLARO de marca y el
       eyebrow y el enlace a Soporte quedaban a 3,2-3,9:1. */
    --legal-pink-dark: var(--ck-link);
    --legal-ink: var(--ck-ink);
    --legal-muted: var(--ck-ink-body);
    max-width: 1080px;
    margin: 0 auto;
    padding: 28px 0 54px;
    color: var(--legal-ink);
  }

  .clixy-legal-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 22px;
    padding: 34px 38px;
    border: 1px solid rgba(var(--ck-accent-rgb), 0.18);
    border-radius: 26px;
    background:
      radial-gradient(circle at 92% 12%, rgba(var(--ck-accent-rgb), 0.14), transparent 16rem),
      linear-gradient(135deg, rgba(var(--ck-surface-rgb), 0.98), rgba(var(--ck-surface-rgb), 0.94));
    box-shadow: 0 18px 46px rgba(var(--ck-ink-rgb), 0.11);
  }

  .clixy-legal-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 7px 12px;
    border: 1px solid rgba(var(--ck-accent-rgb), 0.16);
    border-radius: 999px;
    background: rgba(var(--ck-surface-rgb), 0.74);
    color: var(--legal-pink-dark);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .clixy-legal-eyebrow::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--legal-pink);
    box-shadow: 0 0 0 5px rgba(var(--ck-action-rgb), 0.1);
  }

  .clixy-legal-hero h1 {
    margin: 0 0 10px;
    color: var(--legal-ink);
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.08;
  }

  .clixy-legal-hero p {
    max-width: 760px;
    margin: 0;
    color: var(--legal-muted);
    font-size: 16px;
    line-height: 1.65;
  }

  .clixy-legal-updated {
    display: block;
    margin-top: 13px;
    color: var(--ck-ink-body);
    font-size: 12px;
    font-weight: 650;
  }

  .clixy-legal-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 22px;
  }

  .clixy-legal-summary div {
    padding: 16px 18px;
    border: 1px solid rgba(var(--ck-accent-rgb), 0.15);
    border-radius: 17px;
    background: rgba(var(--ck-surface-rgb), 0.84);
    box-shadow: 0 8px 22px rgba(var(--ck-ink-rgb), 0.07);
  }

  .clixy-legal-summary strong {
    display: block;
    margin-bottom: 4px;
    color: var(--legal-ink);
    font-size: 14px;
  }

  .clixy-legal-summary span {
    color: var(--legal-muted);
    font-size: 13px;
    line-height: 1.45;
  }

  .clixy-legal-card {
    margin-bottom: 18px;
    padding: 30px 34px;
    border: 1px solid rgba(var(--ck-accent-rgb), 0.17);
    border-radius: 23px;
    background: rgba(var(--ck-surface-rgb), 0.92);
    box-shadow: 0 14px 36px rgba(var(--ck-ink-rgb), 0.08);
  }

  .clixy-legal-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(var(--ck-accent-rgb), 0.16);
  }

  .clixy-legal-number {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    background: var(--ck-grad-action);
    box-shadow: 0 8px 18px rgba(var(--ck-action-rgb), 0.2);
    color: var(--ck-on-dark);
    font-size: 13px;
    font-weight: 800;
  }

  .clixy-legal-card h2 {
    margin: 0;
    color: var(--legal-ink);
    font-size: 23px;
    font-weight: 800;
    letter-spacing: -.02em;
  }

  .clixy-legal-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 28px;
  }

  .clixy-legal-item h3 {
    margin: 0 0 7px;
    color: var(--ck-ink);
    font-size: 15px;
    font-weight: 800;
  }

  .clixy-legal-item p,
  .clixy-legal-rich-text,
  .clixy-legal-rich-text p,
  .clixy-legal-rich-text li {
    color: var(--legal-muted);
    font-size: 14px;
    line-height: 1.65;
  }

  .clixy-legal-item p { margin: 0; }
  .clixy-legal-rich-text > :last-child { margin-bottom: 0; }

  .clixy-legal-notice {
    margin-top: 22px;
    padding: 16px 18px;
    border-left: 4px solid var(--legal-pink);
    border-radius: 12px;
    background: var(--ck-surface);
    color: var(--ck-ink-body);
    font-size: 13px;
    line-height: 1.55;
  }

  .clixy-legal-contact {
    text-align: center;
    color: var(--legal-muted);
    font-size: 13px;
    line-height: 1.55;
  }

  .clixy-legal-contact a {
    /* Este parrafo pisa el suelo de la pagina, no una carta: el rosa fuerte
       de la casa aguanta cualquier suelo claro. Con relleno vertical para
       que el enlace llegue a los 24px del puntero. */
    display: inline-block;
    padding: 4px 0;
    color: var(--ck-link-strong, var(--ck-action-hover));
    font-weight: 800;
    text-decoration: underline;
  }

  @media (max-width: 767.98px) {
    .clixy-legal-page { padding: 12px 0 34px; }
    .clixy-legal-hero { padding: 25px 21px; border-radius: 21px; }
    .clixy-legal-hero p { font-size: 14px; }
    .clixy-legal-summary { grid-template-columns: 1fr; gap: 9px; }
    .clixy-legal-summary div { padding: 13px 15px; }
    .clixy-legal-card { padding: 23px 20px; border-radius: 20px; }
    .clixy-legal-grid { grid-template-columns: 1fr; gap: 20px; }
    .clixy-legal-card h2 { font-size: 20px; }
  }