/* Aviso de privacidad (mockup-aviso.html, cell 0). Loaded after cuentas.css, before theme.css.
   One surface (library 40 R-LEG-6): only «En resumen» has a fill; the table uses hairlines. */
.av{max-width:1040px}
.av-h{max-width:640px}
.av-h .h1{margin-bottom:8px}
.av-h .lead{margin-top:0}
.av-fecha{margin-top:16px;font-size:13.5px;font-weight:600;color:var(--muted)}
.av-body{display:grid;grid-template-columns:240px minmax(0,640px);gap:64px;align-items:start;margin-top:48px}
/* index: beside the text and sticky on desktop (R-LEG-3) */
.av-indice{position:sticky;top:24px}
.av-indice .kick{margin-bottom:8px}
.av-indice ol{display:grid;gap:0;border-left:2px solid var(--line)}
.av-indice a{display:flex;align-items:center;min-height:44px;padding:8px 12px 8px 16px;margin-left:-2px;border-left:2px solid transparent;color:var(--muted);font-weight:600;line-height:1.3;text-decoration:none}
.av-indice a:hover{color:var(--ink);border-left-color:var(--accent);background:var(--accent-soft)}
.av-indice a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}
.av-indice a:active{background:var(--accent-soft);color:var(--accent)}
/* index on the phone: folded, on top of the text */
.av-indice-m{display:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px}
.av-indice-m summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;font-weight:700;cursor:pointer;list-style:none}
.av-indice-m summary::-webkit-details-marker{display:none}
.av-indice-m summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translateY(-3px);flex:none}
.av-indice-m[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.av-indice-m summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
.av-indice-m summary span{margin-left:auto;font-weight:400;font-size:13.5px;color:var(--muted)}
.av-indice-m ol{padding-bottom:8px}
.av-indice-m a{display:flex;align-items:center;min-height:44px;color:var(--ink);font-weight:400;text-decoration:none}
.av-indice-m a:hover{color:var(--accent);text-decoration:underline}
.av-indice-m a:focus-visible,.av-mail:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
/* «En resumen»: the only filled box (pencil-soft, like .pay of registro) */
.av-resumen{background:var(--pencil-soft);border-radius:var(--r-card);padding:24px;scroll-margin-top:24px}
.av-resumen .h2{margin-bottom:16px}
.av-resumen .feat{gap:12px}
/* reading measure: 528 px = 73 characters of Atkinson 16 px (R-LEG-2 60-75); the table and the summary box keep the 640 column */
.av-sec>p,.av-sec .lista,.av-resumen .feat,.av-fin{max-width:528px}
/* sections */
.av-sec{margin-top:64px;scroll-margin-top:24px}
.av-sec .sec-t{margin:0 0 16px}
.av-sec p+p,.av-sec p+ul,.av-sec ul+p,.av-sec .av-tabla-w+p{margin-top:16px}
.av-sec .lista{display:grid;gap:8px;margin-top:16px;padding-left:24px;list-style:disc}
.av-sec .lista li::marker{color:var(--muted)}
.av-sec b{font-weight:700}
/* data table: 4 columns on hairlines; rows stack into label/value pairs on the phone (board #16) */
.av-tabla-w{margin-top:24px}
.av-tabla{width:100%;border-collapse:collapse;text-align:left}
.av-tabla th,.av-tabla td{padding:12px 16px 12px 0;vertical-align:top;border-bottom:1px solid var(--line)}
.av-tabla th:last-child,.av-tabla td:last-child{padding-right:0}
.av-tabla thead th{font-size:13.5px;font-weight:600;color:var(--muted);padding-top:0;border-bottom:2px solid var(--line)}
.av-tabla{table-layout:fixed}
.av-tabla tbody th{font-weight:700}
.av-tabla thead th:nth-child(1){width:28%}.av-tabla thead th:nth-child(2){width:32%}.av-tabla thead th:nth-child(3){width:20%}
.av-tabla .sub{display:block;font-size:13.5px;font-weight:400;color:var(--muted);margin-top:4px}
/* rights: 2 × 2 */
.av-der{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:16px}
.av-der li{display:grid;gap:4px;align-content:start;padding-top:12px;border-top:1px solid var(--line)}
.av-der b{font-weight:700}
.av-mail{display:inline-flex;align-items:center;gap:8px;min-height:44px;overflow-wrap:anywhere}
.av-fin{margin-top:64px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted)}
@media (max-width:959px){
  .av-body{grid-template-columns:minmax(0,1fr);gap:0;margin-top:0}
  .av-indice{display:none}
  .av-indice-m{display:block;margin-bottom:32px}
  .av-h,.av-main{max-width:640px}
}
@media (max-width:600px){
  .av-resumen{padding:16px}
  .av-sec{margin-top:48px}
  .av-tabla thead{display:none}
  .av-tabla,.av-tabla tbody,.av-tabla tr,.av-tabla th,.av-tabla td{display:block;width:auto}
  .av-tabla tr{padding:16px 0;border-bottom:1px solid var(--line)}
  .av-tabla tr:first-child{border-top:2px solid var(--line)}
  .av-tabla th,.av-tabla td{border:0;padding:0}
  .av-tabla td{margin-top:8px}
  .av-tabla td::before{content:attr(data-l);display:block;font-size:13.5px;font-weight:600;color:var(--muted)}
  .av-tabla{table-layout:auto}
  .av-der{grid-template-columns:minmax(0,1fr)}
}