/* =========================================================
   RGPD table styles (con custom properties para colores)
   Usa: --rgpd-cell-text, --rgpd-head-text, --rgpd-head-bg
========================================================= */
.abside-privacy-policy{
  /* Valores por defecto (puedes cambiarlos aquí si quieres) */
  --rgpd-cell-text: #333;
  --rgpd-head-text: #fff;
  --rgpd-head-bg:   #84A591;
}

/* ====== ESCRITORIO: TABLA CLÁSICA ====== */
.rgpd-wrap{max-width:1200px;margin:1rem auto;padding:0 .5rem}
.rgpd-table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;font:14px/1.5 system-ui,Arial}
.rgpd-table *{box-sizing:border-box}
.rgpd-table th,.rgpd-table td{border:1px solid #ddd;padding:.75rem;vertical-align:top;text-align:left;word-wrap:break-word}

/* Cabeceras de tabla usan variables */
.rgpd-table thead th{
  background: var(--rgpd-head-bg);
  color:      var(--rgpd-head-text);
  font-weight:600;
}

/* Texto de celdas usa variable */
.rgpd-table td{ color: var(--rgpd-cell-text); }

.rgpd-table tbody tr:nth-child(even){background:#fafafa}

/* Extra defensas contra estilos de Elementor */
.elementor .rgpd-table,
.elementor-widget-container .rgpd-table{width:100%}
.elementor .rgpd-table th,
.elementor .rgpd-table td{border:1px solid #ddd;padding:.75rem;text-align:left;display:table-cell}

/* Contenedor con scroll horizontal opcional */
.rgpd-table-scroll{width:100%;overflow-x:auto}

/* ====== Visibilidad por defecto ====== */
.rgpd-mobile{display:none}

/* Head de los bloques móviles (usa las mismas variables que el thead) */
.rgpd-col__head{
  display:block;
  font-weight:600;
  background: var(--rgpd-head-bg);
  color:      var(--rgpd-head-text);
  padding:.9rem 1rem;
  margin:0;
  border-radius:4px 4px 0 0;
  font-size:18px; /* escritorio */
}

/* ====== Spans titulares del texto (H2/H3 en <span>) ====== */
.rgpd-h2{ display:block; font-weight:600; font-size:22px; margin:1.5rem 0 .5rem; }
.rgpd-h3{ display:block; font-weight:600; font-size:18px; margin:1rem 0 .5rem; }

/* (Opcional) compat con clases antiguas */
.rgpd-title-h2{ font-size: inherit; font-weight: 600; display: block; margin: 1.5rem 0 .5rem; }
.rgpd-title-h3{ font-size: inherit; font-weight: 600; display: block; margin: 1rem 0 .5rem; }

/* ====== MÓVIL ====== */
@media (max-width: 768px) {
  /* Tabla OFF, bloques ON */
  .rgpd-table-scroll{display:none}
  .rgpd-mobile{display:block}
  .rgpd-col{border:1px solid #ddd;border-radius:10px;overflow:hidden;margin:0 0 1rem;background:#fff}
  .rgpd-col__head{
    color: var(--rgpd-head-text);
    margin:0;
    padding:.9rem 1rem;
    background: var(--rgpd-head-bg);
    border-radius:10px 10px 0 0;
  }
  .rgpd-col__cell{padding:.9rem 1rem;border-top:1px solid #eee;color: var(--rgpd-cell-text); }
  .rgpd-col__cell:nth-child(odd){background:#fafafa}

  /* Tamaños de títulos en móvil */
  .rgpd-h2{font-size:40px;}
  .rgpd-h3{font-size:30px;}
  .rgpd-title-h2{font-size:40px;}
  .rgpd-title-h3{font-size:30px;}
}

/* --- Fix encabezados de la tabla (DESKTOP) --- */
.rgpd-table thead th .rgpd-h2{
  display:block;
  margin:0;
  font-size:18px;     /* tamaño de cabecera de tabla */
  font-weight:600;
  color: var(--rgpd-head-text); /* mantiene contraste */
}

/* --- Fix encabezados móviles extra --- */
.rgpd-col__head{
  width:100%;
  box-sizing:border-box;
  line-height:1.2;
}