/* Mobile presentation for the services marketplace product page (12196). */
@media (min-width: 782px) {
  body.page-id-12196 .cod-service-eyebrow,
  body.page-id-12196 .cod-service-hero-actions,
  body.page-id-12196 .cod-service-hero-art,
  body.page-id-12196 .cod-service-form-intro { display: none !important; }
}

@media (max-width: 781px) {
  body.page-id-12196 { background: #f7faf6; }
  body.page-id-12196 .content-area { padding-top: 8px !important; }
  body.page-id-12196 #page .entry-content { overflow: visible; }

  body.page-id-12196 #page .entry-content > .wp-block-cover {
    position: relative;
    left: 50%;
    width: min(620px, calc(100vw - 24px)) !important;
    max-width: none !important;
    margin: 16px 0 !important;
    padding: 34px 20px !important;
    border-radius: 24px !important;
    box-shadow: 0 10px 32px rgba(16, 64, 35, .055) !important;
    transform: translateX(-50%);
  }
  body.page-id-12196 #page .entry-content > .wp-block-cover > .wp-block-cover__inner-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  body.page-id-12196 #page .entry-content > .wp-block-cover.has-white-background-color {
    background: #fff !important;
    border: 1px solid #e5eee6 !important;
  }
  body.page-id-12196 #page .entry-content > .wp-block-cover.has-white-background-color > .wp-block-cover__background {
    opacity: 0 !important;
  }

  /* Lead with the offer instead of a decorative icon. */
  body.page-id-12196 #page .entry-content > .wp-block-cover:has(.bloco-hero) {
    margin-top: 8px !important;
    padding: 30px 20px 25px !important;
    background: radial-gradient(circle at 100% 0%, #e4f5df 0, transparent 42%), #f1f8ee !important;
    border: 1px solid #d7ead8 !important;
    box-shadow: 0 18px 42px rgba(26, 94, 49, .09) !important;
  }
  body.page-id-12196 #page .entry-content > .wp-block-cover:has(.bloco-hero) > .wp-block-cover__background {
    background: transparent !important;
    opacity: 0 !important;
  }
  body.page-id-12196 #page .entry-content .bloco-hero {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    background: transparent !important;
  }
  body.page-id-12196 #page .entry-content .bloco-hero > .wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  body.page-id-12196 #page .entry-content .bloco-hero > .wp-block-column:first-child,
  body.page-id-12196 #page .entry-content .bloco-hero > .wp-block-column:nth-child(3) { display: none !important; }
  body.page-id-12196 #page .entry-content .cod-service-eyebrow {
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    margin: 0 0 15px !important;
    padding: 7px 11px;
    border: 1px solid #c7e3cc;
    border-radius: 999px;
    background: #e5f4e6;
    color: #17683a !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .09em;
    text-transform: uppercase;
  }
  body.page-id-12196 #page .entry-content .bloco-hero h1 {
    max-width: 530px;
    margin: 0 0 14px !important;
    color: #113621 !important;
    font-size: clamp(30px, 8.2vw, 40px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em;
  }
  body.page-id-12196 #page .entry-content .bloco-hero > .wp-block-column:nth-child(2) > p:not(.cod-service-eyebrow) {
    max-width: 52ch;
    margin: 0 !important;
    color: #435b49 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
  body.page-id-12196 #page .entry-content .cod-service-hero-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 22px 0 20px;
  }
  body.page-id-12196 #page .entry-content .cod-service-hero-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 11px 13px;
    border: 1px solid #1d7c42;
    border-radius: 14px;
    color: #1d7140 !important;
    background: rgba(255,255,255,.7);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
  }
  body.page-id-12196 #page .entry-content .cod-service-hero-actions a:first-child {
    color: #fff !important;
    background: #16713b;
    box-shadow: 0 8px 17px rgba(22, 113, 59, .15);
  }
  body.page-id-12196 #page .entry-content .cod-service-hero-art {
    overflow: hidden;
    width: 100%;
    margin: 0 !important;
    border-radius: 18px;
    background: #10291e;
    box-shadow: 0 13px 25px rgba(16, 64, 35, .16);
  }
  body.page-id-12196 #page .entry-content .cod-service-hero-art img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }
  body.page-id-12196 #page .entry-content .bloco-hero > .wp-block-column:last-child {
    margin-top: 26px !important;
    padding: 20px 16px 18px !important;
    border: 1px solid #d7e9da;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(18, 76, 37, .06);
  }
  body.page-id-12196 #page .entry-content .cod-service-form-intro {
    margin: 0 0 14px !important;
    color: #40584b !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
  body.page-id-12196 #page .entry-content .cod-service-form-intro strong {
    display: block;
    margin-bottom: 5px;
    color: #143c27;
    font-size: 20px;
    line-height: 1.2;
  }
  body.page-id-12196 #page .entry-content .bloco-hero .mauticform_wrapper {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.page-id-12196 #page .entry-content .bloco-hero .mauticform_wrapper :is(input,select,textarea) {
    max-width: 100% !important;
    font-size: 16px !important;
  }
  body.page-id-12196 #page .entry-content .bloco-hero > .wp-block-column:last-child > p:last-child { display: none !important; }
  body.page-id-12196 #servicos-formulario,
  body.page-id-12196 #beneficios,
  body.page-id-12196 #orcamento { scroll-margin-top: 95px; }

  /* Give the supporting sections a consistent editorial rhythm. */
  body.page-id-12196 #page .entry-content > .wp-block-cover :is(h2,h3) {
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
  }
  body.page-id-12196 #page .entry-content > .wp-block-cover h2 {
    font-size: clamp(26px, 7vw, 33px) !important;
    line-height: 1.16 !important;
    letter-spacing: -.025em;
  }
  body.page-id-12196 #page .entry-content > .wp-block-cover h3 {
    font-size: 19px !important;
    line-height: 1.27 !important;
  }
  body.page-id-12196 #page .entry-content > .wp-block-cover p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
  body.page-id-12196 #page .entry-content .wp-block-columns {
    gap: 18px !important;
  }
  body.page-id-12196 #page .entry-content :is(.bloco-sobre,.bloco-mvp) {
    gap: 24px !important;
  }
  body.page-id-12196 #page .entry-content :is(.bloco-sobre,.bloco-mvp) .wp-block-image {
    max-width: 330px;
    margin: 3px auto 0 !important;
  }
  body.page-id-12196 #page .entry-content :is(.bloco-sobre,.bloco-mvp) .wp-block-image img {
    display: block;
    width: 100% !important;
    max-height: 250px;
    object-fit: contain;
  }
  body.page-id-12196 #page .entry-content > .wp-block-cover:has(.bloco-novo),
  body.page-id-12196 #page .entry-content > .wp-block-cover:has(.bloco-beneficio),
  body.page-id-12196 #page .entry-content > .wp-block-cover:has(.bloco-smartphone) {
    border: 0 !important;
    background: linear-gradient(150deg, #0d3a27, #17643c) !important;
  }
  body.page-id-12196 #page .entry-content > .wp-block-cover:has(.bloco-novo) > .wp-block-cover__background,
  body.page-id-12196 #page .entry-content > .wp-block-cover:has(.bloco-beneficio) > .wp-block-cover__background,
  body.page-id-12196 #page .entry-content > .wp-block-cover:has(.bloco-smartphone) > .wp-block-cover__background {
    background: transparent !important;
    opacity: 0 !important;
  }
  body.page-id-12196 #page .entry-content .bloco-novo {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    text-align: left !important;
  }
  body.page-id-12196 #page .entry-content .bloco-novo :is(h2,p) { text-align: left !important; }
  body.page-id-12196 #page .entry-content .bloco-novo h2 { color: #fff !important; }
  body.page-id-12196 #page .entry-content .bloco-novo .wp-block-buttons { justify-content: flex-start !important; }
  body.page-id-12196 #page .entry-content .bloco-novo .wp-block-button__link {
    width: 100% !important;
    min-height: 48px;
    border-radius: 13px !important;
    font-size: 14px !important;
  }
  body.page-id-12196 #page .entry-content :is(.bloco-beneficio,.bloco-smartphone) {
    grid-template-columns: 1fr !important;
  }
  body.page-id-12196 #page .entry-content :is(.bloco-beneficio,.bloco-smartphone) > .wp-block-column {
    padding: 18px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.09) !important;
  }
  body.page-id-12196 #page .entry-content .bloco-beneficio figure {
    align-self: flex-start !important;
    margin: 0 0 11px !important;
  }
  body.page-id-12196 #page .entry-content .bloco-beneficio :is(h3,p) { text-align: left !important; }
  body.page-id-12196 #page .entry-content :is(#beneficios,.wp-block-cover:has(.bloco-smartphone)) h2 {
    color: #fff !important;
    text-align: left !important;
  }
  body.page-id-12196 #page .entry-content :is(#beneficios,.wp-block-cover:has(.bloco-smartphone)) > .wp-block-cover__inner-container > p {
    color: #c9e4d0 !important;
    text-align: left !important;
  }
  body.page-id-12196 #page .entry-content .bloco-smartphone > .wp-block-column > .wp-block-columns {
    display: grid !important;
    grid-template-columns: 88px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 13px !important;
    width: 100% !important;
    padding: 0 !important;
  }
  body.page-id-12196 #page .entry-content .bloco-smartphone > .wp-block-column > .wp-block-columns > .wp-block-column {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.page-id-12196 #page .entry-content .bloco-smartphone figure {
    width: 88px !important;
    height: auto !important;
    margin: 0 !important;
  }
  body.page-id-12196 #page .entry-content .bloco-smartphone figure img {
    display: block !important;
    width: 88px !important;
    height: auto !important;
    max-height: 185px !important;
    object-fit: contain;
  }
  body.page-id-12196 #page .entry-content .bloco-smartphone :is(h3,p) {
    margin: 0 0 8px !important;
    color: #fff !important;
    text-align: left !important;
  }
  body.page-id-12196 #page .entry-content .bloco-smartphone p {
    color: #d6e9dc !important;
    font-size: 14px !important;
  }
  body.page-id-12196 #page .entry-content .bloco-recursos {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
  }
  body.page-id-12196 #page .entry-content .bloco-recursos > .wp-block-column {
    display: grid !important;
    grid-template-columns: 48px minmax(0,1fr);
    align-items: start !important;
    column-gap: 13px;
    padding: 16px !important;
    border-radius: 16px !important;
    text-align: left !important;
    box-shadow: 0 6px 18px rgba(19,70,42,.045) !important;
  }
  body.page-id-12196 #page .entry-content .bloco-recursos figure {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 12px !important;
  }
  body.page-id-12196 #page .entry-content .bloco-recursos figure img {
    width: 32px !important;
    height: 32px !important;
  }
  body.page-id-12196 #page .entry-content .bloco-recursos :is(h3,p) {
    grid-column: 2;
    margin: 0 !important;
    text-align: left !important;
  }
  body.page-id-12196 #page .entry-content .bloco-recursos h3 { margin-bottom: 5px !important; }
  body.page-id-12196 #page .entry-content .bloco-recursos p { font-size: 14px !important; }
  body.page-id-12196 #page .entry-content #demos .bloco-demo > .wp-block-column {
    align-items: flex-start !important;
    padding: 19px !important;
    text-align: left !important;
  }
  body.page-id-12196 #page .entry-content #demos .bloco-demo > .wp-block-column :is(h2,p) { text-align: left !important; }
  body.page-id-12196 #page .entry-content #demos .bloco-demo > .wp-block-column h2 {
    justify-content: flex-start !important;
    font-size: 19px !important;
  }
  body.page-id-12196 #page .entry-content .bloco-colorido > .wp-block-column:first-child { display: none !important; }
  body.page-id-12196 #page .entry-content .bloco-colorido { gap: 10px !important; }
  body.page-id-12196 #page .entry-content .bloco-colorido :is(h2,h3,p) { text-align: left !important; }
  body.page-id-12196 #page .entry-content .cod-product-faq {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  body.page-id-12196 #page .entry-content .cod-product-faq summary { padding: 16px !important; }
  body.page-id-12196 #page .entry-content #planeje-seu-aplicativo {
    position: relative;
    left: 50%;
    width: min(620px, calc(100vw - 24px)) !important;
    max-width: none !important;
    margin: 16px 0 !important;
    padding: 29px 20px !important;
    border: 1px solid #e2ece3;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 10px 32px rgba(16,64,35,.055);
    transform: translateX(-50%);
  }
  body.page-id-12196 #page .entry-content #planeje-seu-aplicativo h2 {
    margin: 0 0 16px !important;
    color: #133923;
    font-size: 27px !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em;
  }
  body.page-id-12196 #page .entry-content #planeje-seu-aplicativo ul {
    display: grid;
    gap: 10px;
    margin: 20px 0 24px !important;
    padding: 0 !important;
    list-style: none;
  }
  body.page-id-12196 #page .entry-content #planeje-seu-aplicativo li {
    margin: 0 !important;
    padding: 13px 15px;
    border-left: 3px solid #24934c;
    border-radius: 12px;
    background: #f0f7f1;
    font-size: 15px !important;
    line-height: 1.5;
  }
  body.page-id-12196 #page .entry-content #planeje-seu-aplicativo p:last-child a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 47px;
    padding: 10px 16px;
    border-radius: 13px;
    background: #197a42;
    color: #fff !important;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
  }
  body.page-id-12196 #page .entry-content #orcamento .bloco-form > .wp-block-column:first-child {
    display: none !important;
  }
  body.page-id-12196 #page .entry-content #orcamento .bloco-form > .wp-block-column:last-child {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: auto !important;
  }
  body.page-id-12196 #page .entry-content #orcamento h2 {
    margin-top: 0 !important;
    color: #fff !important;
  }
  body.page-id-12196 #page .entry-content #orcamento .mauticform_wrapper :is(input,select,textarea) {
    font-size: 16px !important;
  }
  body.page-id-12196 #page .entry-content :is(#planeje-seu-aplicativo,#orcamento,.cod-commercial-contact,.codificar-related-solutions) {
    max-width: 620px !important;
    border-radius: 22px !important;
  }
}

@media (max-width: 360px) {
  body.page-id-12196 #page .entry-content .cod-service-hero-actions { grid-template-columns: 1fr; }
  body.page-id-12196 #page .entry-content .bloco-hero h1 { font-size: 29px !important; }
}