/* ============================================================================
   Términos y condiciones

   Hoja propia porque las dos pantallas que los muestran cargan cosas distintas:
   la pública va con el layout del portal y la del colegiado se sirve sin layout,
   con sus enlaces a mano. Tener el estilo en un solo sitio es lo que impide que
   el mismo documento se vea de dos maneras.
   ============================================================================ */

.terminos__sello{
  display: flex; gap: 16px; flex-wrap: wrap;
  padding: 10px 14px; margin-bottom: 18px;
  border-radius: 9px; background: var(--purple-tint);
  font-size: .8rem; color: var(--cmp-purple);
}

/* ---- Visor del PDF --------------------------------------------------------
   El alto lo fija cada pantalla: aquí compite con una casilla y un botón, y en
   la pública no. Lo que sí es común es que tenga borde y fondo propios: sin
   ellos, un PDF de fondo blanco se funde con la tarjeta y no se ve dónde
   empieza el documento.
   -------------------------------------------------------------------------- */
.terminos__visor{
  display: block; width: 100%;
  border: 1px solid var(--line-divider, rgba(20,10,25,.1));
  border-radius: 9px; background: #F4F2F5;
}

/* Lo que se pinta si el navegador no sabe mostrar el PDF. Un visor que falla
   en silencio dejaría al colegiado aceptando algo que no ha podido leer. */
.terminos__respaldo{
  display: flex; flex-direction: column; align-items: center; gap: 12px;
  padding: 40px 20px; text-align: center;
  font-size: .88rem; color: var(--ink-soft);
}

.terminos__descarga{
  display: inline-flex; align-items: center; gap: 7px;
  margin-top: 10px;
  font-size: .8rem; font-weight: 600; color: var(--cmp-purple);
}

/* ---- Word: no hay visor posible ------------------------------------------- */
.terminos__descargable{
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 13px; align-items: center;
  padding: 18px; border-radius: 11px;
  border: 1px solid var(--line-divider, rgba(20,10,25,.1));
  background: #FBFAFC;
}
.terminos__descargable-icono{
  flex: none; width: 42px; height: 42px; border-radius: 11px;
  background: var(--purple-tint); color: var(--cmp-purple);
  display: grid; place-items: center;
}

@media (max-width: 575.98px){
  /* El botón a lo ancho: apretado junto al nombre del archivo se queda por
     debajo del área de toque cómoda. */
  .terminos__descargable{ grid-template-columns: minmax(0, 1fr); }
  .terminos__descargable > a{ justify-self: stretch !important; text-align: center; }
}

/* ---- Texto (las versiones anteriores a db/38) -----------------------------
   El texto legal se lee de arriba abajo y en párrafos largos: algo más de aire
   entre líneas que en una descripción de oferta.
   -------------------------------------------------------------------------- */
.terminos__cuerpo{ line-height: 1.75; }
.terminos__cuerpo h2{
  font-size: .95rem; color: var(--cmp-purple); margin: 1.5rem 0 .5rem;
}
.terminos__cuerpo h2:first-child{ margin-top: 0; }
.terminos__cuerpo p,
.terminos__cuerpo li{ font-size: .87rem; color: var(--ink-soft); }