h1{
            padding: 10px;
            text-align: center;
            font-size: 2rem !important;
            line-height: normal;
        }

        .pdf-container {
          width: 100%;
          max-width: 900px;   /* 🔥 más ancho en desktop */
          margin: 20px auto;
          padding: 10px;
          box-sizing: border-box;
          background: white;
          border-radius: 16px;
          box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        .pdf-container canvas {
          /*width: 100% !important;  /* 🔥 clave */
          width: auto;  /* 🔥 clave */
          height: auto !important;
          display: block;
          margin: auto;
        }


        /* CONTENEDOR TOOLBAR */
        .pdf-toolbar {
          width: fit-content;   /* 🔥 se ajusta al contenido */
          margin: 0 auto 15px auto;

          display: flex;
          gap: 6px;

          padding: 6px 12px;
          border-radius: 999px;

          background: rgba(10, 37, 64, 0.95);
          box-shadow: 0 8px 20px rgba(0,0,0,0.2);
        }

        /* BOTONES GENERALES */
        .pdf-toolbar button,
        .pdf-toolbar a {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 6px;

          padding: 8px 14px;
          border-radius: 999px; /* 🔥 full rounded */

          border: none;
          cursor: pointer;

          font-size: 14px;
          font-weight: 500;

          transition: all 0.25s ease;
        }

        /* BOTONES DE NAVEGACIÓN (prev / next) */
        .pdf-toolbar button {
          background: rgba(255, 255, 255, 0.1);
          color: white;
          backdrop-filter: blur(6px);
        }

        .pdf-toolbar button:hover {
          background: rgba(255, 255, 255, 0.25);
          transform: translateY(-1px);
        }

        /* BOTONES DE ZOOM */
        .pdf-toolbar button:nth-child(4),
        .pdf-toolbar button:nth-child(5) {
          background: rgba(0, 180, 216, 0.2);
          color: #00b4d8;
        }

        .pdf-toolbar button:nth-child(4):hover,
        .pdf-toolbar button:nth-child(5):hover {
          background: #00b4d8;
          color: white;
        }

        /* BOTÓN DESCARGAR (DESTACADO) */
        .pdf-toolbar a {
          background: linear-gradient(135deg, #00b4d8, #0096c7);
          color: white;
          text-decoration: none;
          font-weight: 600;
        }

        .pdf-toolbar a:hover {
          background: linear-gradient(135deg, #0096c7, #0077b6);
          transform: translateY(-1px) scale(1.03);
        }

        /* TEXTO PAGINACIÓN */
        .pdf-toolbar span {
          color: #e0f2ff;
          font-size: 13px;
          opacity: 0.9;
        }

        /* EFECTO CLICK */
        .pdf-toolbar button:active,
        .pdf-toolbar a:active {
          transform: scale(0.95);
        }

        /* SOMBRA SUAVE */
        .pdf-toolbar button,
        .pdf-toolbar a {
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

        @media (max-width: 600px) {
          h1{
              font-size: 1.2rem !important;
          }
          .pdf-container {
            max-width: 100%;
            padding: 5px;
          }

          /*.pdf-toolbar {
            flex-direction: column;
            align-items: stretch;
          }*/

          .pdf-toolbar button,
          .pdf-toolbar a {
            width: 100%;
            font-size: 16px;
            padding: 12px;
          }

          .pdf-toolbar {
            transform: scale(0.95);
            gap: 4px;
          }

          .pdf-toolbar button,
          .pdf-toolbar a {
            font-size: 12px;
            padding: 4px 8px;
          }
        }