:root {
    --zmulti-dark: #1f1f1f;
    --zmulti-text: #4b4b4b;
    --zmulti-soft: #f6f1eb;
    --zmulti-line: #e7ddd2;
    --zmulti-accent: #9b6b43;
    --zmulti-accent-dark: #7e5431;
}

body {
    background: #fff;
    color: var(--zmulti-text);
    font-family: Arial, Helvetica, sans-serif;
}

a {
    text-decoration: none;
}

.site-header {
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(8px);
}

.brand-zmulti {
    display: flex;
    flex-direction: column;
    line-height: 1;
    color: var(--zmulti-dark);
}

.brand-title {
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.brand-subtitle {
    font-size: 0.8rem;
    color: var(--zmulti-accent);
    margin-top: 0.2rem;
}

.navbar .nav-link {
    color: var(--zmulti-dark);
    font-weight: 500;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: var(--zmulti-accent);
}

.btn-zmulti {
    background: #fcb62e;
    border-color: #fff;
    color: #fff;
    font-weight: 600;
    padding: 0.8rem 1.2rem;
    border-radius: 999px;
}

.btn-zmulti:hover,
.btn-zmulti:focus {
    background: #fca22e;
    border-color: #fff;
    color: #fff;
}
.btn-zmulti-acao {
    background: #35456478;
    border-color: #fff;
    color: #fff;
    font-weight: 600;
    padding: 0.8rem 1.2rem;
    border-radius: 999px;
}

.btn-zmulti-acao:hover,
.btn-zmulti-acao:focus {
    background: #19233778;
    border-color: #fff;
    color: #fff;
}

.btn-zmulti-info {
    background: #542b7e61;
    border-color: #fff;
    color: #fff;
    font-weight: 600;
    padding: 0.8rem 1.2rem;
    border-radius: 999px;
}

.btn-zmulti-info:hover,
.btn-zmulti-info:focus {
    background: #381c5554;
    border-color: #fff;
    color: #fff;
}

.btn-zmulti-mais {
    background: #47638f;
    border-color: #fff;
    color: #fff;
    font-weight: 600;
    padding: 0.8rem 1.2rem;
    border-radius: 999px;
}

.btn-zmulti-mais:hover,
.btn-zmulti-mais:focus {
    background: #3a5379;
    border-color: #fff;
    color: #fff;
}

.btn-zmulti-whats {
    background: #227e28;
    border-color: #fff;
    color: #fff;
    font-weight: 600;
    padding: 0.8rem 1.2rem;
    border-radius: 999px;
}

.btn-zmulti-whats:hover,
.btn-zmulti-whats:focus {
    background: #279c2f;
    border-color: #fff;
    color: #fff;
}

.hero-zmulti {
    padding: 5rem 0;
    background:
        radial-gradient(circle at top right, rgba(155,107,67,0.12), transparent 35%),
        linear-gradient(180deg, #fff 0%, #f9f6f2 100%);
}

.hero-kicker,
.section-kicker {
    display: inline-block;
    margin-bottom: 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--zmulti-accent);
}

.hero-title {
    font-size: clamp(2.1rem, 5vw, 4rem);
    line-height: 1.08;
    font-weight: 700;
    color: #e2e2e2;
    margin-bottom: 1.2rem;
}

.hero-text {
    font-size: 1.1rem;
    line-height: 1.75;
    max-width: 700px;
    margin-bottom: 2rem;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    
}

.hero-card {
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.5rem;
    padding: 2rem;
    box-shadow: 0 18px 50px rgba(31,31,31,0.06);
}

.hero-card-label {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--zmulti-accent);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.8rem;
}

.hero-card-title {
    font-size: 1.5rem;
    line-height: 1.3;
    color: var(--zmulti-dark);
    margin-bottom: 1rem;
}

.hero-card-text {
    margin-bottom: 0;
    line-height: 1.7;
}



 /* HERO */
    

    .hero h1 {
      font-weight: 700;
      font-size: 3.6rem;
    }

    .hero p {
      max-width: 720px;
      
    }
    .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(15, 23, 42, 0.85),
    rgba(15, 23, 42, 0.55)
  );
  z-index: 1;
}

.hero > .container {
  position: relative;
  z-index: 2;
}
.hero {
  position: relative;
  background-image: url("../img/hero-zmulti.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 90vh;
  

  display: flex;
  align-items: center;

  color: #fff;
}


.section-zmulti {
    padding: 5rem 0;
}

.section-alt {
    background: var(--zmulti-soft);
}

.section-heading {
    max-width: 780px;
    margin-bottom: 2.4rem;
}

.section-title {
    font-size: clamp(1.7rem, 3vw, 2.6rem);
    line-height: 1.2;
    color: var(--zmulti-dark);
    margin-bottom: 1rem;
}

.section-text {
    font-size: 1.05rem;
    line-height: 1.75;
}

.feature-card,
.step-card,
.highlight-panel {
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.25rem;
    padding: 1.75rem;
    box-shadow: 0 10px 35px rgba(31,31,31,0.04);
}

.feature-card h3,
.step-card h3 {
    font-size: 1.15rem;
    color: var(--zmulti-dark);
    margin-bottom: 0.8rem;
}

.feature-card p,
.step-card p,
.highlight-panel p {
    margin-bottom: 0;
    line-height: 1.7;
}

.step-number {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--zmulti-soft);
    color: var(--zmulti-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 1rem;
}

.cta-final {
    padding: 0 0 5rem;
    background: #fff;
}

.cta-box {
    background: linear-gradient(135deg, #47638f 0%, #23334c 100%);
    border-radius: 1.75rem;
    padding: 2.5rem;
    color: #fff;
}

.cta-title {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    margin-bottom: 0.8rem;
}

.cta-text {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.7;
    color: rgba(255,255,255,0.85);
}

.site-footer {
    background: #47638f;
    color: rgba(255,255,255,0.75);
    padding: 4rem 0 1.5rem;
}

.footer-brand {
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;
}

.footer-title {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 1rem;
}

.footer-text {
    line-height: 1.7;
    margin-bottom: 0;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li + li {
    margin-top: 0.6rem;
}

.footer-links a {
    color: rgba(255,255,255,0.75);
}

.footer-links a:hover {
    color: #fff;
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.12);
    margin-top: 2rem;
    padding-top: 1.2rem;
    font-size: 0.92rem;
}

@media (max-width: 991.98px) {
    .navbar .btn-zmulti {
        margin-top: 0.8rem;
    }

    
}
.plan-card {
    border: 1px solid var(--zmulti-line);
    border-radius: 1.25rem;
    box-shadow: 0 10px 35px rgba(31,31,31,0.04);
}

.plan-card .card-body {
    padding: 1.8rem;
}

.plan-card-featured {
    position: relative;
    overflow: hidden;
}

.plan-title {
    color: var(--zmulti-dark);
    font-size: 1.35rem;
    margin-bottom: 0.5rem;
}

.plan-list {
    padding-left: 1.2rem;
    margin-bottom: 0;
}

.plan-list li {
    margin-bottom: 0.55rem;
    line-height: 1.6;
}

.catalog-filter-box {
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.25rem;
    padding: 1.25rem;
    box-shadow: 0 10px 35px rgba(31,31,31,0.04);
}

.book-meta-box {
    background: #fbf8f4;
    border: 1px solid var(--zmulti-line);
    border-radius: 1rem;
    padding: 1rem 1.15rem;
}

.blog-placeholder {
    background:
        linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,241,235,0.65) 100%);
}

.revista-home-actions .btn-zmulti-mais {
    margin-left: auto;
}

.badge-plan {
    background: rgba(252, 182, 46, 0.16);
    color: #946400;
    font-weight: 700;
    font-size: 20px;
    border: 1px solid rgba(252, 182, 46, 0.35);
}
.badge-plan-b {
    background: rgba(71, 99, 143, 0.43);
    color: #47638f;
    font-weight: 700;
    font-size: 20px;
    border: 1px solid rgba(71, 99, 143, 0.75);
}

.col-xl-custom-5 {
    width: 100%;
}

@media (min-width: 1200px) {
    .col-xl-custom-5 {
        width: 20%;
    }
}

@media (max-width: 991.98px) {
    .hero {
        min-height: 72vh;
        padding: 4.5rem 0;
    }

    .hero h1 {
        font-size: 2.7rem;
    }

    .hero-actions .btn {
        width: 100%;
    }

    .hero-actions .btn + .btn {
        margin-left: 0 !important;
        margin-top: 0.85rem;
    }

    .revista-home-actions .btn-zmulti-mais {
        margin-left: 0;
    }
}

@media (max-width: 575.98px) {
    .hero h1 {
        font-size: 2.15rem;
    }

    .plan-card .card-body,
    .feature-card,
    .step-card,
    .highlight-panel {
        padding: 1.35rem;
    }
}
.author-books-section {
    border-top: 1px solid var(--zmulti-line);
}

.author-landing-hero {
    position: relative;
    padding: 5rem 0;
    background: linear-gradient(135deg, #23334c 0%, #47638f 100%);
    color: #fff;
    overflow: hidden;
}

.author-landing-title {
    font-size: clamp(2.2rem, 5vw, 4rem);
    line-height: 1.08;
    font-weight: 700;
    margin-bottom: 1rem;
}

.author-landing-subtitle {
    font-size: 1.1rem;
    line-height: 1.8;
    color: rgba(255,255,255,0.88);
    max-width: 680px;
}

.author-landing-main-image {
    width: 100%;
    min-height: 420px;
    object-fit: cover;
    background: #e9e9e9;
}

.author-portrait-image {
    width: 100%;
    max-height: 560px;
    object-fit: cover;
}

.form-control,
.form-select {
    border-radius: 0.9rem;
    border: 1px solid var(--zmulti-line);
    padding: 0.85rem 1rem;
}

.form-control:focus,
.form-select:focus {
    border-color: #b98d68;
    box-shadow: 0 0 0 0.2rem rgba(155, 107, 67, 0.15);
}

@media (max-width: 991.98px) {
    .author-landing-hero {
        padding: 4rem 0;
    }

    .author-landing-main-image {
        min-height: 300px;
    }
}
.livro-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.livro-card-actions .btn {
    flex: 0 0 auto;
    min-width: auto;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
}

@media (max-width: 575.98px) {
    .livro-card-actions .btn {
        width: 100%;
        text-align: center;
    }
}
.pdf-reader-box {
    background: #fdfbf8;
}

.pdf-page-wrap {
    background: #e9e2d8;
    border-radius: 1rem;
    padding: 1rem;
    overflow: auto;
}

#pdfCanvas {
    max-width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 0 18px 45px rgba(0,0,0,.18);
    border-radius: .35rem;
}

.page-flip {
    animation: pageFlip .28s ease;
}

@keyframes pageFlip {
    from {
        opacity: .25;
        transform: rotateY(-10deg) scale(.985);
    }
    to {
        opacity: 1;
        transform: rotateY(0) scale(1);
    }
}
.pdf-reader-wrap {
    display: flex;
    justify-content: center;
}

.pdf-reader-box {
    width: 100%;
    max-width: 900px;
    background: #fdfbf8;
}

.pdf-page-wrap {
    background: #e9e2d8;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    justify-content: center;
}

#pdfCanvas {
    max-width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 0 25px 60px rgba(0,0,0,.25);
    border-radius: .35rem;
}

#pdfReaderBox:fullscreen {
    background: #111;
    padding: 2rem;
}

#pdfReaderBox:fullscreen .pdf-page-wrap {
    background: #111;
}

#pdfReaderBox:fullscreen canvas {
    box-shadow: 0 0 40px rgba(255,255,255,.15);
}
.blog-home-panel {
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.16), transparent 34%),
        linear-gradient(180deg, #fff 0%, rgba(71,99,143,.045) 100%);
}

.blog-home-card {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 1rem;
    height: 100%;
    padding: .85rem;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.1rem;
    background: rgba(255,255,255,.88);
    color: var(--zmulti-text);
    transition: .2s ease;
}

.blog-home-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(31,31,31,.08);
    border-color: rgba(71,99,143,.28);
}

.blog-home-card-featured {
    grid-template-columns: 230px 1fr;
    min-height: 210px;
}

.blog-home-image {
    border-radius: .9rem;
    overflow: hidden;
    background: #f3f3f3;
}

.blog-home-image img {
    width: 100%;
    height: 100%;
    min-height: 150px;
    object-fit: cover;
    display: block;
}

.blog-home-card-featured .blog-home-image img {
    min-height: 190px;
}

.blog-home-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-home-category {
    display: inline-flex;
    align-self: flex-start;
    margin-bottom: .45rem;
    padding: .18rem .55rem;
    border-radius: 999px;
    background: rgba(252,182,46,.18);
    color: #8a6200;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.blog-home-content h3 {
    font-size: 1.05rem;
    line-height: 1.25;
    color: #263955;
    margin-bottom: .5rem;
}

.blog-home-card-featured h3 {
    font-size: 1.35rem;
}

.blog-home-content p {
    font-size: .92rem;
    line-height: 1.55;
    margin-bottom: .7rem;
    color: #666;
}

.blog-home-link {
    margin-top: auto;
    font-size: .85rem;
    font-weight: 700;
    color: #47638f;
}

.blog-home-empty {
    padding: 2rem;
    border: 1px dashed rgba(71,99,143,.3);
    border-radius: 1.25rem;
    background: rgba(255,255,255,.6);
}

.blog-home-empty h3 {
    color: #263955;
    font-size: 1.2rem;
}

.blog-home-empty p {
    color: #666;
}

@media (max-width: 767.98px) {
    .blog-home-card,
    .blog-home-card-featured {
        grid-template-columns: 1fr;
    }

    .blog-home-image img,
    .blog-home-card-featured .blog-home-image img {
        height: 210px;
        min-height: 210px;
    }
}
.blog-hero-mini {
    padding: 3.5rem 0 3rem;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.25), transparent 28%),
        linear-gradient(135deg, #47638f 0%, #243650 100%);
    color: #fff;
}

.blog-hero-mini .section-kicker {
    color: rgba(252,182,46,.95);
}

.blog-hero-mini h1 {
    max-width: 780px;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
    font-weight: 700;
    margin-bottom: 1rem;
}

.blog-hero-mini p {
    max-width: 720px;
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.7;
    color: rgba(255,255,255,.84);
}

.blog-page-section {
    background: #faf8f5;
}

.blog-filter-bar {
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.25rem;
    padding: 1.25rem;
    box-shadow: 0 14px 38px rgba(31,31,31,.045);
}

.blog-filter-bar .btn {
    padding: .72rem 1rem;
}

.blog-check {
    min-height: 47px;
    display: flex;
    align-items: center;
    padding-left: 1.75rem;
}

.blog-card-pro {
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.15rem;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(31,31,31,.045);
    transition: .2s ease;
}

.blog-card-pro:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(31,31,31,.08);
}

.blog-card-image {
    display: block;
    aspect-ratio: 4 / 4.6;
    background: #eee;
    overflow: hidden;
}

.blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .25s ease;
}

.blog-card-pro:hover .blog-card-image img {
    transform: scale(1.035);
}

.blog-card-image-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.18), transparent 35%),
        linear-gradient(135deg, rgba(71,99,143,.12), rgba(71,99,143,.03));
    color: #47638f;
    font-size: 2rem;
}

.blog-card-body {
    padding: 1rem;
}

.blog-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: .65rem;
    color: #777;
    font-size: .78rem;
}

.blog-card-meta i {
    color: #f0a700;
    margin-right: .25rem;
}

.blog-card-body h2 {
    font-size: 1.05rem;
    line-height: 1.28;
    margin-bottom: .65rem;
}

.blog-card-body h2 a {
    color: #263955;
}

.blog-card-body h2 a:hover {
    color: #47638f;
}

.blog-card-body p {
    font-size: .9rem;
    line-height: 1.55;
    color: #666;
    margin-bottom: .9rem;
}

.blog-read-more {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .85rem;
    font-weight: 700;
    color: #47638f;
}

.blog-read-more:hover {
    color: #f0a700;
}

.blog-sidebar {
    position: sticky;
    top: 105px;
}

.blog-sidebar-box {
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.15rem;
    padding: 1.15rem;
    box-shadow: 0 12px 32px rgba(31,31,31,.045);
}

.blog-sidebar-box + .blog-sidebar-box {
    margin-top: 1rem;
}

.blog-sidebar-box h3 {
    color: #263955;
    font-size: 1.1rem;
    margin-bottom: .75rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid var(--zmulti-line);
}

.blog-sidebar-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-sidebar-list li {
    position: relative;
    padding-left: .9rem;
    line-height: 1.35;
}

.blog-sidebar-list li::before {
    content: "";
    width: .32rem;
    height: .32rem;
    border-radius: 50%;
    background: #fcb62e;
    position: absolute;
    left: 0;
    top: .48rem;
}

.blog-sidebar-list li + li {
    margin-top: .65rem;
}

.blog-sidebar-list a {
    color: #5f5f5f;
    font-size: .92rem;
}

.blog-sidebar-list a:hover {
    color: #47638f;
}

.blog-category-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.blog-category-cloud a {
    display: inline-flex;
    padding: .35rem .65rem;
    border-radius: 999px;
    background: rgba(71,99,143,.08);
    color: #47638f;
    font-size: .82rem;
    font-weight: 700;
}

.blog-category-cloud a:hover {
    background: #47638f;
    color: #fff;
}

@media (max-width: 991.98px) {
    .blog-sidebar {
        position: static;
    }
}
.blog-article {
    background: #faf8f5;
    padding: 4rem 0;
}

.blog-article-wrap {
    max-width: 780px;
    margin: 0 auto;
}

.blog-article-header h1 {
    font-size: 2.2rem;
    line-height: 1.2;
    color: #263955;
}

.blog-article-image {
    margin: 2rem 0;
}

.blog-article-image img {
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    border-radius: 1rem;
}

.blog-article-content {
    font-size: 1.05rem;
    line-height: 1.9;
}

.blog-share {
    margin-top: 3rem;
    display: flex;
    gap: 1rem;
    align-items: center;
}

.blog-share a {
    font-size: 1.2rem;
    color: #47638f;
}

.blog-related h3 {
    margin-bottom: 1.5rem;
}

.blog-related-card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.blog-related-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 1rem;
    margin-bottom: .7rem;
}

.blog-related-card h4 {
    font-size: .95rem;
}
.blog-article-wrap {
    max-width: 860px;
}

.blog-article-header {
    max-width: 780px;
    margin: 0 auto 2rem;
}

.blog-article-cover-wrap {
    max-width: 760px;
    margin: 2rem auto 2.4rem;
}

.blog-article-cover {
    position: relative;
    width: 100%;
    max-height: 430px;
    border-radius: 1.25rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 18px 45px rgba(31,31,31,.08);
    border: 1px solid rgba(71,99,143,.12);
}

.blog-article-cover::before {
    content: "";
    display: block;
    aspect-ratio: 16 / 9;
}

.blog-article-cover img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.12), transparent 32%),
        linear-gradient(135deg, #f7f3ee, #ffffff);
    padding: .65rem;
}

.blog-article-content {
    max-width: 760px;
    margin: 0 auto;
}

.blog-share {
    max-width: 760px;
    margin: 3rem auto 0;
    padding-top: 1.25rem;
    border-top: 1px solid var(--zmulti-line);
}

.blog-share a {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(71,99,143,.09);
    color: #47638f;
    transition: .18s ease;
}

.blog-share a:hover,
.blog-share a.copied {
    background: #47638f;
    color: #fff;
    transform: translateY(-2px);
}

.blog-related {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

.blog-related-card img {
    height: 150px;
    object-fit: cover;
}

@media (max-width: 767.98px) {
    .blog-article-cover {
        max-height: none;
    }

    .blog-article-cover::before {
        aspect-ratio: 4 / 3;
    }
}
.blog-magazine-article {
    max-width: 920px;
    margin: 0 auto;
    background: #fffdf9;
    border: 1px solid rgba(71,99,143,.12);
    border-radius: 1.25rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    box-shadow: 0 18px 50px rgba(31,31,31,.055);
}

.blog-magazine-header {
    border-top: 6px solid #263955;
    padding-top: 1.3rem;
    margin-bottom: 1.8rem;
}

.blog-magazine-header h1 {
    max-width: 760px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.2rem, 5vw, 4.1rem);
    line-height: .95;
    letter-spacing: -.04em;
    color: #17253a;
    margin-bottom: .75rem;
}

.blog-magazine-body {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.03rem;
    line-height: 1.85;
    color: #313131;
}

.blog-magazine-image {
    float: right;
    width: min(42%, 330px);
    margin: .35rem 0 1.2rem 2rem;
    border-radius: .25rem;
    overflow: hidden;
    background: #f3f0ea;
    box-shadow: 0 14px 34px rgba(31,31,31,.12);
}

.blog-magazine-image img {
    width: 100%;
    display: block;
    aspect-ratio: 4 / 5;
    object-fit: cover;
}

.blog-magazine-body .blog-article-content {
    max-width: none;
}

.blog-magazine-body .blog-article-content p:first-of-type::first-letter {
    float: left;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 4.8rem;
    line-height: .82;
    padding: .15rem .5rem 0 0;
    color: #47638f;
}

.blog-magazine-body .blog-article-content p {
    margin-bottom: 1.1rem;
}

.blog-magazine-article .blog-share {
    clear: both;
    max-width: none;
}

@media (max-width: 767.98px) {
    .blog-magazine-image {
        float: none;
        width: 100%;
        margin: 0 0 1.5rem;
    }

    .blog-magazine-header h1 {
        line-height: 1.05;
    }
}
.footer-premium {
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.16), transparent 28%),
        linear-gradient(135deg, #47638f 0%, #243650 100%);
    color: rgba(255,255,255,.76);
    padding: 0 0 1.4rem;
}

.footer-cta {
    transform: translateY(-50%);
    margin-bottom: -2rem;
    background: #fff;
    border: 1px solid rgba(71,99,143,.12);
    border-radius: 1.4rem;
    padding: 1.4rem 1.6rem;
    box-shadow: 0 18px 50px rgba(31,31,31,.12);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.footer-cta span {
    color: #f0a700;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.footer-cta h2 {
    color: #263955;
    font-size: clamp(1.25rem, 2vw, 1.8rem);
    margin: .2rem 0 0;
}

.footer-main {
    padding-top: 3.2rem;
}

.footer-logo {
    max-width: 150px;
    background: #fff;
    padding: .75rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
}

.footer-brand-box {
    max-width: 330px;
}

.footer-social {
    display: flex;
    gap: .55rem;
    margin-top: 1.2rem;
}

.footer-social a {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #fff;
    transition: .18s ease;
}

.footer-social a:hover {
    background: #fcb62e;
    color: #263955;
    transform: translateY(-2px);
}

.footer-premium .footer-title {
    font-size: .92rem;
    color: #fff;
    margin-bottom: .9rem;
    font-weight: 800;
}

.footer-premium .footer-links a {
    font-size: .9rem;
    color: rgba(255,255,255,.72);
}

.footer-premium .footer-links a:hover {
    color: #fcb62e;
}

.footer-premium .footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    border-top: 1px solid rgba(255,255,255,.13);
    margin-top: 2.4rem;
    padding-top: 1rem;
    font-size: .82rem;
    color: rgba(255,255,255,.58);
}

@media (max-width: 767.98px) {
    .footer-cta {
        transform: translateY(-25%);
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .footer-main {
        padding-top: 1.6rem;
    }
}
.catalog-hero {
    padding: 3.2rem 0 2.8rem;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.22), transparent 30%),
        linear-gradient(135deg, #47638f 0%, #243650 100%);
    color: #fff;
}

.catalog-hero .section-kicker {
    color: #fcb62e;
}

.catalog-hero h1 {
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.08;
    font-weight: 800;
    margin-bottom: .8rem;
}

.catalog-hero p {
    max-width: 720px;
    color: rgba(255,255,255,.82);
    margin: 0;
    line-height: 1.7;
}

.catalog-section {
    background: #faf8f5;
}

.catalog-filter-premium {
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.25rem;
    padding: 1.2rem;
    box-shadow: 0 14px 38px rgba(31,31,31,.045);
}

.catalog-filter-premium .btn {
    padding: .72rem 1rem;
}

.catalog-grid-books {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
    gap: 1.25rem;
}

.book-catalog-card {
    background: #f6f6f6;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.15rem;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(31,31,31,.045);
    transition: .2s ease;

    display: flex;
    flex-direction: column;
    height: 100%;
}

.book-catalog-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(31,31,31,.08);
}

.book-cover-mini {
    display: block;
    aspect-ratio: 2 / 3;
    background: #fff; 
    overflow: hidden;
}

.book-cover-mini img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: .55rem;
    display: block;
    transition: .22s ease;
}

.book-catalog-card:hover .book-cover-mini img {
    transform: scale(1.025);
}

.book-cover-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #47638f;
    font-size: 2rem;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.18), transparent 35%),
        linear-gradient(135deg, rgba(71,99,143,.12), rgba(71,99,143,.03));
}

.book-catalog-info {
     display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: .95rem;
}

.book-tag {
    display: inline-flex;
    margin-bottom: .5rem;
    padding: .18rem .55rem;
    border-radius: 999px;
    background: rgba(252,182,46,.18);
    color: #8a6200;
    font-size: .72rem;
    font-weight: 800;
}

.book-catalog-info h2 {
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: .35rem;
}

.book-catalog-info h2 a {
    color: #263955;
}

.book-catalog-info h2 a:hover {
    color: #47638f;
}

.book-author {
    color: #777;
    font-size: .85rem;
    margin-bottom: .75rem;
}

.book-actions-mini {
    margin-top: auto; 
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

.book-actions-mini .btn {
    padding: .42rem .65rem;
    border-radius: 999px;
    font-size: .78rem;
}

@media (max-width: 575.98px) {
    .catalog-grid-books {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .85rem;
    }

    .book-catalog-info {
        padding: .75rem;
    }

    .book-actions-mini .btn {
        width: 100%;
    }
}
.book-catalog-info h2 {
    min-height: 2.5em;
}

.book-catalog-info h2 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.book-author {
    min-height: 2.6em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.book-cover-mini {
    position: relative;
}

.book-cover-mini img {
    transform: scale(1);
    transition: transform .28s ease, filter .28s ease;
}

.book-catalog-card:hover .book-cover-mini img {
    transform: scale(1.055);
    filter: saturate(1.04) contrast(1.02);
}
.book-show-hero {
    padding: 3rem 0 4rem;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.22), transparent 30%),
        linear-gradient(135deg, #47638f 0%, #243650 100%);
}

.book-show-panel {
    background: #fffdf9;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 1.5rem;
    padding: clamp(1.2rem, 3vw, 2rem);
    box-shadow: 0 22px 58px rgba(20,30,45,.18);
}

.book-show-cover {
    max-width: 290px;
    margin: 0 auto;
    aspect-ratio: 2 / 3;
    border-radius: 1.1rem;
    background: #f3f0ea;
    overflow: hidden;
    box-shadow: 0 18px 42px rgba(31,31,31,.13);
}

.book-show-cover img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: .65rem;
    transition: .25s ease;
}

.book-show-cover:hover img {
    transform: scale(1.035);
}

.book-show-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #47638f;
    font-size: 2.4rem;
}

.book-show-info {
    padding: .5rem 0;
}

.book-show-info h1 {
    color: #17253a;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.05;
    font-weight: 800;
    margin-bottom: .8rem;
}

.book-show-subtitle {
    color: #666;
    font-size: 1.08rem;
    line-height: 1.65;
    margin-bottom: 1.1rem;
}

.book-show-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: 1.25rem;
}

.book-show-meta span {
    display: inline-flex;
    gap: .25rem;
    padding: .42rem .7rem;
    border-radius: 999px;
    background: rgba(71,99,143,.08);
    color: #4f5d70;
    font-size: .88rem;
}

.book-show-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: 1rem;
}

.book-show-actions .btn {
    padding: .52rem .9rem;
    border-radius: 999px;
}

.book-author-link {
    display: inline-flex;
    align-items: center;
    color: #47638f;
    font-weight: 800;
    font-size: .92rem;
}

.book-show-content-section {
    background: #faf8f5;
}

.book-show-content-grid {
    max-width: 900px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
}

.book-text-card {
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.25rem;
    padding: clamp(1.3rem, 3vw, 2rem);
    box-shadow: 0 14px 38px rgba(31,31,31,.045);
}

.book-text-card .section-text {
    color: #444;
    line-height: 1.85;
}

@media (max-width: 991.98px) {
    .book-show-info {
        text-align: center;
    }

    .book-show-meta,
    .book-show-actions {
        justify-content: center;
    }
}
.authors-grid-pro {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 1.25rem;
}

.author-card-pro {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.15rem;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(31,31,31,.045);
    transition: .2s ease;
}

.author-card-pro:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(31,31,31,.08);
}

.author-photo-pro {
    display: block;
    aspect-ratio: 4 / 3.25;
    background: #f3f0ea;
    overflow: hidden;
}

.author-photo-pro img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .28s ease;
}

.author-card-pro:hover .author-photo-pro img {
    transform: scale(1.055);
    filter: saturate(1.04) contrast(1.02);
}

.author-photo-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #47638f;
    font-size: 2rem;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.18), transparent 35%),
        linear-gradient(135deg, rgba(71,99,143,.12), rgba(71,99,143,.03));
}

.author-card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: .95rem;
}

.author-badge {
    align-self: flex-start;
    margin-bottom: .5rem;
    padding: .18rem .55rem;
    border-radius: 999px;
    background: rgba(252,182,46,.18);
    color: #8a6200;
    font-size: .72rem;
    font-weight: 800;
}

.author-card-body h2 {
    min-height: 2.5em;
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: .45rem;
}

.author-card-body h2 a {
    color: #263955;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.author-card-body h2 a:hover {
    color: #47638f;
}

.author-card-body p {
    min-height: 4.45em;
    color: #666;
    font-size: .88rem;
    line-height: 1.5;
    margin-bottom: .8rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.author-actions-pro {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.author-actions-pro .btn {
    padding: .42rem .65rem;
    border-radius: 999px;
    font-size: .78rem;
}

@media (max-width: 575.98px) {
    .authors-grid-pro {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .85rem;
    }

    .author-card-body {
        padding: .75rem;
    }

    .author-actions-pro .btn {
        width: 100%;
    }
}
.author-show-hero {
    padding: 3rem 0 4rem;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.22), transparent 30%),
        linear-gradient(135deg, #47638f 0%, #243650 100%);
}

.author-show-panel {
    background: #fffdf9;
    border-radius: 1.5rem;
    padding: clamp(1.2rem, 3vw, 2rem);
    box-shadow: 0 22px 58px rgba(20,30,45,.18);
}

.author-show-photo {
    max-width: 310px;
    margin: 0 auto;
    aspect-ratio: 4 / 4.7;
    border-radius: 1.15rem;
    overflow: hidden;
    background: #f3f0ea;
    box-shadow: 0 18px 42px rgba(31,31,31,.13);
}

.author-show-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .25s ease;
}

.author-show-photo:hover img {
    transform: scale(1.035);
}

.author-show-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #47638f;
    font-size: 2.4rem;
}

.author-show-title {
    color: #17253a;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.05;
    font-weight: 800;
    margin-bottom: .8rem;
}

.author-show-subtitle {
    color: #666;
    font-size: 1.08rem;
    line-height: 1.65;
    margin-bottom: 1rem;
}

.author-show-text {
    color: #444;
    line-height: 1.85;
    max-width: 760px;
}

.author-social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1.2rem;
}

.author-social-icons a {
    width: 36px;
    height: 36px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(71,99,143,.09);
    color: #47638f;
    transition: .18s ease;
}

.author-social-icons a:hover {
    background: #47638f;
    color: #fff;
    transform: translateY(-2px);
}

@media (max-width: 991.98px) {
    .author-show-panel {
        text-align: center;
    }

    .author-social-icons {
        justify-content: center;
    }
}
.magazine-grid-pro {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 1.25rem;
}

.magazine-card-pro {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.15rem;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(31,31,31,.045);
    transition: .2s ease;
}

.magazine-card-pro:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(31,31,31,.08);
}

.magazine-cover-pro {
    display: block;
    aspect-ratio: 3 / 4;
    background: #f3f0ea;
    overflow: hidden;
}

.magazine-cover-pro img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: .55rem;
    display: block;
    transition: .28s ease;
}

.magazine-card-pro:hover .magazine-cover-pro img {
    transform: scale(1.045);
}

.magazine-cover-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #47638f;
    font-size: 2rem;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.18), transparent 35%),
        linear-gradient(135deg, rgba(71,99,143,.12), rgba(71,99,143,.03));
}

.magazine-card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: .95rem;
}

.magazine-card-body h2 {
    min-height: 2.5em;
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: .45rem;
}

.magazine-card-body h2 a {
    color: #263955;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.magazine-card-body p {
    min-height: 4.2em;
    color: #666;
    font-size: .88rem;
    line-height: 1.5;
    margin-bottom: .8rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.magazine-actions-pro {
    margin-top: auto;
}

.magazine-actions-pro .btn {
    width: 100%;
    padding: .45rem .7rem;
    border-radius: 999px;
    font-size: .8rem;
}

@media (max-width: 575.98px) {
    .magazine-grid-pro {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .85rem;
    }

    .magazine-card-body {
        padding: .75rem;
    }
}
.magazine-show-hero {
    padding: 3rem 0 4rem;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.22), transparent 30%),
        linear-gradient(135deg, #47638f 0%, #243650 100%);
}

.magazine-show-panel {
    background: #fffdf9;
    border-radius: 1.5rem;
    padding: clamp(1.2rem, 3vw, 2rem);
    box-shadow: 0 22px 58px rgba(20,30,45,.18);
}

.magazine-show-cover {
    max-width: 310px;
    margin: 0 auto;
    aspect-ratio: 3 / 4;
    border-radius: 1.15rem;
    overflow: hidden;
    background: #f3f0ea;
    box-shadow: 0 18px 42px rgba(31,31,31,.13);
}

.magazine-show-cover img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: .65rem;
    transition: .25s ease;
}

.magazine-show-cover:hover img {
    transform: scale(1.035);
}

.magazine-show-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #47638f;
    font-size: 2.4rem;
}

.magazine-show-info h1 {
    color: #17253a;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.05;
    font-weight: 800;
    margin-bottom: .7rem;
}

.magazine-show-edition {
    display: inline-flex;
    padding: .35rem .7rem;
    border-radius: 999px;
    background: rgba(252,182,46,.18);
    color: #8a6200;
    font-weight: 800;
    margin-bottom: 1rem;
}

.magazine-show-text {
    color: #444;
    line-height: 1.85;
    max-width: 760px;
    margin-bottom: 1.2rem;
}

.magazine-show-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.magazine-show-actions .btn {
    padding: .52rem .9rem;
    border-radius: 999px;
}

.magazine-reader-section {
    background: #faf8f5;
}

.magazine-reader-wrap {
    margin-top: 1rem;
}

.magazine-reader-box {
    max-width: 980px;
    border: 1px solid rgba(71,99,143,.12);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.12), transparent 30%),
        #fffdf9;
    padding: 1rem;
    box-shadow: 0 18px 50px rgba(31,31,31,.08);
}

.magazine-reader-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding: .75rem;
    border-radius: 1rem;
    background: rgba(71,99,143,.06);
}

.magazine-reader-toolbar .btn {
    border-radius: 999px;
    padding: .48rem .82rem;
}

.magazine-reader-counter {
    font-weight: 800;
    color: #263955;
    font-size: .9rem;
}

.magazine-page-wrap {
    background:
        linear-gradient(135deg, rgba(71,99,143,.14), rgba(252,182,46,.12));
    border-radius: 1rem;
    padding: 1.2rem;
}

#pdfReaderBox:fullscreen {
    max-width: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: #111;
    overflow: auto;
}

#pdfReaderBox:fullscreen .magazine-reader-toolbar {
    background: rgba(255,255,255,.08);
}

#pdfReaderBox:fullscreen .magazine-reader-counter {
    color: #fff;
}

@media (max-width: 991.98px) {
    .magazine-show-info {
        text-align: center;
    }

    .magazine-show-actions {
        justify-content: center;
    }

    .magazine-reader-toolbar {
        justify-content: center;
    }
}
.institutional-hero {
    padding: 3.6rem 0 3.2rem;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.22), transparent 30%),
        linear-gradient(135deg, #47638f 0%, #243650 100%);
    color: #fff;
}

.institutional-hero .section-kicker {
    color: #fcb62e;
}

.institutional-hero h1 {
    max-width: 820px;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.05;
    font-weight: 800;
    margin-bottom: .9rem;
}

.institutional-hero p {
    max-width: 760px;
    color: rgba(255,255,255,.84);
    font-size: 1.08rem;
    line-height: 1.75;
    margin: 0;
}

.institutional-section {
    background: #faf8f5;
}

.institutional-intro-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 1.4rem;
    align-items: stretch;
    margin-bottom: 2rem;
}

.institutional-text-card,
.institutional-image-card,
.value-card {
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.35rem;
    box-shadow: 0 14px 38px rgba(31,31,31,.045);
}

.institutional-text-card {
    padding: clamp(1.4rem, 3vw, 2.2rem);
}

.institutional-text-card h2 {
    color: #17253a;
    font-size: clamp(1.7rem, 3vw, 2.45rem);
    line-height: 1.08;
    font-weight: 800;
    margin-bottom: 1rem;
}

.institutional-text-card p {
    color: #4b5563;
    line-height: 1.85;
}

.institutional-image-card {
    overflow: hidden;
    min-height: 360px;
}

.institutional-image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.timeline-zmulti {
    position: relative;
    display: grid;
    gap: .85rem;
    margin: 2rem 0;
}

.timeline-item {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 1rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.1rem;
    box-shadow: 0 10px 28px rgba(31,31,31,.035);
}

.timeline-item span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border-radius: 999px;
    background: rgba(252,182,46,.18);
    color: #8a6200;
    font-weight: 900;
    font-size: .86rem;
}

.timeline-item h3 {
    color: #263955;
    font-size: 1.05rem;
    margin-bottom: .25rem;
}

.timeline-item p {
    color: #666;
    line-height: 1.65;
    margin: 0;
}

.institutional-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(1.4rem, 3vw, 2rem);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.18), transparent 32%),
        linear-gradient(135deg, #47638f 0%, #243650 100%);
    color: #fff;
    box-shadow: 0 18px 48px rgba(20,30,45,.16);
}

.institutional-cta .section-kicker {
    color: rgba(252,182,46,.95);
}

.institutional-cta h2 {
    font-size: clamp(1.45rem, 3vw, 2.25rem);
    margin-bottom: .5rem;
}

.institutional-cta p {
    color: rgba(255,255,255,.82);
    line-height: 1.7;
    margin: 0;
}

.values-section {
    background: #fff;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.value-card {
    padding: 1.25rem;
}

.value-card h3,
.value-card strong {
    display: block;
    color: #263955;
    font-size: 1.05rem;
    margin-bottom: .45rem;
}

.value-card p {
    color: #666;
    line-height: 1.65;
    margin: 0;
}

.value-card.small {
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.1), transparent 34%),
        #fff;
}

@media (max-width: 991.98px) {
    .institutional-intro-grid,
    .values-grid {
        grid-template-columns: 1fr;
    }

    .institutional-cta {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 575.98px) {
    .timeline-item {
        grid-template-columns: 1fr;
    }
}
.process-premium-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
}

.process-premium-card {
    position: relative;
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.25rem;
    padding: 1.25rem;
    box-shadow: 0 14px 38px rgba(31,31,31,.045);
    transition: .2s ease;
}

.process-premium-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 46px rgba(31,31,31,.08);
}

.process-number {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(252,182,46,.18);
    color: #8a6200;
    font-weight: 900;
    margin-bottom: 1rem;
}

.process-premium-card h2 {
    color: #263955;
    font-size: 1.08rem;
    line-height: 1.25;
    margin-bottom: .65rem;
}

.process-premium-card p {
    color: #666;
    font-size: .92rem;
    line-height: 1.65;
    margin: 0;
}

@media (max-width: 1199.98px) {
    .process-premium-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767.98px) {
    .process-premium-grid {
        grid-template-columns: 1fr;
    }
}
.pricing-premium-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.4rem;
    align-items: stretch;
}

.pricing-premium-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.5rem;
    padding: clamp(1.4rem, 3vw, 2rem);
    box-shadow: 0 16px 42px rgba(31,31,31,.055);
}

.pricing-premium-card.featured {
    border-color: rgba(71,99,143,.28);
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.13), transparent 35%),
        #fff;
    box-shadow: 0 24px 60px rgba(31,31,31,.09);
}

.pricing-featured-label {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .32rem .7rem;
    border-radius: 999px;
    background: #47638f;
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
}

.pricing-badge {
    display: inline-flex;
    align-self: flex-start;
    margin-bottom: .8rem;
    padding: .28rem .7rem;
    border-radius: 999px;
    background: rgba(252,182,46,.18);
    color: #8a6200;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.featured-badge {
    background: rgba(71,99,143,.12);
    color: #47638f;
}

.pricing-card-head h2 {
    color: #17253a;
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    line-height: 1.08;
    font-weight: 800;
    margin-bottom: .75rem;
}

.pricing-card-head p,
.pricing-note {
    color: #5f6670;
    line-height: 1.7;
}

.pricing-list {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}

.pricing-list li {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    padding: .55rem 0;
    border-bottom: 1px solid rgba(71,99,143,.08);
    color: #404855;
}

.pricing-list i {
    color: #f0a700;
    margin-top: .18rem;
}

.pricing-note {
    margin-top: auto;
    font-size: .92rem;
}

.pricing-premium-card .btn {
    margin-top: 1rem;
    padding: .7rem 1rem;
}

@media (max-width: 991.98px) {
    .pricing-premium-grid {
        grid-template-columns: 1fr;
    }
}
.project-start-grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 1.4rem;
    align-items: start;
}

.project-start-info {
    display: grid;
    gap: 1rem;
}

.project-help-card,
.project-form-card {
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.35rem;
    box-shadow: 0 14px 38px rgba(31,31,31,.045);
}

.project-help-card {
    padding: 1.4rem;
}

.project-help-card h3 {
    color: #263955;
    font-size: 1.15rem;
    margin-bottom: .9rem;
}

.project-help-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.project-help-card li {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    padding: .55rem 0;
    border-bottom: 1px solid rgba(71,99,143,.08);
    color: #4d5663;
}

.project-help-card li:last-child {
    border-bottom: 0;
}

.project-help-card i {
    color: #f0a700;
    margin-top: .2rem;
}

.project-form-card {
    padding: clamp(1.4rem, 3vw, 2rem);
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.1), transparent 32%),
        #fff;
}

.project-form-head {
    margin-bottom: 1.2rem;
}

.project-form-head h2 {
    color: #17253a;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    line-height: 1.08;
    font-weight: 800;
    margin-bottom: .65rem;
}

.project-form-head p {
    color: #666;
    line-height: 1.65;
    margin: 0;
}

.project-form-card .form-label {
    color: #263955;
    font-size: .86rem;
    font-weight: 800;
}

.project-form-card .form-control,
.project-form-card .form-select {
    background: #fffdf9;
}

.project-form-card textarea {
    resize: vertical;
}

.project-form-card .btn {
    padding: .8rem 1rem;
}

@media (max-width: 991.98px) {
    .project-start-grid {
        grid-template-columns: 1fr;
    }
}
/* HOME PREMIUM */
.home-premium .feature-card,
.home-premium .step-card,
.home-premium .highlight-panel {
    border-radius: 1.4rem;
}

.hero {
    min-height: 82vh;
    background-position: center;
}

.hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 45%;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,.32));
    z-index: 1;
    pointer-events: none;
}

.hero-title {
    max-width: 880px;
    font-size: clamp(2.5rem, 5vw, 4.7rem);
    line-height: .98;
    letter-spacing: -.045em;
    text-shadow: 0 18px 40px rgba(0,0,0,.28);
}

.hero-text {
    color: rgba(255,255,255,.86);
    font-size: 1.16rem;
    max-width: 680px;
}

.hero-actions .btn {
    border-radius: 999px;
    padding: .9rem 1.35rem;
    box-shadow: 0 14px 30px rgba(0,0,0,.16);
}

.section-zmulti.bg-white .feature-card {
    position: relative;
    overflow: hidden;
    transition: .2s ease;
}

.section-zmulti.bg-white .feature-card::before {
    content: "\f02d";
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    margin-bottom: 1rem;
    border-radius: 16px;
    background: rgba(71,99,143,.08);
    color: #47638f;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1.15rem;
}
.section-zmulti.bg-white .feature-card:hover,
.step-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 46px rgba(31,31,31,.08);
}

.section-alt {
    background:
        radial-gradient(circle at top left, rgba(252,182,46,.12), transparent 28%),
        #faf8f5;
}

.step-card {
    border: 1px solid rgba(71,99,143,.12);
    transition: .2s ease;
}

.step-number {
    background: rgba(252,182,46,.18);
    color: #8a6200;
}

.cta-box {
    box-shadow: 0 24px 60px rgba(20,30,45,.18);
}

.bg-white.pt-0 {
    background: linear-gradient(180deg, #fff 0%, #faf8f5 100%) !important;
}

.bg-white.pt-0 .highlight-panel {
    border: 1px solid rgba(71,99,143,.12);
    box-shadow: 0 18px 48px rgba(31,31,31,.06);
}

.bg-white.pt-0 .highlight-panel img {
    background: #f3f0ea;
    padding: .45rem;
    object-fit: contain !important;
}

.revista-home-actions .btn,
.blog-home-panel .btn {
    padding: .5rem .85rem;
    border-radius: 999px;
    font-size: .85rem;
}

@media (max-width: 991.98px) {
    .hero {
        min-height: 70vh;
    }
}
/* GRID DINÂMICO DE PLANOS */

.pricing-premium-grid {
    display: grid;
    gap: 24px;
}

/* 1 plano */
.pricing-premium-grid.cols-1 {
    grid-template-columns: 1fr;
}

/* 2 planos */
.pricing-premium-grid.cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

/* 3 planos */
.pricing-premium-grid.cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

/* 4 planos */
.pricing-premium-grid.cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

/* RESPONSIVO (importantíssimo 👇) */
@media (max-width: 992px) {
    .pricing-premium-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 576px) {
    .pricing-premium-grid {
        grid-template-columns: 1fr !important;
    }
}
.carrinho-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #1e1e1e;
    color: #fff;
    padding: 12px 0;
    z-index: 999;
}
.btn-carrinho.active {
    background: #198754;
    color: #fff;
    border-color: #198754;
}

.carrinho-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #1e1e1e;
    color: #fff;
    padding: 14px 0;
    z-index: 999;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.2);
}

.carrinho-bar strong {
    font-weight: 600;
}
/* LOJINHA - FEED INSTAGRAM PREMIUM */

.lojinha-feed-grid {
    column-count: 3;
    column-gap: 1.5rem;
}

.lojinha-feed-card {
    display: inline-block;
    width: 100%;
    margin: 0 0 1.5rem;
    background: #fff;
    border: 1px solid rgba(70, 45, 30, .08);
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(45, 32, 24, .08);
    transition: transform .22s ease, box-shadow .22s ease;
    break-inside: avoid;
}

.lojinha-feed-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 60px rgba(45, 32, 24, .14);
}

.lojinha-feed-image {
    position: relative;
    display: block;
    overflow: hidden;
    background: #f3eee9;
}

.lojinha-feed-image img {
    width: 100%;
    height: auto;
    min-height: 260px;
    max-height: 430px;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}

.lojinha-feed-card:hover .lojinha-feed-image img {
    transform: scale(1.035);
}

.lojinha-feed-placeholder {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9b8778;
    font-size: 2rem;
}

.lojinha-feed-badge {
    position: absolute;
    left: 16px;
    top: 16px;
    background: rgba(255,255,255,.92);
    color: #3b2a20;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: .78rem;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

.lojinha-feed-body {
    padding: 1.25rem;
}

.lojinha-feed-meta {
    color: #9a7657;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .72rem;
    font-weight: 700;
    margin-bottom: .55rem;
}

.lojinha-feed-body h3 {
    font-size: 1.2rem;
    line-height: 1.25;
    margin-bottom: .65rem;
}

.lojinha-feed-body h3 a {
    color: #2b2520;
    text-decoration: none;
}

.lojinha-feed-body p {
    color: #6f625b;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.lojinha-feed-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

@media (max-width: 992px) {
    .lojinha-feed-grid {
        column-count: 2;
    }
}

@media (max-width: 576px) {
    .lojinha-feed-grid {
        column-count: 1;
    }

    .lojinha-feed-image img {
        max-height: none;
    }
}
.lojinha-feed-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px; /* altura fixa */
    padding: 0 16px; /* padding horizontal apenas */
    line-height: 1;
}

.lojinha-feed-actions .btn i {
    font-size: 0.9rem;
}
/* HEADER SOCIAL ICONS */

.header-social {
    align-items: center;
    gap: .45rem;
    margin-left: 1rem;
}

.header-social a {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(71, 99, 143, .08);
    color: #47638f;
    font-size: .92rem;
    transition: .18s ease;
}

.header-social a:hover {
    background: #47638f;
    color: #fff;
    transform: translateY(-2px);
}
#pdfReaderBox:fullscreen {
    width: 100vw;
    height: 100vh;
    max-width: none;
    border-radius: 0;
    padding: 1rem;
    background: #111;
    display: flex;
    flex-direction: column;
}

#pdfReaderBox:fullscreen .magazine-reader-toolbar {
    flex: 0 0 auto;
    background: rgba(255,255,255,.08);
    color: #fff;
}

#pdfReaderBox:fullscreen .magazine-reader-counter {
    color: #fff;
}

#pdfReaderBox:fullscreen .magazine-page-wrap {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    padding: 1rem;
}

#pdfReaderBox:fullscreen canvas {
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0 0 40px rgba(255,255,255,.15);
}
.contact-page {
    background: #faf8f5;
}

.contact-info-card {
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.16), transparent 30%),
        #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.25rem;
    padding: 1.75rem;
    box-shadow: 0 14px 38px rgba(31,31,31,.045);
}

.contact-info-block + .contact-info-block {
    margin-top: 1.35rem;
}

.contact-info-label {
    display: block;
    margin-bottom: .45rem;
    color: var(--zmulti-accent);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.contact-phone {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #263955;
    font-size: 1.15rem;
    font-weight: 800;
}

.contact-phone:hover {
    color: #227e28;
}

.contact-info-block p {
    margin: 0;
    color: #555;
    line-height: 1.65;
}

.contact-hours {
    display: grid;
    gap: .42rem;
}

.contact-hours div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .42rem;
    border-bottom: 1px dashed rgba(71,99,143,.18);
    color: #555;
}

.contact-hours strong {
    color: #263955;
    font-weight: 700;
}

.contact-hours span {
    white-space: nowrap;
    color: #333;
}

.contact-map {
    margin-top: 1.5rem;
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid var(--zmulti-line);
    min-height: 260px;
    background: #f3f0ea;
}

.contact-map iframe {
    width: 100%;
    height: 300px;
    border: 0;
    display: block;
}

@media (max-width: 575.98px) {
    .contact-hours div {
        flex-direction: column;
        gap: .1rem;
    }
}
.contact-info-card {
    background:
        linear-gradient(180deg, #ffffff 0%, #f9f6f2 100%);
    border: 1px solid rgba(71,99,143,.12);
    border-radius: 1.5rem;
    padding: 1.6rem;
    box-shadow: 0 20px 55px rgba(31,31,31,.08);
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.contact-card-top {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(71,99,143,.12);
}

.contact-phone {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.25rem;
    font-weight: 800;
    color: #263955;
    margin: .4rem 0;
}

.contact-phone i {
    color: #25d366;
}

.contact-address {
    color: #555;
    margin: 0;
    line-height: 1.6;
}

/* CARD HORÁRIOS */
.contact-hours-card {
    background: #fff;
    border-radius: 1.1rem;
    padding: 1rem;
    border: 1px solid var(--zmulti-line);
    box-shadow: 0 10px 25px rgba(0,0,0,.04);
}

.contact-hours {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    margin-top: .5rem;
}

.contact-hours div {
    display: flex;
    justify-content: space-between;
    font-size: .95rem;
}

.contact-hours strong {
    color: #263955;
}

.contact-hours span {
    font-weight: 600;
}

.contact-hours .closed {
    color: #b02a37;
}

/* MAPA */
.premium-map {
    border-radius: 1.2rem;
    overflow: hidden;
    border: 1px solid rgba(71,99,143,.12);
    box-shadow: 0 18px 40px rgba(31,31,31,.08);
}

.premium-map iframe {
    width: 100%;
    height: 260px;
    border: 0;
    display: block;
}

/* FORM MELHORADO */
.highlight-panel {
    border-radius: 1.5rem;
    box-shadow: 0 20px 55px rgba(31,31,31,.08);
}

/* INPUTS MAIS PREMIUM */
.form-control,
.form-select {
    background: #fff;
    border-radius: 1rem;
    border: 1px solid rgba(71,99,143,.18);
}

.form-control:focus,
.form-select:focus {
    border-color: #47638f;
    box-shadow: 0 0 0 .2rem rgba(71,99,143,.15);
}
/* =========================
   LOJINHA PREMIUM
========================= */

.lojinha-feed-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.35rem;
    align-items: stretch;
}

.lojinha-feed-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid rgba(71,99,143,.12);
    border-radius: 1.35rem;
    overflow: hidden;
    box-shadow: 0 16px 42px rgba(31,31,31,.06);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.lojinha-feed-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 58px rgba(31,31,31,.11);
    border-color: rgba(252,182,46,.38);
}

.lojinha-feed-image {
    position: relative;
    display: block;
    aspect-ratio: 4 / 4.7;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.16), transparent 34%),
        linear-gradient(135deg, rgba(71,99,143,.12), rgba(255,255,255,.9));
}

.lojinha-feed-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .32s ease, filter .32s ease;
}

.lojinha-feed-card:hover .lojinha-feed-image img {
    transform: scale(1.055);
    filter: saturate(1.04) contrast(1.02);
}

.lojinha-feed-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #47638f;
    font-size: 2.2rem;
}

.lojinha-feed-badge {
    position: absolute;
    top: .85rem;
    left: .85rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .65rem;
    border-radius: 999px;
    background: rgba(252,182,46,.94);
    color: #263955;
    font-size: .76rem;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(0,0,0,.15);
}

.lojinha-feed-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.lojinha-feed-meta {
    margin-bottom: .55rem;
    color: #8a6200;
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.lojinha-feed-body h3 {
    min-height: 2.55em;
    margin-bottom: .6rem;
    font-size: 1.05rem;
    line-height: 1.28;
}

.lojinha-feed-body h3 a {
    color: #263955;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lojinha-feed-body h3 a:hover {
    color: #47638f;
}

.lojinha-feed-body p {
    min-height: 4.6em;
    margin-bottom: 1rem;
    color: #666;
    font-size: .9rem;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lojinha-feed-actions {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.lojinha-feed-actions .btn {
    padding: .48rem .75rem;
    font-size: .8rem;
}

/* Destaque superior da lojinha */
.institutional-intro-grid .institutional-image-card img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    transition: transform .32s ease;
}

.institutional-intro-grid .institutional-image-card:hover img {
    transform: scale(1.035);
}

@media (max-width: 991.98px) {
    .lojinha-feed-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .lojinha-feed-grid {
        grid-template-columns: 1fr;
    }

    .lojinha-feed-actions .btn {
        width: 100%;
    }
}


/* =====================================================
   CATÁLOGO DE LIVROS - PREMIUM / LOAD MORE
   ===================================================== */

.catalog-hero-premium {
    padding: 3.8rem 0 3.2rem;
}

.catalog-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 2rem;
    align-items: end;
}

.catalog-hero-stat {
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 1.4rem;
    padding: 1.25rem;
    backdrop-filter: blur(10px);
}

.catalog-hero-stat strong {
    display: block;
    color: #fcb62e;
    font-size: 2.3rem;
    line-height: 1;
}

.catalog-hero-stat span {
    display: block;
    margin-top: .35rem;
    color: rgba(255,255,255,.82);
    font-size: .9rem;
    line-height: 1.35;
}

.catalog-section-premium {
    padding-top: 2.2rem;
}

.catalog-filter-sticky {
    position: sticky;
    top: 78px;
    z-index: 20;
}

.catalog-input-icon {
    position: relative;
}

.catalog-input-icon i {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #8b96a8;
    pointer-events: none;
}

.catalog-input-icon .form-control {
    padding-left: 2.65rem;
}

.catalog-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(71,99,143,.12);
    border-radius: 1rem;
    background: rgba(255,255,255,.72);
}

.catalog-toolbar strong {
    color: #263955;
}

.catalog-toolbar span,
.catalog-toolbar small {
    color: #777;
}

.catalog-grid-books {
    grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
    align-items: stretch;
}

.book-catalog-card {
    position: relative;
    border: 1px solid rgba(71,99,143,.13);
    border-radius: 1.25rem;
    background: rgba(255,255,255,.92);
    box-shadow: 0 12px 34px rgba(31,31,31,.055);
}

.book-catalog-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 1.25rem;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.24), transparent 45%);
}

.book-cover-mini {
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.13), transparent 34%),
        linear-gradient(135deg, #f7f3ee, #fff);
    border-bottom: 1px solid rgba(71,99,143,.08);
}

.book-cover-mini img {
    padding: .78rem;
}

.book-card-topline {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .5rem;
    min-height: 1.6rem;
    margin-bottom: .45rem;
}

.book-price {
    flex: 0 0 auto;
    padding: .18rem .5rem;
    border-radius: 999px;
    background: rgba(34,126,40,.09);
    color: #227e28;
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

.book-actions-premium {
    display: grid;
    grid-template-columns: 1fr 1fr auto auto;
    gap: .42rem;
    align-items: center;
    margin-top: auto;
}

.btn-book-action,
.btn-book-icon {
    min-height: 38px;
    border-radius: 999px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    font-size: .8rem;
    font-weight: 800;
    transition: .18s ease;
}

.btn-book-action {
    padding: .45rem .68rem;
}

.btn-book-icon {
    width: 38px;
    padding: 0;
    background: rgba(71,99,143,.08);
    color: #47638f;
    border-color: rgba(71,99,143,.12);
}

.btn-book-primary {
    background: #263955;
    color: #fff;
}

.btn-book-primary:hover,
.btn-book-primary:focus {
    background: #47638f;
    color: #fff;
    transform: translateY(-1px);
}

.btn-book-whats {
    background: #227e28;
    color: #fff;
}

.btn-book-whats:hover,
.btn-book-whats:focus {
    background: #279c2f;
    color: #fff;
    transform: translateY(-1px);
}

.btn-book-icon:hover,
.btn-book-icon:focus {
    background: #47638f;
    color: #fff;
    transform: translateY(-1px);
}

.btn-book-icon.active,
.btn-book-icon.btn-carrinho.active {
    background: #fcb62e;
    border-color: #fcb62e;
    color: #263955;
}

.catalog-load-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.catalog-load-more {
    min-width: 240px;
    box-shadow: 0 12px 30px rgba(71,99,143,.18);
}

.catalog-empty {
    grid-column: 1 / -1;
}

.carrinho-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    padding: .85rem 0;
    background: rgba(38,57,85,.96);
    box-shadow: 0 -16px 38px rgba(0,0,0,.18);
    backdrop-filter: blur(10px);
}

.carrinho-bar strong {
    color: #fff;
}

.carrinho-bar small {
    color: rgba(255,255,255,.7) !important;
}

.modal-carrinho-premium {
    border: 0;
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 28px 70px rgba(31,31,31,.24);
}

@media (max-width: 991.98px) {
    .catalog-hero-grid {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }

    .catalog-hero-stat {
        max-width: 260px;
    }

    .catalog-filter-sticky {
        position: static;
    }
}

@media (max-width: 575.98px) {
    .catalog-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .catalog-grid-books {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .85rem;
    }

    .book-actions-premium {
        grid-template-columns: 1fr 1fr;
    }

    .btn-book-icon {
        width: 100%;
    }

    .btn-book-action span {
        display: none;
    }

    .carrinho-bar .container {
        align-items: flex-start !important;
        flex-direction: column;
        gap: .75rem;
    }

    .carrinho-bar .d-flex {
        width: 100%;
    }

    .carrinho-bar .btn {
        flex: 1;
    }
}
/* =====================================================
   AUTORES PREMIUM - Catálogo público
   Cole no final do style.css
===================================================== */

.authors-hero-premium {
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.24), transparent 30%),
        radial-gradient(circle at bottom left, rgba(255,255,255,.10), transparent 24%),
        linear-gradient(135deg, #47638f 0%, #243650 100%);
}

.authors-section-premium {
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.06), transparent 26%),
        linear-gradient(180deg, #faf8f5 0%, #fffdf9 100%);
}

.authors-filter-premium {
    position: relative;
    z-index: 5;
}

.authors-switch-filter {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.authors-switch-filter input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.authors-switch-filter span {
    width: 100%;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid var(--zmulti-line);
    border-radius: 999px;
    background: #fff;
    color: #4f5d70;
    font-size: .86rem;
    font-weight: 800;
    transition: .18s ease;
}

.authors-switch-filter input:checked + span {
    background: #263955;
    color: #fff;
    border-color: #263955;
    box-shadow: 0 12px 28px rgba(38,57,85,.16);
}

.authors-letter-strip {
    display: flex;
    gap: .32rem;
    overflow-x: auto;
    padding: .15rem 0 .8rem;
    margin-bottom: .75rem;
    scrollbar-width: thin;
}

.authors-letter-strip a {
    flex: 0 0 auto;
    min-width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .68rem;
    border-radius: 999px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(71,99,143,.12);
    color: #47638f;
    font-size: .82rem;
    font-weight: 800;
    box-shadow: 0 8px 20px rgba(31,31,31,.035);
    transition: .18s ease;
}

.authors-letter-strip a:hover,
.authors-letter-strip a.active {
    background: #47638f;
    border-color: #47638f;
    color: #fff;
    transform: translateY(-1px);
}

.authors-letter-strip a.is-muted:not(.active) {
    opacity: .38;
}

.authors-toolbar {
    margin-top: .6rem;
}

.authors-grid-premium {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 1.15rem;
}

.author-card-premium {
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(71,99,143,.10);
    border-radius: 1.18rem;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(31,31,31,.052);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.author-card-premium:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 48px rgba(31,31,31,.09);
    border-color: rgba(71,99,143,.25);
}

.author-photo-premium {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3.45;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.14), transparent 34%),
        linear-gradient(135deg, #f5efe7, #fff);
    overflow: hidden;
}

.author-photo-premium::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 42%;
    background: linear-gradient(180deg, transparent, rgba(20,30,45,.22));
    opacity: 0;
    transition: .22s ease;
}

.author-card-premium:hover .author-photo-premium::after {
    opacity: 1;
}

.author-photo-premium img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .28s ease, filter .28s ease;
}

.author-card-premium:hover .author-photo-premium img {
    transform: scale(1.055);
    filter: saturate(1.04) contrast(1.02);
}

.author-photo-placeholder-premium {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #47638f;
    font-size: 2.15rem;
}

.author-card-premium-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: .95rem;
}

.author-card-premium-topline {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    min-height: 26px;
    margin-bottom: .42rem;
}

.author-badge-premium,
.author-badge-soft {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .02em;
}

.author-badge-premium {
    background: rgba(252,182,46,.20);
    color: #8a6200;
    border: 1px solid rgba(252,182,46,.22);
}

.author-badge-soft {
    background: rgba(71,99,143,.08);
    color: #47638f;
    border: 1px solid rgba(71,99,143,.08);
}

.author-card-premium h2 {
    min-height: 2.6em;
    font-size: 1.02rem;
    line-height: 1.28;
    margin-bottom: .48rem;
}

.author-card-premium h2 a {
    color: #263955;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.author-card-premium h2 a:hover {
    color: #47638f;
}

.author-card-premium p {
    min-height: 4.95em;
    color: #6b6b6b;
    font-size: .84rem;
    line-height: 1.55;
    margin-bottom: .85rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.author-actions-premium {
    margin-top: auto;
    display: flex;
    gap: .45rem;
    align-items: center;
}

.btn-author-action,
.btn-author-icon {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 900;
    transition: .18s ease;
}

.btn-author-action {
    flex: 1 1 auto;
    padding: .42rem .72rem;
}

.btn-author-primary {
    background: #263955;
    color: #fff;
    border: 1px solid #263955;
}

.btn-author-primary:hover {
    background: #47638f;
    border-color: #47638f;
    color: #fff;
    transform: translateY(-1px);
}

.btn-author-icon {
    width: 34px;
    flex: 0 0 34px;
    border: 1px solid rgba(71,99,143,.16);
    color: #47638f;
    background: rgba(71,99,143,.07);
}

.btn-author-icon:hover {
    background: #fcb62e;
    border-color: #fcb62e;
    color: #263955;
    transform: translateY(-1px);
}

.authors-empty {
    grid-column: 1 / -1;
}

@media (max-width: 767.98px) {
    .authors-grid-premium {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .85rem;
    }

    .author-card-premium-body {
        padding: .78rem;
    }

    .author-card-premium h2 {
        font-size: .93rem;
    }

    .author-card-premium p {
        font-size: .78rem;
        min-height: 4.8em;
    }

    .btn-author-action span {
        display: none;
    }
}

@media (max-width: 380px) {
    .authors-grid-premium {
        grid-template-columns: 1fr;
    }
}

/* =====================================================
   REVISTAS - PREMIUM
   Colar no final do style.css
===================================================== */
.magazine-hero-premium {
    padding: 4.2rem 0 4.8rem;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.22), transparent 30%),
        linear-gradient(135deg, #47638f 0%, #243650 100%);
    color: #fff;
    overflow: hidden;
}

.magazine-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(260px, .62fr);
    gap: clamp(2rem, 5vw, 4rem);
    align-items: center;
}

.magazine-hero-copy h1 {
    max-width: 760px;
    font-size: clamp(2.2rem, 5vw, 4.2rem);
    line-height: 1.02;
    font-weight: 900;
    letter-spacing: -.045em;
    margin-bottom: 1rem;
}

.magazine-hero-copy p {
    max-width: 720px;
    color: rgba(255,255,255,.84);
    line-height: 1.75;
    font-size: 1.05rem;
}

.magazine-hero-edition {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: 1rem;
    padding: .45rem .8rem;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #fff;
    font-weight: 800;
}

.magazine-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.6rem;
}

.magazine-hero-actions .btn {
    border-radius: 999px;
    padding: .78rem 1.12rem;
    font-weight: 800;
}

.magazine-hero-cover-wrap {
    position: relative;
}

.magazine-hero-cover-wrap::before {
    content: "";
    position: absolute;
    inset: 9% -7% -8% 12%;
    border-radius: 2rem;
    background: rgba(252,182,46,.2);
    filter: blur(1px);
    transform: rotate(5deg);
}

.magazine-hero-cover {
    position: relative;
    display: block;
    max-width: 330px;
    margin-left: auto;
    border-radius: 1.35rem;
    overflow: hidden;
    background: #fff;
    padding: .65rem;
    box-shadow: 0 26px 70px rgba(0,0,0,.32);
    transform: rotate(1.5deg);
    transition: .22s ease;
}

.magazine-hero-cover:hover {
    transform: rotate(0deg) translateY(-4px);
}

.magazine-hero-cover img,
.magazine-hero-cover .magazine-cover-placeholder-premium {
    width: 100%;
    aspect-ratio: 2 / 2.85;
    object-fit: contain;
    border-radius: .95rem;
    display: block;
}

.magazine-hero-empty {
    max-width: 820px;
}

.magazine-hero-empty h1 {
    font-size: clamp(2.2rem, 5vw, 4rem);
    font-weight: 900;
}

.magazine-home-premium-section {
    background: #faf8f5;
}

.magazine-home-panel-premium {
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.5rem;
    padding: clamp(1.2rem, 3vw, 2rem);
    box-shadow: 0 18px 50px rgba(31,31,31,.06);
}

.magazine-home-heading {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-end;
    margin-bottom: 1.4rem;
}

.magazine-home-heading h2 {
    color: #263955;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 900;
    letter-spacing: -.035em;
    margin-bottom: .35rem;
}

.magazine-home-heading p {
    margin: 0;
    color: #667;
}

.magazine-home-stat,
.magazine-card-topline,
.magazine-toolbar {
    display: flex;
    align-items: center;
}

.magazine-home-stat {
    flex-direction: column;
    justify-content: center;
    min-width: 150px;
    min-height: 92px;
    border-radius: 1.15rem;
    background: linear-gradient(135deg, rgba(71,99,143,.11), rgba(252,182,46,.16));
    border: 1px solid rgba(71,99,143,.12);
}

.magazine-home-stat strong {
    color: #263955;
    font-size: 2rem;
    line-height: 1;
}

.magazine-home-stat span {
    color: #667;
    font-size: .82rem;
    font-weight: 700;
}

.magazine-mini-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    gap: 1rem;
}

.magazine-mini-card {
    display: block;
    color: inherit;
    border: 1px solid var(--zmulti-line);
    border-radius: 1rem;
    padding: .65rem;
    background: #fbfaf8;
    transition: .2s ease;
}

.magazine-mini-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(31,31,31,.08);
}

.magazine-mini-cover {
    display: block;
    aspect-ratio: 2 / 2.8;
    border-radius: .8rem;
    background: #fff;
    overflow: hidden;
}

.magazine-mini-cover img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: .35rem;
}

.magazine-mini-info {
    display: block;
    padding: .6rem .2rem .2rem;
}

.magazine-mini-info small {
    display: block;
    color: #f0a700;
    font-weight: 900;
    font-size: .72rem;
    margin-bottom: .25rem;
}

.magazine-mini-info strong {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #263955;
    font-size: .88rem;
    line-height: 1.25;
}

.magazine-home-bottom {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
}

.magazine-archive-hero .section-kicker {
    color: #fcb62e;
}

.magazine-sort-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.magazine-sort-pills a {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .72rem .95rem;
    border-radius: 999px;
    border: 1px solid var(--zmulti-line);
    background: #fff;
    color: #263955;
    font-weight: 800;
    font-size: .86rem;
}

.magazine-sort-pills a.active,
.magazine-sort-pills a:hover {
    background: #47638f;
    border-color: #47638f;
    color: #fff;
}

.magazine-grid-premium {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
    gap: 1.25rem;
}

.magazine-card-premium {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid var(--zmulti-line);
    border-radius: 1.18rem;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(31,31,31,.045);
    transition: .2s ease;
}

.magazine-card-premium:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 46px rgba(31,31,31,.09);
    border-color: rgba(71,99,143,.22);
}

.magazine-cover-premium {
    position: relative;
    display: block;
    aspect-ratio: 2 / 2.85;
    background: #fff;
    overflow: hidden;
}

.magazine-cover-premium img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: .55rem;
    display: block;
    transition: .28s ease;
}

.magazine-card-premium:hover .magazine-cover-premium img {
    transform: scale(1.035);
    filter: saturate(1.04) contrast(1.02);
}

.magazine-cover-placeholder-premium {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at top right, rgba(252,182,46,.18), transparent 35%),
        linear-gradient(135deg, rgba(71,99,143,.12), rgba(71,99,143,.03));
    color: #47638f;
    font-size: 2rem;
}

.magazine-cover-badge {
    position: absolute;
    left: .7rem;
    top: .7rem;
    right: .7rem;
    display: inline-flex;
    justify-content: center;
    padding: .32rem .6rem;
    border-radius: 999px;
    background: rgba(20,28,42,.84);
    color: #fff;
    font-size: .73rem;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

.magazine-card-premium-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: .95rem;
}

.magazine-card-topline {
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .55rem;
}

.magazine-kicker,
.magazine-number {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
}

.magazine-kicker {
    padding: .18rem .55rem;
    background: rgba(252,182,46,.18);
    color: #8a6200;
}

.magazine-number {
    color: #47638f;
}

.magazine-card-premium h2 {
    min-height: 2.55em;
    font-size: 1rem;
    line-height: 1.26;
    margin-bottom: .55rem;
}

.magazine-card-premium h2 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #263955;
}

.magazine-card-premium h2 a:hover {
    color: #47638f;
}

.magazine-card-premium p {
    min-height: 4.2em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #6d6d6d;
    font-size: .88rem;
    line-height: 1.55;
    margin-bottom: .85rem;
}

.magazine-actions-premium {
    margin-top: auto;
    display: flex;
    gap: .45rem;
    align-items: center;
}

.btn-magazine-action,
.btn-magazine-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-weight: 900;
    transition: .18s ease;
}

.btn-magazine-action {
    gap: .4rem;
    flex: 1 1 auto;
    min-height: 38px;
    padding: .48rem .75rem;
    font-size: .82rem;
}

.btn-magazine-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 1px solid rgba(71,99,143,.18);
    color: #47638f;
    background: rgba(71,99,143,.06);
}

.btn-magazine-primary {
    color: #fff;
    background: linear-gradient(135deg, #47638f, #243650);
    border: 0;
}

.btn-magazine-action:hover,
.btn-magazine-icon:hover {
    transform: translateY(-1px);
}

.btn-magazine-primary:hover {
    color: #fff;
    box-shadow: 0 10px 22px rgba(71,99,143,.22);
}

.btn-magazine-icon:hover {
    color: #fff;
    background: #47638f;
}

@media (max-width: 991.98px) {
    .magazine-hero-grid {
        grid-template-columns: 1fr;
    }

    .magazine-hero-cover {
        margin: 0 auto;
        max-width: 280px;
    }

    .magazine-home-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .magazine-home-stat {
        align-items: flex-start;
        min-height: auto;
        padding: 1rem;
    }
}

@media (max-width: 575.98px) {
    .magazine-grid-premium {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .85rem;
    }

    .magazine-card-premium-body {
        padding: .75rem;
    }

    .magazine-actions-premium {
        gap: .35rem;
    }

    .btn-magazine-action span {
        display: none;
    }

    .btn-magazine-action {
        flex: 0 0 38px;
        padding: 0;
    }
}