@import url('variables.css');

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border-collapse: collapse;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid var(--border);
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid var(--border);
}

.table tbody + tbody {
  border-top: 2px solid var(--border);
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid var(--border);
}

.table-bordered th,
.table-bordered td {
  border: 1px solid var(--border);
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-responsive > .table-bordered {
  border: 0;
}
.table-responsive {
  @each $breakpoint in map-keys($grid-breakpoints) {
    $next: breakpoint-next($breakpoint, $grid-breakpoints);
    $infix: breakpoint-infix($next, $grid-breakpoints);

    &#{$infix} {
      @include media-breakpoint-down($breakpoint) {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057

        // Prevent double border on horizontal scroll due to use of `display: block;`
        > .table-bordered {
          border: 0;
        }
      }
    }
  }
}

/* =========================================================
   PÁGINAS DE PRIVACIDAD
   ========================================================= */

.privacy-page {
    background: #f5f1e8;
    color: #252a2e;
}

.privacy-content {
    /*max-width: 900px;*/
    margin: 0 auto;
    padding: 70px 20px 90px;
}

/* Cabecera de la página */

.privacy-intro {
    margin-bottom: 55px;
}

.privacy-eyebrow {
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #31566b;
}

.privacy-title {
    margin: 0 0 22px;
    font-size: clamp(30px, 5vw, 40px);
    line-height: 1.1;
    font-weight: 700;
    color: #20262b;
}

.privacy-lead {
    /*max-width: 780px; */
    margin: 0;
    font-size: 18px;
    line-height: 1.75;
    color: #555b60;
}

/* Bloques de contenido */

.privacy-section {
    margin-bottom: 42px;
}

.privacy-section h2 {
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d1c4;
    font-size: 24px;
    line-height: 1.3;
    color: #20262b;
}

.privacy-section h3 {
    margin: 28px 0 10px;
    font-size: 18px;
    color: #31566b;
}

.privacy-section p {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.8;
    color: #4d5358;
}

.privacy-section ul {
    margin: 12px 0 20px;
    padding-left: 25px;
}

.privacy-section li {
    margin-bottom: 9px;
    font-size: 16px;
    line-height: 1.7;
    color: #4d5358;
}

/* Enlaces */

.privacy-section a {
    color: #31566b;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.privacy-section a:hover {
    color: #1f3d4d;
}

/* Aviso destacado */

.privacy-notice {
    margin: 30px 0 42px;
    padding: 24px 28px;
    border-left: 4px solid #31566b;
    background: #ebe6dc;
}

.privacy-notice p {
    margin: 0;
    color: #41474c;
}

.privacy-notice strong {
    color: #20262b;
}

/* Fecha de actualización */

.privacy-updated {
    margin-top: 65px;
    padding-top: 20px;
    border-top: 1px solid #d8d1c4;
    font-size: 13px;
    color: #777b7e;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

    .privacy-content {
        padding: 45px 20px 60px;
    }

    .privacy-intro {
        margin-bottom: 40px;
    }

    .privacy-title {
        font-size: 32px;
    }

    .privacy-lead {
        font-size: 16px;
        line-height: 1.7;
    }

    .privacy-section {
        margin-bottom: 35px;
    }

    .privacy-section h2 {
        font-size: 21px;
    }

    .privacy-section p,
    .privacy-section li {
        font-size: 15px;
        line-height: 1.75;
    }

    .privacy-notice {
        padding: 20px;
        margin: 25px 0 35px;
    }

    .privacy-updated {
        margin-top: 45px;
    }
}