/* ============================================================
   Importación de Fuentes
   ============================================================ */
   @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Playfair+Display:wght@400;700&display=swap');

   /* ============================================================
      Reset Básico y Estilo del Body
      ============================================================ */
   body {
     margin: 0;
     padding: 0;
     font-family: 'Lato', sans-serif;
     background-color: #f8f9fa;
     color: #333;
     line-height: 1.6;
   }
   
   
   /* ============================================================
      Contenedor Principal
      ============================================================ */
   .container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 20px;
   }
   
   /* ============================================================
      Estilos para el Encabezado y Títulos
      ============================================================ */
   .page-heading {
     margin-bottom: 0;
     padding-top: 0;
   }
   
   .page-heading h1 {
     font-family: 'Playfair Display', serif;
     font-size: 2.5rem;
     color: #222;
     margin-bottom: 10px;
   }
   
   /* ============================================================
      Breadcrumb (Migas de Pan)
      ============================================================ */
   .breadcrumb {
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     margin-bottom: 0;
     background-color: transparent;
   }
   
   .breadcrumb-item {
     font-size: 0.9rem;
   }
   
   .breadcrumb-item + .breadcrumb-item::before {
     content: ">";
     margin: 0 8px;
     color: #777;
   }
   
   .breadcrumb a {
     color: #007bff;
     text-decoration: none;
   }
   
   .breadcrumb a:hover {
     text-decoration: underline;
   }
   
   /* ============================================================
      Wrapper Principal del Contenido
      ============================================================ */
   .wrapper-body {
     padding: 40px 0;
   }
   
   /* ============================================================
      Estilos para el Contenido de la Página
      ============================================================ */
   .page-copy {
     margin-bottom: 40px;
     font-size: 1rem;
   }
   
   /* ============================================================
      Estilos para la Tabla de la Entity List
      ============================================================ */
   .entitylist .table {
     width: 100%;
     margin-bottom: 20px;
     border-collapse: collapse;
   }
   
   .entitylist .table th,
   .entitylist .table td {
     padding: 12px 15px;
     border: 1px solid #ddd;
     text-align: left;
   }
   
   .entitylist .table th {
     background-color: #f2f2f2;
     font-weight: 700;
   }
   
   .entitylist .table tbody tr:nth-child(even) {
     background-color: #fafafa;
   }
   
   .entitylist .table tbody tr:hover {
     background-color: #f1f1f1;
   }
   
   /* ============================================================
      Botones
      ============================================================ */
   .btn {
     display: inline-block;
     padding: 10px 20px;
     font-size: 1rem;
     border-radius: 4px;
     text-decoration: none;
     transition: background-color 0.3s ease;
     cursor: pointer;
   }
   
   .btn-primary {
     background-color: #007bff;
     color: #fff;
     border: none;
   }
   
   .btn-primary:hover {
     background-color: #0056b3;
   }
   
   /* ============================================================
      Estilos para Modales (si aplican)
      ============================================================ */
   .modal-content {
     border-radius: 6px;
     border: none;
   }
   
   /* ============================================================
      Ajustes Responsivos
      ============================================================ */
   @media (max-width: 768px) {
     .page-heading h1 {
       font-size: 2rem;
     }
     .container {
       padding: 15px;
     }
   }