/* Estilos globales */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body { background: #f2f2f2; color: #333; font-family: Arial, sans-serif; line-height: 1.6;
      display: flex; flex-direction: column; align-items: center; min-height: 100vh; padding: 0; }
    /* Barra de navegación */
    header { width: 100%; background: #000; display: flex; justify-content: space-between;
      align-items: center; padding: 0.5rem 2rem; z-index: 100; }
    .logo img { display: block; }
    .nav-menu { position: relative; }
    .menu-btn { background: #e0e0e0; border: none; padding: 0.5rem 1rem;
      border-radius: 0.5rem; cursor: pointer; font-weight: bold; }
    .dropdown { display: none; position: absolute; right: 0; background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,0.15); border-radius: 0.5rem; overflow: hidden; margin-top: 0.5rem; }
    .dropdown a { display: block; padding: 0.5rem 1rem; text-decoration: none; color: #333; }
    /* Tabs */
    nav.tabs { display: flex; gap: 1rem; margin: 2rem auto 1rem; }
    .tab-btn { border: none; padding: 0.75rem 1.5rem; border-radius: 0.5rem;
      cursor: pointer; color: #fff; font-weight: bold; }
    .tab-btn.eng { background: #3949ab; }
    .tab-btn.fre { background: #e53935; }
    .tab-btn.active { opacity: 0.8; }
    /* Contenido */
    .tab-content { display: none; width: 90%; max-width: 1000px; margin: 0 auto 2rem;
      background: #fff; border-radius: 1rem; padding: 2rem; box-shadow: 0 4px 20px rgba(0,0,0,0.1);
      border: 2px solid #ccc; }
    .tab-content.active { display: block; }
    /* Inglés detalles */
    #english details { background: #f5f5ff; border-left: 4px solid #3949ab;
      margin-bottom: 1rem; padding: 1rem; border-radius: 0.5rem; }
    #english summary { cursor: pointer; font-weight: bold; color: #1a237e; }
    table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
    th, td { border: 1px solid #ccc; padding: 0.5rem; }
    th { background: #e8eaf6; }
    /* Francés (sin cambios) */
    #french details { background: #ffecec; border-left: 4px solid #e53935;
      margin-bottom: 1rem; padding: 1rem; border-radius: 0.5rem; }
    #french summary { cursor: pointer; font-weight: bold; color: #b71c1c; }
    #french table th { background: #ffebee; }
    .table-responsive { overflow-x: auto; margin-bottom: 1rem;}
    table { table-layout: fixed; width: 100%; }
    th, td { word-wrap: break-word; word-break: break-word; }
    /* Botón descarga */
    .download-link { display: inline-block; margin-top: 1.5rem; background: #333;
      padding: 0.75rem 1.5rem; border-radius: 0.5rem; color: #fff; text-decoration: none; }
    /* Responsive */
    @media (max-width: 600px) { nav.tabs { flex-direction: column; }
      .tab-btn { width: 80%; text-align: center; } .tab-content { padding: 1rem; } }
    /* PDF BUTTON */
    .download-button {
    position: relative;
    border-width: 0;
    color: white;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
    z-index: 1;
    }

    .download-button .docs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 40px;
    padding: 0 10px;
    border-radius: 4px;
    z-index: 1;
    background-color: #242a35;
    border: solid 1px #e8e8e82d;
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    }

    .download-button:hover {
    box-shadow:
        rgba(0, 0, 0, 0.25) 0px 54px 55px,
        rgba(0, 0, 0, 0.12) 0px -12px 30px,
        rgba(0, 0, 0, 0.12) 0px 4px 6px,
        rgba(0, 0, 0, 0.17) 0px 12px 13px,
        rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    .download {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 90%;
    margin: 0 auto;
    z-index: -1;
    border-radius: 4px;
    transform: translateY(0%);
    background-color: #e03501;
    border: solid 1px #01e0572d;
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    }

    .download-button:hover .download {
    transform: translateY(100%);
    }

    .download svg polyline,
    .download svg line {
    animation: docs 1s infinite;
    }

    @keyframes docs {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(-15%);
    }

    100% {
        transform: translateY(0%);
    }
    }
    .footer {
  background-color: rgba(12, 12, 12, 0.9);
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 100%;
}

.footer p {
  margin: 0;
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.5px;
  font-weight: 300;
}

.footer p a {
  text-decoration: none;
  color: #fff;
  font-weight: 600;
}