/* Shared topic links and complementary UltraPDV pages. */
.ultrapdv-guides {
   margin: 0 0 80px;
   padding: 44px 32px;
   border: 1px solid #dce3f1;
   border-radius: 24px;
   background: #eef3ff;
   scroll-margin-top: 120px;
}

.ultrapdv-guides__header {
   max-width: 760px;
   margin: 0 auto 30px;
   text-align: center;
}

.ultrapdv-guides__header h2,
.ultrapdv-topic__related h2 {
   color: #202c61;
   font-size: 32px;
   line-height: 1.25;
   text-transform: none;
}

.ultrapdv-guides__grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 18px;
}

.ultrapdv-guides__card {
   display: flex;
   flex-direction: column;
   min-width: 0;
   padding: 26px;
   border: 1px solid #dce3f1;
   border-radius: 16px;
   background: #fff;
   color: #202c61;
   box-shadow: 0 8px 24px rgba(32, 44, 97, .04);
}

.ultrapdv-guides__card:hover {
   border-color: #6374af;
   background: #f9fbff;
   color: #202c61;
}

.ultrapdv-guides__card h3 {
   margin: 12px 0;
   color: #202c61;
   font-size: 21px;
   line-height: 1.3;
   text-transform: none;
}

.ultrapdv-guides__card p {
   margin: 0 0 22px;
   color: #515b70;
   font-size: 15px;
   line-height: 1.65;
}

.ultrapdv-guides__card > span:last-child {
   margin-top: auto;
   font-size: 14px;
   font-weight: 700;
}

.ultrapdv-guides__number {
   color: #66749d;
   font-size: 13px;
   font-weight: 700;
   letter-spacing: .08em;
}

.ultrapdv-topic {
   background: #fff;
}

.ultrapdv-topic main p,
.ultrapdv-topic main li {
   color: #4d576a;
   font-size: 17px;
   line-height: 1.8;
}

.ultrapdv-topic main h1,
.ultrapdv-topic main h2,
.ultrapdv-topic main h3 {
   color: #202c61;
   font-weight: 700;
   text-transform: none;
}

.ultrapdv-topic main a:not(.ultrapdv-topic__button):not(.ultrapdv-guides__card) {
   color: #293e80;
   text-underline-offset: 4px;
}

.ultrapdv-topic main a:hover {
   text-decoration: underline;
}

.ultrapdv-topic__skip {
   position: fixed;
   z-index: 99999;
   top: -100px;
   left: 16px;
   padding: 14px 20px;
   background: #fff;
   color: #202c61;
}

.ultrapdv-topic__skip:focus {
   top: 12px;
}

.ultrapdv-topic a:focus-visible,
.ultrapdv-topic summary:focus-visible,
.ultrapdv-topic__table-wrap:focus-visible,
.ultrapdv-guides__card:focus-visible {
   outline: 3px solid #5265ab;
   outline-offset: 4px;
}

.ultrapdv-topic__hero {
   padding: 130px 0 64px;
   border-bottom: 1px solid #e1e6f1;
   background: radial-gradient(ellipse at top right, #e0e9ff, transparent 65%), #f5f8ff;
}

.ultrapdv-topic__breadcrumbs ol {
   display: flex;
   flex-wrap: wrap;
   gap: 8px 12px;
   margin: 0 0 34px;
   padding: 0;
   list-style: none;
}

.ultrapdv-topic__breadcrumbs li,
.ultrapdv-topic__breadcrumbs a {
   font-size: 13px !important;
}

.ultrapdv-topic__breadcrumbs li + li::before {
   margin-right: 12px;
   color: #768199;
   content: "/";
}

.ultrapdv-topic__hero-grid {
   display: grid;
   grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
   align-items: center;
   gap: 48px;
}

.ultrapdv-topic main .ultrapdv-topic__eyebrow {
   margin: 0 0 18px;
   color: #354c8c;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: .11em;
   text-transform: uppercase;
}

.ultrapdv-topic h1 {
   margin: 0 0 24px;
   font-size: clamp(34px, 3.7vw, 48px);
   line-height: 1.16;
   letter-spacing: -.03em;
}

.ultrapdv-topic main .ultrapdv-topic__intro {
   font-size: 19px;
   line-height: 1.75;
}

.ultrapdv-topic__actions {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 20px;
   margin-top: 30px;
}

.ultrapdv-topic__button {
   display: inline-block;
   padding: 15px 22px;
   border: 1px solid transparent;
   border-radius: 10px;
   background: #273b7a;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   line-height: 1.6;
   text-align: center;
}

.ultrapdv-topic__button:hover,
.ultrapdv-topic__button:focus {
   background: #162553;
   color: #fff;
}

.ultrapdv-topic__back {
   font-size: 14px;
   font-weight: 700;
}

.ultrapdv-topic__overview {
   padding: 32px;
   border-radius: 24px;
   background: linear-gradient(145deg, #273b7a, #121a43);
   box-shadow: 0 20px 40px rgba(32, 44, 97, .14);
   color: #fff;
}

.ultrapdv-topic__overview > span {
   color: #b9f4dc;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: .07em;
   text-transform: uppercase;
}

.ultrapdv-topic__overview ul {
   margin: 20px 0 0;
   padding: 0;
   list-style: none;
}

.ultrapdv-topic main .ultrapdv-topic__overview li {
   display: flex;
   align-items: flex-start;
   gap: 14px;
   padding: 20px 0;
   border-top: 1px solid rgba(255, 255, 255, .15);
   color: #fff;
   font-size: 17px;
   line-height: 1.6;
}

.ultrapdv-topic__overview li > span {
   color: #b9f4dc;
   font-size: 13px;
}

.ultrapdv-topic__content-grid {
   display: grid;
   grid-template-columns: 235px minmax(0, 1fr);
   align-items: start;
   gap: 60px;
   padding-top: 64px;
   padding-bottom: 70px;
}

/* Bootstrap's clearfix pseudo-elements must not become extra grid items. */
.ultrapdv-topic__content-grid::before,
.ultrapdv-topic__content-grid::after {
   display: none;
}

.ultrapdv-topic__contents {
   grid-column: 1;
   grid-row: 1;
}

.ultrapdv-topic__article {
   grid-column: 2;
   grid-row: 1;
}

.ultrapdv-topic__contents {
   position: sticky;
   top: 120px;
   padding: 24px;
   border: 1px solid #e1e6f1;
   border-radius: 16px;
   background: #f7f9ff;
}

.ultrapdv-topic__contents strong {
   color: #202c61;
   font-size: 14px;
}

.ultrapdv-topic__contents ul {
   margin: 16px 0 0;
   padding: 0;
   list-style: none;
}

.ultrapdv-topic main .ultrapdv-topic__contents li {
   margin: 0 0 14px;
   font-size: 13px;
   line-height: 1.6;
}

.ultrapdv-topic__contents li:last-child {
   margin-bottom: 0;
}

.ultrapdv-topic__article {
   min-width: 0;
}

.ultrapdv-topic__section {
   margin: 0 0 50px;
   scroll-margin-top: 120px;
}

.ultrapdv-topic__section:last-child {
   margin-bottom: 0;
}

.ultrapdv-topic__section h2 {
   margin: 0 0 22px;
   font-size: 29px;
   line-height: 1.3;
}

.ultrapdv-topic__section p {
   margin: 0 0 18px;
}

.ultrapdv-topic__bullets {
   padding-left: 22px;
}

.ultrapdv-topic__bullets li {
   margin-bottom: 10px;
   padding-left: 6px;
}

.ultrapdv-topic__steps {
   display: grid;
   gap: 12px;
   margin: 24px 0 0;
   padding: 0;
   list-style: none;
}

.ultrapdv-topic__steps li {
   display: flex;
   align-items: flex-start;
   gap: 20px;
   padding: 22px;
   border: 1px solid #dce3f1;
   border-radius: 14px;
   background: #f7f9ff;
}

.ultrapdv-topic__steps li > span {
   color: #5265ab;
   font-size: 14px;
   font-weight: 700;
}

.ultrapdv-topic__steps h3 {
   margin: 0 0 6px;
   font-size: 20px;
}

.ultrapdv-topic__steps p {
   margin: 0;
}

.ultrapdv-topic__table-wrap {
   max-width: 100%;
   margin-top: 24px;
   overflow-x: auto;
   border: 1px solid #dce3f1;
   border-radius: 12px;
}

.ultrapdv-topic table {
   width: 100%;
   border-collapse: collapse;
   font-size: 15px;
   line-height: 1.7;
}

.ultrapdv-topic caption {
   padding: 16px;
   background: #eef3ff;
   color: #202c61;
   font-weight: 700;
}

.ultrapdv-topic th,
.ultrapdv-topic td {
   padding: 16px;
   border-bottom: 1px solid #dce3f1;
   vertical-align: top;
   overflow-wrap: break-word;
}

.ultrapdv-topic th {
   width: 48%;
   color: #202c61;
}

.ultrapdv-topic thead {
   background: #f7f9ff;
}

.ultrapdv-topic__figure {
   margin: 28px 0 0;
   padding: 16px;
   border: 1px solid #dce3f1;
   border-radius: 16px;
   background: #f7f9ff;
}

.ultrapdv-topic__figure a {
   display: block;
   text-align: right;
}

.ultrapdv-topic__figure img {
   display: block;
   width: 100%;
   height: auto;
}

.ultrapdv-topic__figure--portrait img {
   max-width: 360px;
   margin: 0 auto;
}

.ultrapdv-topic__figure a > span,
.ultrapdv-topic__figure figcaption {
   display: block;
   margin-top: 12px;
   font-size: 13px;
   line-height: 1.7;
}

.ultrapdv-topic__figure figcaption {
   color: #566176;
}

.ultrapdv-topic__resources {
   display: grid;
   gap: 12px;
}

.ultrapdv-topic__resources a {
   display: grid;
   grid-template-columns: 70px minmax(0, 1fr) 18px;
   align-items: start;
   gap: 14px;
   padding: 22px;
   border: 1px solid #dce3f1;
   border-radius: 12px;
   font-size: 15px;
   line-height: 1.65;
}

.ultrapdv-topic__resources a > span:first-child {
   color: #566176;
   font-size: 12px;
   text-transform: uppercase;
}

.ultrapdv-topic__faq details {
   margin-bottom: 12px;
   border: 1px solid #dce3f1;
   border-radius: 12px;
}

.ultrapdv-topic__faq summary {
   padding: 20px;
   color: #202c61;
   font-size: 17px;
   font-weight: 700;
   line-height: 1.6;
   cursor: pointer;
}

.ultrapdv-topic__faq p {
   padding: 0 20px 20px;
   margin: 0;
}

.ultrapdv-topic__contact {
   padding: 54px 0;
   background: #eef3ff;
}

.ultrapdv-topic__contact-panel {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
   gap: 40px;
}

.ultrapdv-topic__contact h2 {
   margin: 0 0 18px;
   font-size: 32px;
   line-height: 1.3;
}

.ultrapdv-topic__contact p {
   margin: 0;
}

.ultrapdv-topic main .ultrapdv-topic__contact-note {
   margin-top: 28px;
   font-size: 14px;
}

.ultrapdv-topic__contact-note a {
   text-decoration: underline;
}

.ultrapdv-topic__related {
   padding: 64px 0 80px;
}

.ultrapdv-topic__related h2 {
   margin-bottom: 30px;
}

.ultrapdv-topic main .ultrapdv-guides__card p {
   font-size: 15px;
}

.ultrapdv-topic__all {
   display: inline-block;
   margin-top: 28px;
   font-size: 15px;
   font-weight: 700;
}

@media (max-width: 1000px) {
   .ultrapdv-topic__hero-grid {
      gap: 28px;
   }

   .ultrapdv-topic__content-grid {
      grid-template-columns: 200px minmax(0, 1fr);
      gap: 32px;
   }

   .ultrapdv-guides__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media (max-width: 768px) {
   .ultrapdv-guides {
      padding: 30px 20px;
      margin-bottom: 54px;
   }

   .ultrapdv-guides__header h2,
   .ultrapdv-topic__related h2 {
      font-size: 27px;
   }

   .ultrapdv-topic__hero {
      padding: 116px 0 40px;
   }

   .ultrapdv-topic__hero-grid,
   .ultrapdv-topic__content-grid,
   .ultrapdv-topic__contact-panel {
      grid-template-columns: 1fr;
   }

   .ultrapdv-topic__hero-grid {
      gap: 32px;
   }

   .ultrapdv-topic h1 {
      font-size: 34px;
   }

   .ultrapdv-topic main .ultrapdv-topic__intro {
      font-size: 18px;
   }

   .ultrapdv-topic__overview {
      padding: 24px;
   }

   .ultrapdv-topic__content-grid {
      padding-top: 36px;
      padding-bottom: 44px;
   }

   .ultrapdv-topic__contents {
      position: static;
      grid-column: 1;
      grid-row: auto;
   }

   .ultrapdv-topic__article {
      grid-column: 1;
      grid-row: auto;
   }

   .ultrapdv-topic__section h2 {
      font-size: 26px;
   }

   .ultrapdv-topic__contact-panel {
      justify-items: start;
      gap: 24px;
   }

   .ultrapdv-topic__contact h2 {
      font-size: 28px;
   }
}

/* Reading layout for the six detailed product guides. */
.ultrapdv-topic--guide {
   background: #f4f6fa;
}

.ultrapdv-topic--guide .s-header__navbar {
   background: rgba(255, 255, 255, .98);
   border-bottom: 1px solid #e5e9f1;
}

.ultrapdv-topic--guide main p,
.ultrapdv-topic--guide main li {
   color: #475569;
   font-size: 16px;
   font-weight: 400;
   line-height: 1.85;
}

.ultrapdv-topic--guide .ultrapdv-topic__hero {
   padding: 128px 0 48px;
   background: linear-gradient(115deg, #fff 35%, #edf2fc);
}

.ultrapdv-topic--guide .ultrapdv-topic__hero-grid {
   grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr);
   gap: 48px;
}

.ultrapdv-topic--guide h1 {
   max-width: 720px;
   font-size: clamp(32px, 3vw, 42px);
   line-height: 1.2;
}

.ultrapdv-topic--guide main .ultrapdv-topic__intro {
   color: #526079;
   font-size: 18px;
   line-height: 1.8;
}

.ultrapdv-topic--guide .ultrapdv-topic__overview {
   padding: 28px;
   border: 1px solid #d9e2f4;
   border-radius: 18px;
   background: #fff;
   box-shadow: 0 12px 32px rgba(32, 44, 97, .05);
}

.ultrapdv-topic--guide .ultrapdv-topic__overview > span {
   color: #536499;
}

.ultrapdv-topic--guide main .ultrapdv-topic__overview li {
   gap: 16px;
   padding: 16px 0;
   border-color: #e8ecf4;
   color: #27385c;
   font-size: 16px;
}

.ultrapdv-topic--guide .ultrapdv-topic__overview li > span {
   color: #667cb5;
}

.ultrapdv-topic--guide .ultrapdv-topic__content-grid {
   grid-template-columns: 246px minmax(0, 1fr);
   gap: 28px;
   padding-top: 36px;
   padding-bottom: 56px;
}

.ultrapdv-topic--guide .ultrapdv-topic__contents {
   top: 118px;
   max-height: calc(100vh - 150px);
   padding: 22px 14px 14px;
   overflow-y: auto;
   border-color: #e0e6ef;
   background: #fff;
}

.ultrapdv-topic__contents-label {
   display: block;
   margin: 0 10px 6px;
   color: #68768f;
   font-size: 10px;
   font-weight: 700;
   letter-spacing: .12em;
   text-transform: uppercase;
}

.ultrapdv-topic--guide .ultrapdv-topic__contents strong {
   display: block;
   margin: 0 10px 20px;
   font-size: 16px;
   line-height: 1.5;
}

.ultrapdv-topic--guide .ultrapdv-topic__contents ul {
   margin: 0;
}

.ultrapdv-topic--guide main .ultrapdv-topic__contents li {
   margin: 2px 0;
   font-size: 13px;
   line-height: 1.5;
}

.ultrapdv-topic--guide .ultrapdv-topic__contents a {
   display: flex;
   align-items: baseline;
   gap: 10px;
   padding: 11px 10px;
   border-radius: 8px;
   text-decoration: none;
}

.ultrapdv-topic--guide .ultrapdv-topic__contents a:hover,
.ultrapdv-topic--guide .ultrapdv-topic__contents a[aria-current] {
   background: #edf2fc;
   color: #223c7a;
}

.ultrapdv-topic__nav-number {
   color: #8090ad;
   font-size: 10px;
   font-weight: 700;
}

.ultrapdv-topic--guide .ultrapdv-topic__section {
   padding: 32px;
   margin-bottom: 24px;
   border: 1px solid #e0e6ef;
   border-radius: 18px;
   background: #fff;
   scroll-margin-top: 118px;
}

.ultrapdv-topic--guide .ultrapdv-topic__section:target {
   border-color: #a8b9dd;
}

.ultrapdv-topic__section-header {
   display: flex;
   align-items: flex-start;
   gap: 18px;
   margin-bottom: 24px;
}

.ultrapdv-topic__section-number {
   display: grid;
   flex: 0 0 42px;
   height: 42px;
   place-items: center;
   border: 1px solid #dbe4f5;
   border-radius: 12px;
   background: #f0f4fc;
   color: #526ca6;
   font-size: 13px;
   font-weight: 700;
}

.ultrapdv-topic--guide main .ultrapdv-topic__section-label {
   margin: 0 0 8px;
   color: #66779b;
   font-size: 10px;
   font-weight: 700;
   letter-spacing: .1em;
   line-height: 1.5;
   text-transform: uppercase;
}

.ultrapdv-topic--guide .ultrapdv-topic__section h2 {
   margin: 0;
   font-size: 26px;
   line-height: 1.35;
   letter-spacing: -.02em;
}

.ultrapdv-topic--guide .ultrapdv-topic__section-body,
.ultrapdv-topic--guide .ultrapdv-topic__copy {
   min-width: 0;
}

.ultrapdv-topic--guide .ultrapdv-topic__copy > p:last-child {
   margin-bottom: 0;
}

.ultrapdv-topic--guide .ultrapdv-topic__bullets {
   display: grid;
   gap: 12px;
   margin: 24px 0 0;
   padding: 20px 22px;
   border-radius: 12px;
   background: #f6f8fc;
   list-style: none;
}

.ultrapdv-topic--guide .ultrapdv-topic__bullets li {
   position: relative;
   margin: 0;
   padding-left: 24px;
   font-size: 15px;
   line-height: 1.7;
}

.ultrapdv-topic--guide .ultrapdv-topic__bullets li::before {
   position: absolute;
   top: 0;
   left: 0;
   color: #527b77;
   font-weight: 700;
   content: "✓";
}

.ultrapdv-topic--guide .ultrapdv-topic__figure {
   padding: 14px;
   border-color: #e0e6ef;
   border-radius: 12px;
   background: #f8faff;
}

.ultrapdv-topic--guide .ultrapdv-topic__section--portrait .ultrapdv-topic__section-body {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 210px;
   align-items: start;
   gap: 28px;
}

.ultrapdv-topic--guide .ultrapdv-topic__section--portrait .ultrapdv-topic__figure {
   margin: 0;
}

.ultrapdv-topic--guide .ultrapdv-topic__figure a > span,
.ultrapdv-topic--guide .ultrapdv-topic__figure figcaption {
   font-weight: 400;
   font-size: 12px;
}

.ultrapdv-topic__example {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 14px;
   margin: 26px 0;
}

.ultrapdv-topic__example > div {
   padding: 20px;
   border: 1px solid #dce5f4;
   border-radius: 12px;
   background: #f6f9ff;
}

.ultrapdv-topic__example > div > span {
   display: block;
   color: #5e6e8b;
   font-size: 12px;
   line-height: 1.6;
}

.ultrapdv-topic__example strong {
   display: block;
   margin: 14px 0 10px;
   color: #283d75;
   font-family: Montserrat, sans-serif;
   font-size: 36px;
   font-style: normal;
   line-height: 1.2;
}

.ultrapdv-topic__example small {
   display: block;
   margin-top: 6px;
   font-size: 13px;
   font-weight: 400;
}

.ultrapdv-topic--guide .ultrapdv-topic__example p {
   margin: 0;
   font-size: 13px;
   line-height: 1.7;
}

.ultrapdv-topic--guide .ultrapdv-topic__example .ultrapdv-topic__example-note {
   grid-column: 1 / -1;
   color: #68768f;
   font-size: 12px;
}

.ultrapdv-topic--guide #materiais > h2,
.ultrapdv-topic--guide #duvidas > h2 {
   margin-bottom: 24px;
}

.ultrapdv-topic--guide .ultrapdv-topic__contact {
   border-top: 1px solid #e0e6ef;
   background: #eaf0fb;
}

.ultrapdv-topic--guide .ultrapdv-topic__related {
   background: #fff;
}

@media (max-width: 1050px) and (min-width: 769px) {
   .ultrapdv-topic--guide .ultrapdv-topic__content-grid {
      grid-template-columns: 210px minmax(0, 1fr);
      gap: 20px;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__section {
      padding: 26px;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__section--portrait .ultrapdv-topic__section-body {
      grid-template-columns: 1fr;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__section--portrait .ultrapdv-topic__figure {
      max-width: 260px;
      margin: 0 auto;
   }
}

@media (max-width: 768px) {
   .ultrapdv-topic--guide .ultrapdv-topic__hero {
      padding: 116px 0 32px;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__hero-grid,
   .ultrapdv-topic--guide .ultrapdv-topic__content-grid,
   .ultrapdv-topic--guide .ultrapdv-topic__section--portrait .ultrapdv-topic__section-body {
      grid-template-columns: minmax(0, 1fr);
      gap: 24px;
   }

   .ultrapdv-topic--guide h1 {
      font-size: 32px;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__content-grid {
      padding-top: 24px;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__overview {
      padding: 22px;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__contents {
      position: static;
      max-height: none;
      overflow: visible;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__contents ul {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 4px;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__contents a {
      height: 100%;
      padding: 10px 8px;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__section {
      padding: 24px;
      scroll-margin-top: 112px;
   }

   .ultrapdv-topic__section-header {
      gap: 12px;
      margin-bottom: 22px;
   }

   .ultrapdv-topic__section-number {
      flex-basis: 32px;
      height: 32px;
      font-size: 11px;
      border-radius: 9px;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__section h2 {
      font-size: 23px;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__section--portrait .ultrapdv-topic__figure {
      width: 100%;
      max-width: 280px;
      margin: 0 auto;
   }

   .ultrapdv-topic__example {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 380px) {
   .ultrapdv-topic--guide .ultrapdv-topic__section {
      padding: 20px;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__section h2 {
      font-size: 21px;
   }

   .ultrapdv-topic__section-header {
      display: block;
   }

   .ultrapdv-topic__section-number {
      width: 32px;
      margin-bottom: 14px;
   }

   .ultrapdv-topic--guide .ultrapdv-topic__contents ul {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 550px) {
   .ultrapdv-guides__grid {
      grid-template-columns: 1fr;
   }

   .ultrapdv-guides__card {
      padding: 22px;
   }

   .ultrapdv-topic__resources a {
      grid-template-columns: minmax(0, 1fr) 18px;
      padding: 18px;
   }

   .ultrapdv-topic__resources a > span:first-child {
      grid-column: 1 / -1;
   }

   .ultrapdv-topic th,
   .ultrapdv-topic td {
      padding: 12px;
      font-size: 14px;
   }
}