{"id":1516,"date":"2026-08-13T15:29:18","date_gmt":"2026-08-13T15:29:18","guid":{"rendered":"https:\/\/www.ccen.ufpb.br\/profqui\/?page_id=1516"},"modified":"2026-08-13T16:11:19","modified_gmt":"2026-08-13T16:11:19","slug":"disciplinas-2","status":"publish","type":"page","link":"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas-2\/","title":{"rendered":"Disciplinas"},"content":{"rendered":"<div id=\"pl-1516\"  class=\"panel-layout\" ><div id=\"pg-1516-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1516-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1516-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><style>\n  \/* ==========================================================\n     PROFQUI\/UFPB \u2014 Disciplinas por semestre\n     Cole todo este bloco em um Editor SiteOrigin, na aba Texto.\n     O comportamento por toque\/teclado depende do JS complementar.\n     ========================================================== *\/\n\n  #profqui-disciplinas {\n    --pq-azul: #174a66;\n    --pq-azul-escuro: #10384e;\n    --pq-azul-vivo: #2a7fff;\n    --pq-turquesa: #00d4aa;\n    --pq-ciano: #00ccff;\n    --pq-fundo: #f2fafd;\n    --pq-borda: #cfe0e8;\n    --pq-texto: #172b36;\n    --pq-texto-suave: #526b78;\n    width: 100%;\n    margin: 0 0 60px;\n    color: var(--pq-texto);\n    font-family: \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;\n    font-size: 17px;\n    line-height: 1.65;\n  }\n\n  #profqui-disciplinas,\n  #profqui-disciplinas * {\n    box-sizing: border-box;\n  }\n\n  #profqui-disciplinas a {\n    text-decoration: none;\n  }\n\n  \/* ---------- Abertura ---------- *\/\n\n  .pq-disc__abertura {\n    position: relative;\n    min-height: 340px;\n    margin: 0 0 53px;\n    padding: clamp(40px, 6vw, 70px);\n    overflow: hidden;\n    isolation: isolate;\n    background:\n      radial-gradient(circle at 88% 16%, rgba(0, 204, 255, 0.22), transparent 29%),\n      radial-gradient(circle at 74% 94%, rgba(0, 212, 170, 0.19), transparent 35%),\n      linear-gradient(135deg, #f6fcff 0%, #edfaff 52%, #f2fffb 100%);\n    border: 1px solid var(--pq-borda);\n    border-radius: 24px;\n    box-shadow: 0 18px 48px rgba(23, 74, 102, 0.10);\n  }\n\n  .pq-disc__abertura::before {\n    content: \"\";\n    position: absolute;\n    top: -145px;\n    right: -65px;\n    z-index: -1;\n    width: 350px;\n    height: 350px;\n    border: 1px solid rgba(42, 127, 255, 0.16);\n    border-radius: 50%;\n    box-shadow:\n      0 0 0 46px rgba(0, 212, 170, 0.05),\n      0 0 0 92px rgba(0, 204, 255, 0.035);\n  }\n\n  .pq-disc__abertura::after {\n    content: \"\";\n    position: absolute;\n    right: 247px;\n    bottom: -68px;\n    z-index: -1;\n    width: 145px;\n    height: 145px;\n    border: 1px solid rgba(0, 168, 135, 0.15);\n    border-radius: 50%;\n  }\n\n  .pq-disc__rotulo {\n    display: inline-flex;\n    margin: 0 0 16px;\n    padding: 7px 12px;\n    align-items: center;\n    gap: 9px;\n    color: #07584a;\n    background: rgba(0, 212, 170, 0.13);\n    border: 1px solid rgba(0, 168, 135, 0.23);\n    border-radius: 999px;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 0.09em;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  .pq-disc__rotulo::before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    background: var(--pq-turquesa);\n    border-radius: 50%;\n    box-shadow: 0 0 0 5px rgba(0, 212, 170, 0.13);\n  }\n\n  #profqui-disciplinas .pq-disc__titulo {\n    max-width: 790px;\n    margin: 0 0 20px;\n    color: var(--pq-azul-escuro);\n    font-family: \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;\n    font-size: clamp(39px, 5.6vw, 64px);\n    font-weight: 800;\n    letter-spacing: -0.042em;\n    line-height: 1.03;\n    text-transform: none;\n  }\n\n  .pq-disc__titulo-destaque {\n    color: var(--pq-azul-vivo);\n  }\n\n  .pq-disc__introducao {\n    max-width: 760px;\n    margin: 0;\n    color: var(--pq-texto-suave);\n    font-size: clamp(17px, 1.8vw, 20px);\n    line-height: 1.63;\n  }\n\n  \/* ---------- Cabe\u00e7alho do explorador ---------- *\/\n\n  .pq-disc__explorador {\n    margin: 0 0 48px;\n  }\n\n  .pq-disc__explorador-topo {\n    display: flex;\n    max-width: 920px;\n    margin: 0 auto 30px;\n    align-items: end;\n    justify-content: space-between;\n    gap: 28px;\n  }\n\n  #profqui-disciplinas .pq-disc__secao-titulo {\n    margin: 0;\n    color: var(--pq-azul-escuro);\n    font-family: \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;\n    font-size: clamp(28px, 3.5vw, 39px);\n    font-weight: 800;\n    letter-spacing: -0.03em;\n    line-height: 1.13;\n    text-transform: none;\n  }\n\n  .pq-disc__secao-texto {\n    max-width: 650px;\n    margin: 9px 0 0;\n    color: var(--pq-texto-suave);\n  }\n\n  .pq-disc__instrucao {\n    display: inline-flex;\n    min-height: 39px;\n    padding: 8px 12px;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: 8px;\n    color: var(--pq-azul);\n    background: var(--pq-fundo);\n    border: 1px solid #c2dce7;\n    border-radius: 999px;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.25;\n  }\n\n  .pq-disc__instrucao::before {\n    content: \"\";\n    width: 9px;\n    height: 9px;\n    background: var(--pq-ciano);\n    border: 2px solid #ffffff;\n    border-radius: 50%;\n    box-shadow: 0 0 0 1px var(--pq-ciano);\n  }\n\n  \/* ---------- Disco interativo ---------- *\/\n\n  .pq-disc__palco {\n    position: relative;\n    display: grid;\n    width: 100%;\n    min-width: 0;\n    min-height: 690px;\n    padding: 38px 20px 50px;\n    place-items: center;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at center, rgba(0, 204, 255, 0.075), transparent 34%),\n      linear-gradient(180deg, #fbfdfe, #f4fafc);\n    border: 1px solid var(--pq-borda);\n    border-radius: 24px;\n  }\n\n  .pq-disc__palco::before,\n  .pq-disc__palco::after {\n    content: \"\";\n    position: absolute;\n    pointer-events: none;\n    border: 1px solid rgba(42, 127, 255, 0.08);\n    border-radius: 50%;\n  }\n\n  .pq-disc__palco::before {\n    width: 740px;\n    height: 740px;\n  }\n\n  .pq-disc__palco::after {\n    width: 820px;\n    height: 820px;\n    border-color: rgba(0, 168, 135, 0.055);\n  }\n\n  .pq-disc__disco {\n    --pq-gap: 10px;\n    --pq-tempo-uniao: 300ms;\n    --pq-tempo-expansao: 470ms;\n    position: relative;\n    z-index: 1;\n    display: grid;\n    width: calc(100% - 40px);\n    max-width: 600px;\n    min-width: 0;\n    aspect-ratio: 1;\n    isolation: isolate;\n    border-radius: 50%;\n    outline: none;\n    filter: drop-shadow(0 22px 34px rgba(23, 74, 102, 0.18));\n  }\n\n  .pq-disc__semestre {\n    --pq-aberto: 0;\n    position: relative;\n    display: grid;\n    width: 100%;\n    aspect-ratio: 1;\n    grid-area: 1 \/ 1;\n    overflow: hidden;\n    place-items: center;\n    color: #ffffff;\n    border: 0;\n    border-radius: 50%;\n    outline: none;\n    cursor: pointer;\n    \/*\n     * Estado de sa\u00edda: primeiro a fatia expandida se recolhe;\n     * depois, todas as fatias se afastam.\n     *\/\n    transition:\n      clip-path var(--pq-tempo-expansao) cubic-bezier(0.2, 0.75, 0.25, 1),\n      transform var(--pq-tempo-uniao) cubic-bezier(0.2, 0.75, 0.25, 1)\n        var(--pq-tempo-expansao),\n      filter 180ms ease,\n      z-index 0s calc(var(--pq-tempo-expansao) + var(--pq-tempo-uniao));\n  }\n\n  .pq-disc__semestre::before,\n  .pq-disc__semestre::after {\n    content: \"\";\n    position: absolute;\n    pointer-events: none;\n    border-radius: 50%;\n  }\n\n  .pq-disc__semestre::before {\n    inset: -14%;\n    opacity: 0.24;\n    background:\n      radial-gradient(circle at 28% 25%, rgba(255, 255, 255, 0.42) 0 2px, transparent 3px),\n      radial-gradient(circle at 72% 68%, rgba(255, 255, 255, 0.30) 0 3px, transparent 4px);\n    background-size: 54px 54px, 83px 83px;\n    transform: rotate(-9deg);\n  }\n\n  .pq-disc__semestre::after {\n    inset: 8%;\n    border: 1px solid rgba(255, 255, 255, 0.18);\n  }\n\n  .pq-disc__semestre_1 {\n    background: linear-gradient(145deg, #0d3449 0%, #174a66 58%, #216d8e 100%);\n    clip-path: polygon(\n      50% 50%,\n      calc(50% * var(--pq-aberto)) calc(120% * var(--pq-aberto)),\n      0 calc(100% * var(--pq-aberto)),\n      0 0,\n      100% 0,\n      100% calc(100% * var(--pq-aberto)),\n      calc(100% - 50% * var(--pq-aberto)) calc(120% * var(--pq-aberto))\n    );\n    transform: translateY(calc(-1 * var(--pq-gap)));\n  }\n\n  .pq-disc__semestre_2 {\n    background: linear-gradient(145deg, #174a66 0%, #216ab1 54%, #2a7fff 100%);\n    clip-path: polygon(\n      50% 50%,\n      calc(100% - 120% * var(--pq-aberto)) calc(50% * var(--pq-aberto)),\n      calc(100% - 100% * var(--pq-aberto)) 0,\n      100% 0,\n      100% 100%,\n      calc(100% - 100% * var(--pq-aberto)) 100%,\n      calc(100% - 120% * var(--pq-aberto)) calc(100% - 50% * var(--pq-aberto))\n    );\n    transform: translateX(var(--pq-gap));\n  }\n\n  .pq-disc__semestre_3 {\n    background: linear-gradient(145deg, #0e6179 0%, #008faf 55%, #00b6d8 100%);\n    clip-path: polygon(\n      50% 50%,\n      calc(100% - 50% * var(--pq-aberto)) calc(100% - 120% * var(--pq-aberto)),\n      100% calc(100% - 120% * var(--pq-aberto)),\n      100% 100%,\n      0 100%,\n      0 calc(100% - 100% * var(--pq-aberto)),\n      calc(50% * var(--pq-aberto)) calc(100% - 120% * var(--pq-aberto))\n    );\n    transform: translateY(var(--pq-gap));\n  }\n\n  .pq-disc__semestre_4 {\n    background: linear-gradient(145deg, #076c5b 0%, #009b7e 56%, #00bb96 100%);\n    clip-path: polygon(\n      50% 50%,\n      calc(120% * var(--pq-aberto)) calc(50% * var(--pq-aberto)),\n      calc(100% * var(--pq-aberto)) 0,\n      0 0,\n      0 100%,\n      calc(100% * var(--pq-aberto)) 100%,\n      calc(120% * var(--pq-aberto)) calc(100% - 50% * var(--pq-aberto))\n    );\n    transform: translateX(calc(-1 * var(--pq-gap)));\n  }\n\n  \/* Re\u00fane as quatro fatias ao interagir com o disco. *\/\n  .pq-disc__disco.pq-disc__disco_selecionado .pq-disc__semestre {\n    transform: translate(0, 0);\n    transition:\n      transform var(--pq-tempo-uniao) cubic-bezier(0.2, 0.75, 0.25, 1),\n      clip-path var(--pq-tempo-expansao) cubic-bezier(0.2, 0.75, 0.25, 1),\n      filter 180ms ease,\n      z-index 0s;\n  }\n\n  \/* Expande o semestre selecionado para preencher o c\u00edrculo. *\/\n  .pq-disc__semestre.pq-disc__semestre_ativo {\n    --pq-aberto: 1;\n    z-index: 20;\n    filter: saturate(1.05);\n    transition:\n      transform var(--pq-tempo-uniao) cubic-bezier(0.2, 0.75, 0.25, 1),\n      clip-path var(--pq-tempo-expansao) cubic-bezier(0.2, 0.75, 0.25, 1)\n        var(--pq-tempo-uniao),\n      filter 180ms ease,\n      z-index 0s;\n  }\n\n  .pq-disc__semestre:focus-visible {\n    box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.88);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .pq-disc__disco:hover .pq-disc__semestre {\n      transform: translate(0, 0);\n      transition:\n        transform var(--pq-tempo-uniao) cubic-bezier(0.2, 0.75, 0.25, 1),\n        clip-path var(--pq-tempo-expansao) cubic-bezier(0.2, 0.75, 0.25, 1),\n        filter 180ms ease,\n        z-index 0s;\n    }\n\n    .pq-disc__semestre:hover {\n      --pq-aberto: 1;\n      z-index: 20;\n      filter: saturate(1.05);\n      transition:\n        transform var(--pq-tempo-uniao) cubic-bezier(0.2, 0.75, 0.25, 1),\n        clip-path var(--pq-tempo-expansao) cubic-bezier(0.2, 0.75, 0.25, 1)\n          var(--pq-tempo-uniao),\n        filter 180ms ease,\n        z-index 0s;\n    }\n  }\n\n  \/* ---------- Identifica\u00e7\u00e3o das fatias ---------- *\/\n\n  .pq-disc__marcador {\n    position: absolute;\n    z-index: 3;\n    display: flex;\n    min-width: 104px;\n    padding: 11px 14px;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    color: #ffffff;\n    text-align: center;\n    text-shadow: 0 2px 8px rgba(9, 39, 54, 0.22);\n    transition:\n      opacity var(--pq-tempo-uniao) ease var(--pq-tempo-expansao),\n      visibility 0s var(--pq-tempo-expansao);\n  }\n\n  .pq-disc__semestre_1 .pq-disc__marcador {\n    top: 11%;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .pq-disc__semestre_2 .pq-disc__marcador {\n    top: 50%;\n    right: 8%;\n    transform: translateY(-50%);\n  }\n\n  .pq-disc__semestre_3 .pq-disc__marcador {\n    bottom: 10%;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .pq-disc__semestre_4 .pq-disc__marcador {\n    top: 50%;\n    left: 8%;\n    transform: translateY(-50%);\n  }\n\n  .pq-disc__marcador-numero {\n    display: block;\n    font-size: clamp(31px, 4.5vw, 47px);\n    font-weight: 900;\n    letter-spacing: -0.045em;\n    line-height: 0.95;\n  }\n\n  .pq-disc__marcador-texto {\n    display: block;\n    margin-top: 5px;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 0.12em;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  .pq-disc__semestre.pq-disc__semestre_ativo .pq-disc__marcador {\n    visibility: hidden;\n    opacity: 0;\n    transition:\n      opacity var(--pq-tempo-uniao) ease,\n      visibility 0s var(--pq-tempo-uniao);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .pq-disc__semestre:hover .pq-disc__marcador {\n      visibility: hidden;\n      opacity: 0;\n      transition:\n        opacity var(--pq-tempo-uniao) ease,\n        visibility 0s var(--pq-tempo-uniao);\n    }\n  }\n\n  \/* ---------- Conte\u00fado do semestre expandido ---------- *\/\n\n  .pq-disc__conteudo {\n    position: relative;\n    z-index: 4;\n    display: flex;\n    width: min(72%, 435px);\n    max-height: 82%;\n    padding: 10px 0;\n    align-items: center;\n    flex-direction: column;\n    color: #ffffff;\n    text-align: center;\n    visibility: hidden;\n    opacity: 0;\n    pointer-events: none;\n    transform: scale(0.90) translateY(8px);\n    transition:\n      opacity 170ms ease,\n      transform 330ms cubic-bezier(0.2, 0.75, 0.25, 1),\n      visibility 0s 260ms;\n  }\n\n  .pq-disc__semestre.pq-disc__semestre_ativo .pq-disc__conteudo {\n    visibility: visible;\n    opacity: 1;\n    pointer-events: auto;\n    transform: scale(1) translateY(0);\n    transition-delay: 560ms;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .pq-disc__semestre:hover .pq-disc__conteudo {\n      visibility: visible;\n      opacity: 1;\n      pointer-events: auto;\n      transform: scale(1) translateY(0);\n      transition-delay: 560ms;\n    }\n  }\n\n  .pq-disc__periodo {\n    display: inline-flex;\n    margin: 0 0 8px;\n    padding: 5px 10px;\n    color: #ffffff;\n    background: rgba(255, 255, 255, 0.13);\n    border: 1px solid rgba(255, 255, 255, 0.27);\n    border-radius: 999px;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 0.105em;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  #profqui-disciplinas .pq-disc__semestre-titulo {\n    margin: 0 0 14px;\n    color: #ffffff;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;\n    font-size: clamp(22px, 3vw, 29px);\n    font-weight: 800;\n    letter-spacing: -0.025em;\n    line-height: 1.12;\n    text-transform: none;\n  }\n\n  .pq-disc__lista {\n    display: grid;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    gap: 8px;\n    list-style: none;\n  }\n\n  .pq-disc__lista li {\n    margin: 0;\n    padding: 0;\n  }\n\n  .pq-disc__link {\n    display: flex;\n    min-height: 47px;\n    padding: 9px 13px;\n    align-items: center;\n    justify-content: space-between;\n    gap: 11px;\n    color: #ffffff !important;\n    background: rgba(255, 255, 255, 0.10);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    border-radius: 10px;\n    backdrop-filter: blur(3px);\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1.28;\n    text-align: left;\n    text-decoration: none !important;\n    transition:\n      color 160ms ease,\n      background-color 160ms ease,\n      border-color 160ms ease,\n      transform 160ms ease;\n  }\n\n  .pq-disc__link::after {\n    content: \"\\2197\";\n    display: grid;\n    width: 27px;\n    height: 27px;\n    flex: 0 0 27px;\n    place-items: center;\n    color: var(--pq-azul-escuro);\n    background: var(--pq-turquesa);\n    border-radius: 50%;\n    font-size: 13px;\n    line-height: 1;\n    transition: transform 160ms ease;\n  }\n\n  .pq-disc__link:hover {\n    color: var(--pq-azul-escuro) !important;\n    background: rgba(255, 255, 255, 0.94);\n    border-color: #ffffff;\n    transform: translateY(-1px);\n  }\n\n  .pq-disc__link:hover::after {\n    transform: translate(2px, -2px);\n  }\n\n  .pq-disc__link:focus-visible,\n  .pq-disc__voltar:focus-visible {\n    outline: 3px solid #ffffff;\n    outline-offset: 3px;\n  }\n\n  .pq-disc__voltar {\n    display: none;\n    min-height: 34px;\n    margin: 12px 0 0;\n    padding: 7px 11px;\n    color: #ffffff;\n    background: transparent;\n    border: 1px solid rgba(255, 255, 255, 0.33);\n    border-radius: 999px;\n    font-family: inherit;\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.2;\n    cursor: pointer;\n  }\n\n  .pq-disc__voltar:hover {\n    background: rgba(255, 255, 255, 0.13);\n  }\n\n  @media (hover: none), (pointer: coarse) {\n    .pq-disc__voltar {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  \/* ---------- N\u00facleo inicial ---------- *\/\n\n  .pq-disc__nucleo {\n    position: relative;\n    z-index: 12;\n    display: grid;\n    width: 122px;\n    height: 122px;\n    grid-area: 1 \/ 1;\n    place-items: center;\n    align-self: center;\n    justify-self: center;\n    color: var(--pq-azul-escuro);\n    background: rgba(255, 255, 255, 0.96);\n    border: 1px solid #b9d9e6;\n    border-radius: 50%;\n    box-shadow:\n      0 13px 28px rgba(16, 56, 78, 0.18),\n      inset 0 0 0 8px rgba(242, 250, 253, 0.92);\n    text-align: center;\n    pointer-events: none;\n    \/* O n\u00facleo reaparece junto com a separa\u00e7\u00e3o das quatro fatias. *\/\n    transition:\n      opacity var(--pq-tempo-uniao) ease var(--pq-tempo-expansao),\n      visibility 0s var(--pq-tempo-expansao);\n  }\n\n  .pq-disc__nucleo strong {\n    display: block;\n    color: var(--pq-azul-vivo);\n    font-size: 36px;\n    font-weight: 900;\n    letter-spacing: -0.045em;\n    line-height: 0.9;\n  }\n\n  .pq-disc__nucleo span {\n    display: block;\n    margin-top: 5px;\n    color: var(--pq-azul);\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 0.11em;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  .pq-disc__disco.pq-disc__disco_selecionado .pq-disc__nucleo {\n    visibility: hidden;\n    opacity: 0;\n    transition:\n      opacity var(--pq-tempo-uniao) ease,\n      visibility 0s var(--pq-tempo-uniao);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .pq-disc__disco:hover .pq-disc__nucleo {\n      visibility: hidden;\n      opacity: 0;\n      transition:\n        opacity var(--pq-tempo-uniao) ease,\n        visibility 0s var(--pq-tempo-uniao);\n    }\n  }\n\n  \/* ---------- Nota inferior ---------- *\/\n\n  .pq-disc__nota {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    max-width: 920px;\n    margin: 28px auto 0;\n    padding: 20px 22px;\n    align-items: center;\n    gap: 16px;\n    background: #ffffff;\n    border: 1px solid var(--pq-borda);\n    border-radius: 14px;\n    box-shadow: 0 8px 24px rgba(23, 74, 102, 0.065);\n  }\n\n  .pq-disc__nota-icone {\n    position: relative;\n    display: block;\n    width: 45px;\n    height: 45px;\n    background: var(--pq-fundo);\n    border: 1px solid #c1dce7;\n    border-radius: 11px;\n  }\n\n  .pq-disc__nota-icone::before {\n    content: \"\";\n    position: absolute;\n    top: 9px;\n    left: 12px;\n    width: 19px;\n    height: 25px;\n    background: #ffffff;\n    border: 2px solid var(--pq-azul);\n    border-radius: 3px;\n  }\n\n  .pq-disc__nota-icone::after {\n    content: \"\";\n    position: absolute;\n    top: 18px;\n    left: 17px;\n    width: 11px;\n    height: 2px;\n    background: var(--pq-turquesa);\n    box-shadow: 0 6px 0 var(--pq-azul-vivo);\n  }\n\n  .pq-disc__nota-texto {\n    margin: 0;\n    color: var(--pq-texto-suave);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .pq-disc__nota-texto strong {\n    display: block;\n    margin-bottom: 2px;\n    color: var(--pq-azul-escuro);\n    font-size: 15px;\n  }\n\n  .pq-disc__matriz {\n    display: inline-flex;\n    min-height: 42px;\n    padding: 10px 14px;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    color: #ffffff !important;\n    background: var(--pq-azul);\n    border-radius: 9px;\n    font-size: 13px;\n    font-weight: 900;\n    line-height: 1.25;\n    text-align: center;\n    text-decoration: none !important;\n    transition: background-color 160ms ease, transform 160ms ease;\n  }\n\n  .pq-disc__matriz::after {\n    content: \"\\2192\";\n    font-size: 17px;\n    line-height: 1;\n  }\n\n  .pq-disc__matriz:hover {\n    color: #ffffff !important;\n    background: var(--pq-azul-vivo);\n    transform: translateY(-1px);\n  }\n\n  .pq-disc__matriz:focus-visible {\n    outline: 3px solid var(--pq-turquesa);\n    outline-offset: 3px;\n  }\n\n  \/* ---------- Responsividade ---------- *\/\n\n  @media (max-width: 760px) {\n    .pq-disc__abertura {\n      min-height: 0;\n      padding: 39px 27px;\n      border-radius: 19px;\n    }\n\n    .pq-disc__explorador-topo {\n      align-items: flex-start;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .pq-disc__palco {\n      min-height: 600px;\n      padding: 35px 10px 45px;\n      border-radius: 19px;\n    }\n\n    .pq-disc__disco {\n      width: calc(100% - 28px);\n      max-width: 540px;\n    }\n\n    .pq-disc__nota {\n      grid-template-columns: auto minmax(0, 1fr);\n    }\n\n    .pq-disc__matriz {\n      grid-column: 1 \/ -1;\n    }\n  }\n\n  @media (max-width: 520px) {\n    #profqui-disciplinas {\n      font-size: 16px;\n    }\n\n    .pq-disc__abertura {\n      margin-bottom: 43px;\n      padding: 32px 21px;\n    }\n\n    .pq-disc__palco {\n      min-height: 450px;\n      padding: 28px 5px 34px;\n    }\n\n    .pq-disc__disco {\n      --pq-gap: 6px;\n      width: calc(100% - 16px);\n      max-width: 390px;\n    }\n\n    .pq-disc__nucleo {\n      width: 86px;\n      height: 86px;\n      box-shadow:\n        0 10px 23px rgba(16, 56, 78, 0.17),\n        inset 0 0 0 5px rgba(242, 250, 253, 0.92);\n    }\n\n    .pq-disc__nucleo strong {\n      font-size: 27px;\n    }\n\n    .pq-disc__nucleo span {\n      font-size: 7px;\n    }\n\n    .pq-disc__marcador {\n      min-width: 74px;\n      padding: 7px;\n    }\n\n    .pq-disc__marcador-numero {\n      font-size: 28px;\n    }\n\n    .pq-disc__marcador-texto {\n      margin-top: 3px;\n      font-size: 7px;\n    }\n\n    .pq-disc__conteudo {\n      width: 78%;\n      max-height: 88%;\n      padding: 4px 0;\n    }\n\n    .pq-disc__periodo {\n      margin-bottom: 4px;\n      padding: 3px 7px;\n      font-size: 7px;\n    }\n\n    #profqui-disciplinas .pq-disc__semestre-titulo {\n      margin-bottom: 7px;\n      font-size: 18px;\n    }\n\n    .pq-disc__lista {\n      gap: 5px;\n    }\n\n    .pq-disc__link {\n      min-height: 0;\n      padding: 7px 9px;\n      gap: 7px;\n      border-radius: 8px;\n      font-size: 10.5px;\n      line-height: 1.22;\n    }\n\n    .pq-disc__link::after {\n      width: 21px;\n      height: 21px;\n      flex-basis: 21px;\n      font-size: 10px;\n    }\n\n    .pq-disc__voltar {\n      min-height: 27px;\n      margin-top: 7px;\n      padding: 5px 8px;\n      font-size: 8px;\n    }\n\n    .pq-disc__nota {\n      padding: 17px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .pq-disc__semestre,\n    .pq-disc__marcador,\n    .pq-disc__conteudo,\n    .pq-disc__nucleo,\n    .pq-disc__link,\n    .pq-disc__link::after,\n    .pq-disc__matriz {\n      transition: none;\n    }\n  }\n<\/style>\n\n<div id=\"profqui-disciplinas\">\n  <header class=\"pq-disc__abertura\">\n    <p class=\"pq-disc__rotulo\">Estrutura acad\u00eamica<\/p>\n\n    <h1 class=\"pq-disc__titulo\">\n      Disciplinas por\n      <span class=\"pq-disc__titulo-destaque\">semestre<\/span>\n    <\/h1>\n\n    <p class=\"pq-disc__introducao\">\n      Explore a organiza\u00e7\u00e3o curricular do PROFQUI\/UFPB. Selecione um semestre\n      para visualizar seus componentes e acesse cada disciplina para conhecer\n      sua apresenta\u00e7\u00e3o e seus conte\u00fados.\n    <\/p>\n  <\/header>\n\n  <section class=\"pq-disc__explorador\" aria-labelledby=\"pq-disc-explorador-titulo\">\n    <header class=\"pq-disc__explorador-topo\">\n      <div>\n        <h2 id=\"pq-disc-explorador-titulo\" class=\"pq-disc__secao-titulo\">\n          Percurso formativo\n        <\/h2>\n        <p class=\"pq-disc__secao-texto\">\n          Passe o mouse ou clique sobre o gr\u00e1fico para ter acesso aos links das disciplinas.\n        <\/p>\n      <\/div>\n\n<!--       <span class=\"pq-disc__instrucao\">Interaja com o disco<\/span> -->\n    <\/header>\n\n    <div class=\"pq-disc__palco\">\n      <div\n        class=\"pq-disc__disco\"\n        data-pq-disco\n        tabindex=\"-1\"\n        aria-label=\"Disciplinas organizadas em quatro semestres\"\n      >\n        <article\n          class=\"pq-disc__semestre pq-disc__semestre_1\"\n          data-pq-semestre=\"1\"\n          tabindex=\"0\"\n          role=\"group\"\n          aria-label=\"Primeiro semestre\"\n          aria-expanded=\"false\"\n        >\n          <span class=\"pq-disc__marcador\" aria-hidden=\"true\">\n            <strong class=\"pq-disc__marcador-numero\">1\u00ba<\/strong>\n            <span class=\"pq-disc__marcador-texto\">semestre<\/span>\n          <\/span>\n\n          <div class=\"pq-disc__conteudo\" aria-hidden=\"true\">\n            <span class=\"pq-disc__periodo\">Primeiro semestre<\/span>\n            <h3 class=\"pq-disc__semestre-titulo\">Disciplinas<\/h3>\n\n            <ul class=\"pq-disc__lista\">\n              <li>\n                <a\n                  class=\"pq-disc__link\"\n                  href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas\/quimica-1-origem-dos-ementos-e-moleculas\/\"\n                >\n                  Qu\u00edmica 1\n                <\/a>\n              <\/li>\n              <li>\n                <a\n                  class=\"pq-disc__link\"\n                  href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas\/fundamentos-metodologicos-para-a-pesquisa-em-ensino-de-quimica\/\"\n                >\n                  Fundamentos Metodol\u00f3gicos para a Pesquisa em Ensino de Qu\u00edmica\n                <\/a>\n              <\/li>\n              <li>\n                <a\n                  class=\"pq-disc__link\"\n                  href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas\/seminarios-web-1-2-3-e-4\/\"\n                >\n                  Semin\u00e1rios Web 1\n                <\/a>\n              <\/li>\n            <\/ul>\n\n            <button class=\"pq-disc__voltar\" type=\"button\" data-pq-fechar>\n              Voltar aos quatro semestres\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article\n          class=\"pq-disc__semestre pq-disc__semestre_2\"\n          data-pq-semestre=\"2\"\n          tabindex=\"0\"\n          role=\"group\"\n          aria-label=\"Segundo semestre\"\n          aria-expanded=\"false\"\n        >\n          <span class=\"pq-disc__marcador\" aria-hidden=\"true\">\n            <strong class=\"pq-disc__marcador-numero\">2\u00ba<\/strong>\n            <span class=\"pq-disc__marcador-texto\">semestre<\/span>\n          <\/span>\n\n          <div class=\"pq-disc__conteudo\" aria-hidden=\"true\">\n            <span class=\"pq-disc__periodo\">Segundo semestre<\/span>\n            <h3 class=\"pq-disc__semestre-titulo\">Disciplinas<\/h3>\n\n            <ul class=\"pq-disc__lista\">\n              <li>\n                <a\n                  class=\"pq-disc__link\"\n                  href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas\/quimica-2-pilares-da-quimica\/\"\n                >\n                  Qu\u00edmica 2\n                <\/a>\n              <\/li>\n              <li>\n                <a\n                  class=\"pq-disc__link\"\n                  href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas\/ate\/\"\n                >\n                  Abordagens Tecnol\u00f3gicas Atualizadas para o Ensino\n                <\/a>\n              <\/li>\n              <li>\n                <a\n                  class=\"pq-disc__link\"\n                  href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas\/seminarios-web-1-2-3-e-4\/\"\n                >\n                  Semin\u00e1rios Web 2\n                <\/a>\n              <\/li>\n            <\/ul>\n\n            <button class=\"pq-disc__voltar\" type=\"button\" data-pq-fechar>\n              Voltar aos quatro semestres\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article\n          class=\"pq-disc__semestre pq-disc__semestre_3\"\n          data-pq-semestre=\"3\"\n          tabindex=\"0\"\n          role=\"group\"\n          aria-label=\"Terceiro semestre\"\n          aria-expanded=\"false\"\n        >\n          <span class=\"pq-disc__marcador\" aria-hidden=\"true\">\n            <strong class=\"pq-disc__marcador-numero\">3\u00ba<\/strong>\n            <span class=\"pq-disc__marcador-texto\">semestre<\/span>\n          <\/span>\n\n          <div class=\"pq-disc__conteudo\" aria-hidden=\"true\">\n            <span class=\"pq-disc__periodo\">Terceiro semestre<\/span>\n            <h3 class=\"pq-disc__semestre-titulo\">Disciplinas<\/h3>\n\n            <ul class=\"pq-disc__lista\">\n              <li>\n                <a\n                  class=\"pq-disc__link\"\n                  href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas\/quimica-3-quimica-da-vida-ambiente-e-materiais\/\"\n                >\n                  Qu\u00edmica 3\n                <\/a>\n              <\/li>\n              <li>\n                <a\n                  class=\"pq-disc__link\"\n                  href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas\/seminarios-web-1-2-3-e-4\/\"\n                >\n                  Semin\u00e1rios Web 3\n                <\/a>\n              <\/li>\n            <\/ul>\n\n            <button class=\"pq-disc__voltar\" type=\"button\" data-pq-fechar>\n              Voltar aos quatro semestres\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <article\n          class=\"pq-disc__semestre pq-disc__semestre_4\"\n          data-pq-semestre=\"4\"\n          tabindex=\"0\"\n          role=\"group\"\n          aria-label=\"Quarto semestre\"\n          aria-expanded=\"false\"\n        >\n          <span class=\"pq-disc__marcador\" aria-hidden=\"true\">\n            <strong class=\"pq-disc__marcador-numero\">4\u00ba<\/strong>\n            <span class=\"pq-disc__marcador-texto\">semestre<\/span>\n          <\/span>\n\n          <div class=\"pq-disc__conteudo\" aria-hidden=\"true\">\n            <span class=\"pq-disc__periodo\">Quarto semestre<\/span>\n            <h3 class=\"pq-disc__semestre-titulo\">Componentes<\/h3>\n\n            <ul class=\"pq-disc__lista\">\n              <li>\n                <a\n                  class=\"pq-disc__link\"\n                  href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas\/seminarios-web-1-2-3-e-4\/\"\n                >\n                  Semin\u00e1rios Web 4\n                <\/a>\n              <\/li>\n              <li>\n                <a\n                  class=\"pq-disc__link\"\n                  href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas\/demais-atividades-academicas-obrigatorias\/\"\n                >\n                  Reda\u00e7\u00e3o e Defesa\n                <\/a>\n              <\/li>\n            <\/ul>\n\n            <button class=\"pq-disc__voltar\" type=\"button\" data-pq-fechar>\n              Voltar aos quatro semestres\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <span class=\"pq-disc__nucleo\" aria-hidden=\"true\">\n          <span>\n            <strong>4<\/strong>\n            <span>semestres<\/span>\n          <\/span>\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <aside class=\"pq-disc__nota\">\n      <span class=\"pq-disc__nota-icone\" aria-hidden=\"true\"><\/span>\n      <p class=\"pq-disc__nota-texto\">\n        <strong>Consulte os detalhes de cada componente<\/strong>\n        Os nomes dentro do disco s\u00e3o links para as p\u00e1ginas espec\u00edficas das disciplinas.\n      <\/p>\n      <a\n        class=\"pq-disc__matriz\"\n        href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/matriz-curricular\/\"\n      >\n        Ver matriz curricular\n      <\/a>\n    <\/aside>\n  <\/section>\n<\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Estrutura acad\u00eamica Disciplinas por semestre Explore a organiza\u00e7\u00e3o curricular do PROFQUI\/UFPB. Selecione um semestre para visualizar seus componentes e acesse cada disciplina para conhecer sua apresenta\u00e7\u00e3o e seus conte\u00fados. Percurso formativo Passe o mouse ou clique sobre o gr\u00e1fico para ter acesso aos links das disciplinas. 1\u00ba semestre Primeiro semestre Disciplinas Qu\u00edmica 1 Fundamentos Metodol\u00f3gicos [&hellip;]<\/p>\n","protected":false},"author":62,"featured_media":0,"parent":262,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full.php","meta":{"footnotes":""},"class_list":["post-1516","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/pages\/1516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/comments?post=1516"}],"version-history":[{"count":7,"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/pages\/1516\/revisions"}],"predecessor-version":[{"id":1524,"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/pages\/1516\/revisions\/1524"}],"up":[{"embeddable":true,"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/pages\/262"}],"wp:attachment":[{"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/media?parent=1516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}