/* VivaChill · Normativas 1.10.2. Scoped to the public documentation. */
.docs-refined{--docs-line:#ffffff10;--docs-muted:#a79fb3;grid-template-columns:250px minmax(0,1fr) 190px;gap:40px;padding:36px 28px 80px;max-width:1540px}
.docs-refined.docs-home{grid-template-columns:250px minmax(0,1fr);max-width:1380px}
.docs-home>.docs-outline{display:none}
.docs-refined .docs-sidebar{background:transparent;border:0;border-right:1px solid var(--docs-line);border-radius:0;padding:0 20px 20px 0;scrollbar-width:thin;scrollbar-color:#493356 transparent}
.docs-refined .rules-brand{padding:6px 10px 12px;font-size:12px;letter-spacing:.12em;color:#e8deef}
.docs-refined .docs-search{position:relative;display:flex;align-items:center;margin:14px 0 24px;gap:0}
.docs-refined .docs-search input{padding:12px 45px 12px 12px;background:#15111d;border:1px solid #ffffff16;border-radius:9px;font-size:13px}
.docs-refined .docs-search button{position:absolute;right:4px;width:36px;height:36px;padding:0;border:0;background:transparent;font-size:0;color:#c184ff}
.docs-refined .docs-search button:before{content:'';display:block;width:12px;height:12px;border:1.7px solid currentColor;border-radius:50%;margin:0 0 0 9px}
.docs-refined .docs-search button:after{content:'';position:absolute;top:24px;left:22px;width:6px;height:1.7px;background:currentColor;transform:rotate(45deg)}
.docs-refined .docs-search button:hover{background:#9933ff14}
.docs-refined .docs-explorer>summary{color:#8e859c;font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding:8px 10px 16px;cursor:pointer}
.docs-refined .docs-sidebar nav a{padding:10px 12px;font-size:13px;line-height:1.5;font-weight:450;color:#b7afc4;border:0;border-radius:7px;overflow-wrap:anywhere;transition:background .15s,color .15s}
.docs-refined .docs-sidebar nav a:hover{background:#ffffff06;color:#f2eafa}
.docs-refined .docs-sidebar nav a.active{background:#9933ff16;color:#d3a3ff;border:0;box-shadow:inset 2px 0 #b56aff}
.docs-refined .docs-group{position:relative;margin:4px 0}
.docs-refined .docs-group.has-children>a{padding-right:42px}
.docs-refined .docs-group .docs-branch{margin:0;border:0}
.docs-refined .docs-branch>summary{position:absolute;right:0;top:0;display:grid;place-items:center;min-width:40px;min-height:40px;padding:0;list-style:none;color:#9c8eaa;cursor:pointer;border-radius:7px}
.docs-refined .docs-branch>summary::-webkit-details-marker{display:none}
.docs-refined .docs-branch>summary::marker{content:''}
.docs-refined .docs-branch>summary:hover{background:#9933ff18;color:#d3a3ff}
.docs-refined .docs-branch>summary svg{transition:transform .18s}
.docs-refined .docs-branch[open]>summary svg{transform:rotate(90deg)}
.docs-refined .docs-children{border-left:1px solid #c184ff30;margin:4px 0 12px 12px;padding-left:10px}
.docs-refined .docs-sidebar nav .docs-child{font-size:12.5px;padding:8px 10px}
.docs-refined .docs-sidebar>.text-link{margin:24px 10px 0;padding-top:20px;border-top:1px solid var(--docs-line);font-size:12px;color:#9686a5}
.docs-refined .docs-main{padding:4px 0 0}
.docs-refined .docs-main h1{font-size:clamp(30px,3vw,42px);letter-spacing:-.035em;line-height:1.18}
.docs-refined .page-heading{margin-bottom:32px}
.docs-refined .page-heading>p{color:var(--docs-muted);font-size:15px;max-width:680px;line-height:1.8}
.docs-refined .rules-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.docs-refined .rule-card{position:relative;padding:22px 24px;border-radius:12px;background:linear-gradient(135deg,#17121e,#110e17);border:1px solid #ffffff12;min-height:190px}
.docs-refined .rule-card:hover{border-color:#c184ff65;background:linear-gradient(135deg,#21162e,#15101e)}
.docs-refined .docs-card-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c184ff20;background:#9933ff0c;border-radius:8px;color:#c184ff}
.docs-refined .rule-card h2{font-size:17px;line-height:1.45;letter-spacing:-.015em;margin:16px 0 8px}
.docs-refined .rule-card p{font-size:13px;line-height:1.7;margin-bottom:20px;color:var(--docs-muted)}
.docs-refined .rule-card .text-link{display:flex;justify-content:space-between;font-size:12px;color:#c6a2e5}
.docs-refined .rule-card .text-link>span{font-size:17px}
.docs-refined .rules-breadcrumb{flex-wrap:wrap;gap:9px;margin-bottom:24px;font-size:12px;color:#92869f}
.docs-refined .rules-meta{font-size:12px;border-color:var(--docs-line);padding-bottom:20px;color:#8f849e}
.docs-refined .rules-prose{font-size:15px;line-height:1.9;color:#d4ccde}
.docs-refined .rules-prose h2{font-size:23px;letter-spacing:-.02em;border-color:var(--docs-line);margin-top:42px;color:#f0e9f7}
.docs-refined .rules-prose h3{font-size:18px;margin-top:30px;color:#e8dfee}
.docs-refined .rules-prose strong{color:#ede3f8}
.docs-refined .docs-outline{padding-top:8px;scrollbar-width:thin;scrollbar-color:#493356 transparent}
.docs-refined .docs-outline .rules-toc{border-color:var(--docs-line);font-size:12px}
.docs-refined .docs-outline .rules-toc strong{font-size:10px;letter-spacing:.1em;color:#b6a8c5}
.docs-refined .docs-outline .rules-toc>div{gap:12px;margin-top:20px}
.docs-refined .docs-outline a{color:#9d90ac;line-height:1.5}
.docs-refined .docs-outline a:hover{color:#d4aff7}
.docs-refined .rules-pagination a{background:#ffffff02;border-color:var(--docs-line);font-size:13px}
.docs-refined .rules-pagination a:hover{border-color:#c184ff55;background:#9933ff08}
.docs-refined a:focus-visible,.docs-refined summary:focus-visible,.docs-refined button:focus-visible{outline:2px solid #c184ff;outline-offset:3px}
@media(max-width:1150px){.docs-refined,.docs-refined.docs-home{grid-template-columns:225px minmax(0,1fr);gap:28px}.docs-refined .docs-sidebar{grid-column:1;grid-row:1/3}.docs-refined .docs-main{grid-column:2;grid-row:2}.docs-refined.docs-home .docs-main{grid-row:1}.docs-refined .docs-outline{grid-column:2;grid-row:1;padding:0}.docs-refined .docs-outline .rules-toc>div{display:flex;flex-wrap:wrap;gap:8px 16px;max-height:130px;overflow:auto}}
@media(max-width:850px){.docs-refined .rules-grid{grid-template-columns:1fr}}
@media(max-width:750px){.docs-refined,.docs-refined.docs-home{display:flex;gap:24px;padding:20px 18px 48px}.docs-refined .docs-sidebar{padding:0 0 14px;border-right:0;border-bottom:1px solid var(--docs-line)}.docs-refined .rules-brand{display:block;padding-left:0}.docs-refined .docs-search{margin:12px 0}.docs-refined .docs-explorer>summary{padding:10px 0}.docs-refined .docs-sidebar nav{max-height:260px;overflow:auto}.docs-refined .docs-sidebar>.text-link{margin:14px 0 0;padding-top:12px}.docs-refined .docs-main{padding:0;width:100%}.docs-refined .docs-outline{width:100%}.docs-refined .rule-card{min-height:0;padding:20px}.docs-refined .rules-pagination{flex-direction:column}.docs-refined .rules-prose{font-size:15px}.docs-refined .page-heading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.docs-refined *{transition:none!important}}

/* ── 1.11 · Lectura fluida estilo GitBook, colores Atardecer ───────────────── */
/* Cambio de página suave (docs-nav.js) */
.docs-refined .docs-main{transition:opacity .16s ease}
.docs-refined .docs-main.docs-leaving{opacity:.45}
.docs-refined .docs-main.docs-entering{animation:docs-in .32s cubic-bezier(.2,.7,.2,1) both}
@keyframes docs-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.docs-refined.docs-busy{cursor:progress}
.docs-refined .docs-main h1:focus{outline:none}

/* Barra lateral más tranquila */
.docs-refined .docs-sidebar nav a{color:var(--at-mute,#b7afc4)}
.docs-refined .docs-sidebar nav a:hover{background:rgba(255,255,255,.045);color:#fff}
.docs-refined .docs-sidebar nav a.active{background:rgba(255,255,255,.075);color:#fff;box-shadow:inset 2px 0 var(--at-acc,#ffb88a)}
.docs-refined .docs-branch>summary:hover{background:rgba(255,255,255,.06);color:#fff}
.docs-refined .docs-children{border-left-color:rgba(255,255,255,.1)}
.docs-refined .docs-search input{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.docs-refined .docs-search input:focus{border-color:rgba(255,184,138,.5)}
.docs-refined .docs-search button{color:var(--at-acc,#ffb88a)}
.docs-refined .docs-search button:hover{background:rgba(255,184,138,.08)}

/* Texto: secciones que fluyen, sin cortes bruscos */
.docs-refined .rules-prose{font-size:16px;line-height:1.85;color:#d9d2e3;max-width:74ch}
.docs-refined .rules-prose h2{border:0;padding:0;margin:3.1em 0 .7em;font-size:24px;line-height:1.3;scroll-margin-top:96px}
.docs-refined .rules-prose h3{margin:2.2em 0 .5em;font-size:18.5px;scroll-margin-top:96px}
.docs-refined .rules-prose h2:first-child,.docs-refined .rules-prose h3:first-child{margin-top:.4em}
.docs-refined .rules-prose p{margin:0 0 1.1em}
.docs-refined .rules-prose ul,.docs-refined .rules-prose ol{padding-left:1.3em;margin:0 0 1.2em}
.docs-refined .rules-prose li{margin:.35em 0}
.docs-refined .rules-prose li::marker{color:var(--at-acc,#ffb88a)}
.docs-refined .rules-prose a{color:var(--at-acc,#ffb88a);text-decoration-color:rgba(255,184,138,.35);text-underline-offset:3px}
.docs-refined .rules-prose blockquote{margin:1.6em 0;padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--at-acc-2,#c7a6ff);border-radius:10px;background:rgba(199,166,255,.06);color:#e6def0}
.docs-refined .rules-prose hr{border:0;height:1px;margin:2.6em 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
.docs-refined .rules-prose code{background:rgba(255,255,255,.07);padding:.12em .4em;border-radius:5px;font-size:.9em}
.docs-refined .rules-meta{border-bottom:0;padding-bottom:6px;margin-bottom:8px}

/* Índice "En esta página" con la sección actual marcada */
.docs-refined .docs-outline .rules-toc{border:0}
.docs-refined .docs-outline .rules-toc>div{gap:0;margin-top:14px;border-left:1px solid rgba(255,255,255,.09)}
.docs-refined .docs-outline .rules-toc a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--at-dim,#8f86a0);transition:color .2s,border-color .2s}
.docs-refined .docs-outline .rules-toc a.toc-sub{padding-left:26px;font-size:11.5px}
.docs-refined .docs-outline .rules-toc a:hover{color:#fff}
.docs-refined .docs-outline .rules-toc a.is-active{color:#fff;border-left-color:var(--at-acc,#ffb88a)}

/* Anterior / Siguiente como tarjetas */
.docs-refined .rules-pagination{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:56px}
.docs-refined .rules-pagination a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.03);color:#fff;font-weight:600;transition:border-color .2s,background .2s,transform .2s}
.docs-refined .rules-pagination a small{color:var(--at-dim,#8f86a0);font-weight:400;font-size:12px}
.docs-refined .rules-pagination a:only-child{grid-column:1/-1}
.docs-refined .rules-pagination a:last-child:not(:first-child){text-align:right}
.docs-refined .rules-pagination a:hover{border-color:rgba(255,184,138,.45);background:rgba(255,255,255,.05);transform:translateY(-2px)}

/* Tarjetas de inicio, en el mismo vidrio del resto del sitio */
.docs-refined .rule-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);transition:border-color .2s,background .2s,transform .2s}
.docs-refined .rule-card:hover{background:rgba(255,255,255,.065);border-color:rgba(255,184,138,.4);transform:translateY(-2px)}
.docs-refined .docs-card-icon{border-color:rgba(255,184,138,.25);background:rgba(255,184,138,.08);color:var(--at-acc,#ffb88a)}
.docs-refined .rule-card .text-link{color:var(--at-acc,#ffb88a)}
.docs-refined a:focus-visible,.docs-refined summary:focus-visible,.docs-refined button:focus-visible{outline-color:var(--at-acc,#ffb88a)}

@media(max-width:750px){
  .docs-refined .rules-pagination{grid-template-columns:1fr}
  .docs-refined .rules-pagination a:last-child:not(:first-child){text-align:left}
  .docs-refined .rules-prose{font-size:15.5px}
  .docs-refined .rules-prose h2{font-size:21px}
}
@media(max-width:1150px){
  .docs-refined .docs-outline .rules-toc>div{border-left:0}
  .docs-refined .docs-outline .rules-toc a,.docs-refined .docs-outline .rules-toc a.toc-sub{padding:4px 0;border-left:0}
}
@media(prefers-reduced-motion:reduce){.docs-refined .docs-main.docs-entering{animation:none}}