/* Rev. 4 (ADR 0850): puentes de TenmaLab hacia TenmaHealth y TenmaVet, y textos legales v1.0 comunes. */

/* Puentes del ecosistema (portada de TenmaLab, sección «Tu laboratorio») */
.r4-puentes { margin: 2.2rem 0 0; display: grid; gap: 1.1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.r4-puentes__titulo { grid-column: 1 / -1; margin: 0; font: 500 .78rem/1.2 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--suave); }
.r4-puente { display: grid; gap: .7rem; align-content: start; margin: 0; padding: 1.4rem 1.5rem; border: 1px solid var(--linea); border-radius: var(--radio); background: var(--fondo); }
.r4-puente__marca { display: flex; align-items: center; gap: .6rem; margin: 0; font: 500 .78rem/1.2 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--suave); }
.r4-puente__marca img { height: 22px; width: auto; }
.r4-puente h3 { margin: 0; font-size: var(--t3); line-height: 1.2; color: var(--tinta); }
.r4-puente p { margin: 0; color: var(--texto); }
.r4-puente ul { margin: 0; padding-left: 1.1rem; color: var(--texto); }
.r4-puente li + li { margin-top: .25rem; }
.r4-puente__acciones { display: flex; flex-wrap: wrap; gap: .5rem 1.4rem; margin-top: .3rem; }
.r4-puente__acciones a { font-weight: 600; }

/* Textos legales v1.0 */
.r4-legal { max-width: 78ch; }
.r4-legal h2 { margin: 0 0 .4rem; }
.r4-legal h3 { margin: 1.8rem 0 .5rem; font-size: 1.12rem; color: var(--tinta); }
.r4-legal p, .r4-legal li { color: var(--texto); line-height: 1.65; }
.r4-legal ul { padding-left: 1.2rem; }
.r4-legal li + li { margin-top: .35rem; }
.r4-legal__version { margin: 0 0 1.2rem; font: 500 .8rem/1.3 var(--mono); letter-spacing: .06em; color: var(--suave); }
.r4-legal__resumen { margin: 1rem 0 1.4rem; padding: 1.1rem 1.3rem; border-left: 3px solid var(--acento); border-radius: 0 var(--radio-sm) var(--radio-sm) 0; background: var(--papel2); }
.seccion--papel .r4-legal__resumen { background: var(--fondo); }
.r4-legal__dos { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); margin: 1rem 0; }
.r4-legal__caja { padding: 1.1rem 1.2rem; border: 1px solid var(--linea); border-radius: var(--radio-sm); background: var(--fondo); }
.r4-legal__caja h4 { margin: 0 0 .5rem; font-size: 1rem; color: var(--tinta); }
.r4-legal__caja ul { margin: 0; }
.r4-legal__tabla { width: 100%; border-collapse: collapse; margin: .8rem 0; font-size: .95rem; }
.r4-legal__tabla th, .r4-legal__tabla td { padding: .6rem .7rem; border-bottom: 1px solid var(--linea); text-align: left; vertical-align: top; }
.r4-legal__tabla th { color: var(--tinta); font-weight: 600; }
.r4-legal__envoltura { overflow-x: auto; }
.r4-indice { display: flex; flex-wrap: wrap; gap: .5rem 1.4rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.r4-indice a { font-weight: 600; }

.seccion.seccion--compacta{padding-block:clamp(2rem,4vw,3rem) clamp(1rem,2vw,1.5rem)}
.seccion--compacta .t1{font-size:clamp(2rem,4vw,3rem)}