.md-typeset {
  font-size: 0.65rem;
  line-height: 1.2;
}

.md-typeset h1 {
  font-size: 0.85rem;
  font-weight: 100;
}

.md-typeset h2 {
  font-size: 0.8rem;
  font-weight: 100;
}

.md-typeset h3 {
  font-size: 0.75rem;
  font-weight: 100;
}

.md-nav__item {
  font-size: 0.70rem;
}

/* Título del header */
.md-header__title {
  font-size: 0.7rem;
}

/* 1. Obligar a la tabla a ocupar el 100% del ancho disponible */
table.docutils {
    width: 100% !important;
    display: table !important;
    table-layout: fixed !important; /* Fuerza a respetar los anchos que definamos */
    margin-bottom: 20px !important;
}

/* 2. Reglas generales para celdas: permiten saltos de línea naturales */
table.docutils td, 
table.docutils th {
    white-space: normal !important;  
    word-break: break-word !important; 
    overflow-wrap: anywhere !important;
}

/* 3. Definir un ancho fijo y pequeño para la columna del botón (Acción) */
table.docutils th:first-child,
table.docutils td:first-child {
    width: 180px !important; /* Espacio ideal para que el botón no se estire */
    text-align: center !important;
}

/* 4. Hacer que la columna de Descripción ocupe todo el resto del espacio */
table.docutils th:last-child,
table.docutils td:last-child {
    width: auto !important; 
    max-width: none !important; /* Garantiza que se expanda sin límites a los lados */
    text-align: left !important;
}

/* 5. Ajuste controlado para que las imágenes de los botones no se deformen */
td > img[src*="imagagenda_"] {
    max-width: 120px !important;  /* Limita el ancho del botón */
    max-height: 30px !important;  /* Limita el alto del botón */
    width: auto !important;     
    height: auto !important;    
    display: block !important;  
    margin: 5px auto !important;  /* Centra el botón horizontalmente */
}