/* ══════════════════════════════════════════════════════════════════
   REDISEÑO DEL 18/10/2026 · COPY-WEB-2026-10-18.md

   Va último, así gana sin !important salvo donde las hojas viejas ya lo
   usan. Una sección por pedido de Sebas (capturas del 18/10).
══════════════════════════════════════════════════════════════════ */

/* ── Home · el texto que se revela: tres párrafos con aire entre sí ── */
.ins-declaracion{display:flex;flex-direction:column;gap:clamp(2rem,5vw,4.5rem)}
.ins-declaracion p{margin:0}

/* ── Home · los links debajo del texto: filas con una línea fina, como un índice ── */
.ins-links-home{width:100%;gap:0;border-top:1px solid color-mix(in srgb,var(--theme-text-primary) 18%,transparent)}
.ins-links-home li{width:100%;border-bottom:1px solid color-mix(in srgb,var(--theme-text-primary) 18%,transparent)}
.ins-links-home a{width:100%;justify-content:space-between!important;padding:1.05rem 0}
.ins-links-home a svg{transition:transform .45s cubic-bezier(.22,1,.36,1)}
.ins-links-home a:hover svg,.ins-links-home a:focus-visible svg{transform:translateX(6px)}

/* ── /casos · el aviso de las marcas: alineado con las tarjetas y con aire ── */
.ins-pie-marcas{margin:clamp(2.5rem,5vw,4rem) var(--h8-gutter,20px) clamp(4rem,8vw,7rem);max-width:62ch;font-size:13px;line-height:1.5}
@media (max-width:820px){.ins-pie-marcas{margin-left:20px;margin-right:20px}}

/* ── Pie · "Hablemos." separado de los links ── */
footer[data-footer] > div:first-child{row-gap:clamp(3rem,7vw,6rem)}
footer[data-footer] nav ul{row-gap:1.1rem}

/* ── /servicios · la línea de las reuniones, debajo de la pila ── */
.ins-reuniones{padding-top:clamp(3rem,6vw,6rem)}
.ins-reuniones p{max-width:30ch;line-height:1.15;letter-spacing:-.02em}

/* ── Páginas de cada paso · la portada la arma ilustraciones.js (.il-hero, .il-fondo) ── */
.ins-link-flecha{font-weight:600;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}

/* ── El panel en video (home y /contabilidad-de-gestion) ── */
.ins-panel-video{background:#081936;color:#F7F5F0;padding:clamp(5rem,12vw,10rem) var(--page-margin,20px) clamp(4rem,8vw,7rem);display:grid;gap:clamp(2.5rem,5vw,4.5rem);justify-items:center}
.ins-panel-video__texto{max-width:1100px;width:100%;display:grid;gap:1.25rem}
.ins-panel-video__rotulo{font-weight:600;color:#7FB4E8;font-size:clamp(1rem,1.4vw,1.25rem);letter-spacing:-.01em}
.ins-panel-video h2{font-size:clamp(2.4rem,6vw,5.75rem);line-height:.98;letter-spacing:-.045em;font-weight:600;max-width:16ch;text-wrap:balance}
.ins-panel-video__bajada{font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.3;max-width:46ch;color:color-mix(in srgb,#F7F5F0 78%,transparent)}
.ins-panel-video__marco{position:relative;width:100%;max-width:1280px;aspect-ratio:16/9;border-radius:clamp(12px,1.6vw,22px);overflow:hidden;background:#0E2A5C;box-shadow:0 0 0 1px rgba(247,245,240,.08),0 40px 120px -40px rgba(0,0,0,.7)}
.ins-panel-video__marco video{width:100%;height:100%;object-fit:cover;display:block}
/* Abajo a la izquierda: abajo a la derecha el video lleva "Datos de ejemplo" y no se tapa. */
.ins-panel-video__controles{position:absolute;left:14px;bottom:14px;display:flex;gap:8px}
.ins-panel-video__boton{font-family:inherit;font-weight:600;font-size:13px;line-height:1;letter-spacing:-.01em;color:#0E2A5C;background:rgba(247,245,240,.92);border:0;border-radius:999px;padding:10px 16px;cursor:pointer;backdrop-filter:blur(6px);transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s}
.ins-panel-video__boton:hover{transform:translateY(-1px);background:#fff}
.ins-panel-video__boton:focus-visible{outline:2px solid #7FB4E8;outline-offset:2px}
.ins-panel-video__pie{font-size:13px;color:color-mix(in srgb,#F7F5F0 60%,transparent);max-width:1280px;width:100%}
@media (max-width:767px){.ins-panel-video__marco{aspect-ratio:9/16;max-width:440px}}
.ins-panel-video__marco--sin-video .ins-panel-video__controles{display:none}