.elementor-575 .elementor-element.elementor-element-cd685ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-575 .elementor-element.elementor-element-cd685ba:not(.elementor-motion-effects-element-type-background), .elementor-575 .elementor-element.elementor-element-cd685ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-575 .elementor-element.elementor-element-6f3a971{--iteration-count:infinite;--animation-duration:1200ms;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-575 .elementor-element.elementor-element-6f3a971.elementor-element{--align-self:center;}.elementor-575 .elementor-element.elementor-element-6f3a971 .elementor-headline{text-align:center;font-family:"Sora", Sans-serif;font-size:25px;font-weight:700;}.elementor-575 .elementor-element.elementor-element-6f3a971 .elementor-headline-dynamic-text{font-family:"Sora", Sans-serif;font-weight:700;}.elementor-575 .elementor-element.elementor-element-db5a63a{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-575 .elementor-element.elementor-element-392cf8f{margin:20px 60px calc(var(--kit-widget-spacing, 0px) + 0px) 60px;text-align:start;}.elementor-575 .elementor-element.elementor-element-392cf8f .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:37px;font-weight:900;line-height:43px;}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-575 .elementor-element.elementor-element-543438c{margin:0px 060px calc(var(--kit-widget-spacing, 0px) + 0px) 060px;font-family:"Sora", Sans-serif;font-size:15px;font-weight:300;color:#616060;}.elementor-575 .elementor-element.elementor-element-aa15192{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-575 .elementor-element.elementor-element-cc793ee{--iteration-count:infinite;--animation-duration:1200ms;margin:0px 060px calc(var(--kit-widget-spacing, 0px) + 0px) 060px;--dynamic-text-color:#FF00A1;}.elementor-575 .elementor-element.elementor-element-cc793ee .elementor-headline{text-align:start;font-family:"Sora", Sans-serif;font-size:14px;font-weight:400;}.elementor-575 .elementor-element.elementor-element-cc793ee .elementor-headline-plain-text{color:#C5C0C3;}.elementor-575 .elementor-element.elementor-element-cc793ee .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-primary );}.elementor-575 .elementor-element.elementor-element-b48c24a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-575 .elementor-element.elementor-element-9b18145 img{width:90%;box-shadow:8px -11px 0px 0px #F504A4;}.elementor-575 .elementor-element.elementor-element-ee4cac8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-575 .elementor-element.elementor-element-a53610f{margin:0px 055px calc(var(--kit-widget-spacing, 0px) + 0px) 055px;text-align:start;font-family:"Sora", Sans-serif;font-size:26px;font-weight:400;}.elementor-575 .elementor-element.elementor-element-b0e8496{margin:0px 60px calc(var(--kit-widget-spacing, 0px) + 0px) 060px;--alignment:left;--grid-side-margin:5px;--grid-column-gap:5px;--grid-row-gap:0px;--grid-bottom-margin:0px;--e-share-buttons-primary-color:var( --e-global-color-secondary );--e-share-buttons-secondary-color:#FFFFFF;}.elementor-575 .elementor-element.elementor-element-b0e8496 .elementor-share-btn{font-size:calc(1px * 10);height:3.5em;}.elementor-575 .elementor-element.elementor-element-b0e8496 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.4em;}.elementor-575 .elementor-element.elementor-element-b0e8496 .elementor-share-btn__title{font-family:"Sora", Sans-serif;}.elementor-575 .elementor-element.elementor-element-78c3e49{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-575 .elementor-element.elementor-element-d67f36b{margin:0px 060px calc(var(--kit-widget-spacing, 0px) + 0px) 60px;}.elementor-575 .elementor-element.elementor-element-d67f36b.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-575 .elementor-element.elementor-element-72b0614{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-hfe-basic-posts .hfe-post-title a{color:var( --e-global-color-primary );}.elementor-widget-hfe-basic-posts .hfe-post-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-hfe-basic-posts .hfe-post-meta{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-hfe-basic-posts .hfe-post-excerpt{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-hfe-basic-posts .hfe-read-more{color:var( --e-global-color-accent );}.elementor-575 .elementor-element.elementor-element-bc45a2a .hfe-post-card{background-color:#F6F6F6;border-radius:50px 50px 50px 50px;}.elementor-575 .elementor-element.elementor-element-bc45a2a > .elementor-widget-container{margin:0px 090px 0px 080px;}.elementor-575 .elementor-element.elementor-element-bc45a2a .hfe-posts-grid{grid-template-columns:repeat(2, 1fr);column-gap:100px;row-gap:100px;}.elementor-575 .elementor-element.elementor-element-bc45a2a .hfe-post-image img{border-radius:50px 50px 0px 0px;}.elementor-575 .elementor-element.elementor-element-bc45a2a .hfe-post-content{padding:30px 30px 30px 30px;}.elementor-575 .elementor-element.elementor-element-bc45a2a .hfe-post-title{font-family:"Sora", Sans-serif;font-size:24px;font-weight:700;margin-bottom:6px;}.elementor-575 .elementor-element.elementor-element-bc45a2a .hfe-post-meta{font-family:"IBM Plex Sans", Sans-serif;font-size:12px;font-weight:400;margin-bottom:9px;}.elementor-575 .elementor-element.elementor-element-bc45a2a .hfe-post-excerpt{font-family:"Sora", Sans-serif;font-size:11px;font-weight:400;margin-bottom:15px;}.elementor-575 .elementor-element.elementor-element-bc45a2a .hfe-read-more{font-size:12px;}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:1024px){.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-theme-post-excerpt{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );} .elementor-575 .elementor-element.elementor-element-b0e8496{--grid-side-margin:5px;--grid-column-gap:5px;--grid-row-gap:0px;--grid-bottom-margin:0px;}.elementor-widget-hfe-basic-posts .hfe-post-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-hfe-basic-posts .hfe-post-meta{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-hfe-basic-posts .hfe-post-excerpt{font-size:var( --e-global-typography-text-font-size );}.elementor-575 .elementor-element.elementor-element-bc45a2a .hfe-posts-grid{grid-template-columns:repeat(2, 1fr);}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );}.elementor-575 .elementor-element.elementor-element-6f3a971 .elementor-headline{font-size:17px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-575 .elementor-element.elementor-element-392cf8f{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-575 .elementor-element.elementor-element-392cf8f .elementor-heading-title{font-size:25px;line-height:1.1em;}.elementor-widget-theme-post-excerpt{font-size:var( --e-global-typography-text-font-size );}.elementor-575 .elementor-element.elementor-element-543438c{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;font-size:10px;}.elementor-575 .elementor-element.elementor-element-cc793ee{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 1px) 10px;}.elementor-575 .elementor-element.elementor-element-cc793ee .elementor-headline{font-size:10px;}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}.elementor-575 .elementor-element.elementor-element-a53610f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:18px;} .elementor-575 .elementor-element.elementor-element-b0e8496{--grid-side-margin:5px;--grid-column-gap:5px;--grid-row-gap:0px;--grid-bottom-margin:0px;}.elementor-widget-hfe-basic-posts .hfe-post-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-hfe-basic-posts .hfe-post-meta{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-hfe-basic-posts .hfe-post-excerpt{font-size:var( --e-global-typography-text-font-size );}.elementor-575 .elementor-element.elementor-element-bc45a2a .hfe-posts-grid{grid-template-columns:repeat(1, 1fr);}.elementor-575 .elementor-element.elementor-element-bc45a2a .hfe-post-excerpt{font-size:6px;}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for post-comments, class: .elementor-element-d67f36b *//* Importação das fontes */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

.elementor-575 .elementor-element.elementor-element-d67f36b {
  font-family: 'IBM Plex Sans', sans-serif;
  color: #2b2b2f;
}

/* Título "Comentários" / "Deixe uma resposta" */
.elementor-575 .elementor-element.elementor-element-d67f36b #comments-title,
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-reply-title {
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #17171a;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
}

/* Lista de comentários */
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-575 .elementor-element.elementor-element-d67f36b .comment-list li {
  margin-bottom: 16px;
}

/* Cartão de cada comentário */
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-body {
  background: #f7f7f9;
  border: 1px solid #ececef;
  border-radius: 14px;
  padding: 20px 24px;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.elementor-575 .elementor-element.elementor-element-d67f36b .comment-body:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}

/* Avatar */
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-author .avatar {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  margin-right: 12px;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 1px #ececef;
}

/* Nome do autor */
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-author .fn {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #17171a;
}

/* Data / meta */
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-metadata,
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-meta a {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 12px;
  color: #8a8a92;
  text-decoration: none;
}

/* Texto do comentário */
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-content p {
  font-size: 15px;
  line-height: 1.65;
  color: #3a3a40;
  margin: 10px 0 0;
}

/* Botão Responder */
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-reply-link {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #5b5bf5;
  text-decoration: none;
  transition: color 0.2s ease;
}

.elementor-575 .elementor-element.elementor-element-d67f36b .comment-reply-link:hover {
  color: #3d3dd6;
}

/* Comentários aninhados (respostas) */
.elementor-575 .elementor-element.elementor-element-d67f36b .children {
  margin-left: 32px;
  padding-left: 20px;
  border-left: 2px solid #ececef;
}

/* Formulário de comentário */
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-form label {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #17171a;
  display: block;
  margin-bottom: 6px;
}

.elementor-575 .elementor-element.elementor-element-d67f36b .comment-form input[type="text"],
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-form input[type="email"],
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-form input[type="url"],
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-form textarea {
  width: 100%;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  padding: 12px 16px;
  border: 1px solid #dcdce2;
  border-radius: 10px;
  background: #ffffff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.elementor-575 .elementor-element.elementor-element-d67f36b .comment-form input:focus,
.elementor-575 .elementor-element.elementor-element-d67f36b .comment-form textarea:focus {
  outline: none;
  border-color: #5b5bf5;
  box-shadow: 0 0 0 3px rgba(91, 91, 245, 0.15);
}

/* Botão de enviar */
.elementor-575 .elementor-element.elementor-element-d67f36b .form-submit input[type="submit"] {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 14px;
  background: #17171a;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  padding: 12px 28px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease;
}

.elementor-575 .elementor-element.elementor-element-d67f36b .form-submit input[type="submit"]:hover {
  background: #5b5bf5;
  transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for hfe-basic-posts, class: .elementor-element-bc45a2a */body .post-content{
  max-width: 720px;
  margin: 0 auto;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 17px;
  line-height: 1.75;
  color: #0E1B14;
}

body .post-content h1,
body .post-content h2,
body .post-content h3,
body .post-content h4{
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  color: #0E1B14;
  line-height: 1.25;
}

body .post-content h1{ font-size: 40px; margin: 0 0 20px; }
body .post-content h2{ font-size: 28px; margin: 48px 0 18px; border-left: 4px solid #0B7D3E; padding-left: 14px; }
body .post-content h3{ font-size: 22px; margin: 36px 0 14px; }
body .post-content h4{ font-size: 18px; margin: 28px 0 10px; }

body .post-content p{ margin: 0 0 22px; }

body .post-content strong{ font-weight: 600; color: #0E1B14; }
body .post-content em{ font-style: italic; color: #6B7A72; }

body .post-content a{
  color: #0B7D3E;
  text-decoration: underline;
  text-decoration-color: #F5009E;
}
body .post-content a:hover{
  color: #C2036D;
}

body .post-content ul,
body .post-content ol{
  margin: 0 0 24px;
  padding-left: 22px;
}
body .post-content li{ margin-bottom: 8px; }

body .post-content blockquote{
  margin: 32px 0;
  padding: 18px 24px;
  background: #F6F5F1;
  border-radius: 12px;
  border-left: 4px solid #0B7D3E;
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 1.5;
  color: #0E1B14;
}
body .post-content blockquote p{ margin: 0; }
body .post-content blockquote cite{
  display: block;
  margin-top: 10px;
  font-family: 'IBM Plex Mono', monospace;
  font-weight: 500;
  font-size: 12px;
  color: #6B7A72;
  font-style: normal;
}

body .post-content code{
  font-family: 'IBM Plex Mono', monospace;
  font-size: 14px;
  background: rgba(14,27,20,0.06);
  color: #0A4A2C;
  padding: 2px 6px;
  border-radius: 6px;
}
body .post-content pre{
  background: #0E1B14;
  color: #F6F5F1;
  padding: 20px 22px;
  border-radius: 14px;
  overflow-x: auto;
  margin: 28px 0;
}
body .post-content pre code{
  background: none;
  color: inherit;
  padding: 0;
  font-size: 13.5px;
  line-height: 1.6;
}

body .post-content img{
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  margin: 32px 0;
  display: block;
}

body .post-content figcaption{
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  color: #6B7A72;
  text-align: center;
  margin-top: -20px;
  margin-bottom: 28px;
}

body .post-content hr{
  border: none;
  height: 1px;
  background: rgba(14,27,20,0.08);
  margin: 44px 0;
}

body .post-content table{
  width: 100%;
  border-collapse: collapse;
  margin: 28px 0;
  font-size: 15px;
}
body .post-content th,
body .post-content td{
  padding: 12px 14px;
  border-bottom: 1px solid rgba(14,27,20,0.08);
  text-align: left;
}
body .post-content th{
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  color: #6B7A72;
}

@media (max-width: 640px){
  body .post-content{ font-size: 16px; }
  body .post-content h1{ font-size: 30px; }
  body .post-content h2{ font-size: 23px; }
  body .post-content h3{ font-size: 19px; }
}/* End custom CSS */
/* Start custom CSS for post-navigation, class: .elementor-element-9896ca7 */:root{
  --green:      #0B7D3E;
  --magenta:    #F5009E;
  --gold:       #FFB800;

  --teal:       #12A468;
  --deep-green: #0A4A2C;
  --soft-pink:  #F472C4;
  --deep-pink:  #C2036D;
  --orange:     #F7941D;

  --ink:        #0E1B14;
  --paper:      #FFFFFF;
  --muted:      #6B7A72;
  --line:       rgba(14, 27, 20, 0.08);

  --ease: cubic-bezier(.22, 1, .36, 1);
}

.post-nav{
  --gap: 1px;
  width: min(880px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: stretch;
  background: var(--line);
  border-radius: 20px;
  overflow: hidden;
  gap: var(--gap);
  box-shadow: 0 1px 2px rgba(14,27,20,.04);
  opacity: 0;
  transform: translateY(14px);
  animation: post-nav-rise .7s var(--ease) forwards;
  font-family: 'IBM Plex Sans', sans-serif;
}

@keyframes post-nav-rise{
  to{ opacity: 1; transform: translateY(0); }
}

.post-nav__item{
  position: relative;
  background: var(--paper);
  padding: 30px 34px;
  display: flex;
  align-items: center;
  gap: 18px;
  text-decoration: none;
  color: var(--ink);
  overflow: hidden;
  isolation: isolate;
  transition: color .45s var(--ease);
}

.post-nav__item--next{ justify-content: flex-end; text-align: right; }

.post-nav__item::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  transform: scaleX(0);
  transition: transform .5s var(--ease);
}
.post-nav__item--prev::before{ transform-origin: left; background: var(--green); }
.post-nav__item--next::before{ transform-origin: right; background: var(--magenta); }

.post-nav__item:hover::before{ transform: scaleX(1); }
.post-nav__item:hover{ color: #FFFFFF; }
.post-nav__item:hover .post-nav__label{ color: rgba(255,255,255,.75); }

.post-nav__arrow{
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(14,27,20,.05);
  font-size: 18px;
  transition: transform .45s var(--ease), background .45s var(--ease);
}
.post-nav__item:hover .post-nav__arrow{ background: rgba(255,255,255,.18); }
.post-nav__item--prev:hover .post-nav__arrow{ transform: translateX(-6px); }
.post-nav__item--next:hover .post-nav__arrow{ transform: translateX(6px); }

.post-nav__meta{ display: flex; flex-direction: column; gap: 6px; min-width: 0; }

.post-nav__label{
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
  transition: color .45s var(--ease);
}

.post-nav__title{
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 280px;
}

.post-nav__center{
  background: var(--paper);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 30px 22px;
}

.post-nav__count{
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  font-weight: 500;
  color: var(--ink);
  letter-spacing: .04em;
}

.post-nav__dots{ display: flex; gap: 6px; }
.post-nav__dot{
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--line);
  transition: transform .3s var(--ease), background .3s var(--ease);
}
.post-nav__dot--active{
  background: var(--orange);
  transform: scale(1.35);
}

.post-nav__progress{
  grid-column: 1 / -1;
  height: 3px;
  background: var(--line);
  position: relative;
  overflow: hidden;
}
.post-nav__progress::after{
  content: "";
  position: absolute;
  inset: 0;
  width: 62%;
  background: linear-gradient(90deg, var(--green), var(--soft-pink));
  transform-origin: left;
  transform: scaleX(0);
  animation: post-nav-fill 1.1s .35s var(--ease) forwards;
}
@keyframes post-nav-fill{ to{ transform: scaleX(1); } }

@media (max-width: 640px){
  .post-nav{ grid-template-columns: 1fr; }
  .post-nav__item--next{ justify-content: flex-start; text-align: left; flex-direction: row-reverse; }
  .post-nav__center{ order: -1; flex-direction: row; padding: 14px; }
  .post-nav__title{ max-width: none; white-space: normal; }
}

@media (prefers-reduced-motion: reduce){
  .post-nav, .post-nav__item::before, .post-nav__arrow, .post-nav__progress::after{
    animation: none !important;
    transition: none !important;
  }
  .post-nav{ opacity: 1; transform: none; }
}/* End custom CSS */