/* Páginas de recursos: mesma tipografia, cores e ritmo do institucional. */
.feature-page{--feature-ink:#173d32;--feature-muted:#617169;--feature-line:#dfe8e0;--feature-mint:#eef5ef}
.feature-page main{overflow:clip}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:10px;padding-bottom:10px;color:#6b7a71;font-size:12px;line-height:1.5}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;color:#345a43}
.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.breadcrumbs [aria-current]{color:#617169}
.feature-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:48px;align-items:center;padding-top:35px;padding-bottom:68px}
.feature-copy,.feature-visual{min-width:0}
.feature-kicker{display:block;margin:0 0 19px;color:#547464;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.7}
.feature-hero h1{font-size:50px;line-height:1.12;letter-spacing:-2.4px;font-weight:500;margin-bottom:24px;overflow-wrap:break-word}
.feature-hero .lead{max-width:490px;margin-bottom:26px;font-size:16px;line-height:1.75}
.feature-hero .actions{flex-wrap:wrap;gap:18px 24px}
.feature-hero .fine{margin:16px 0 0;max-width:460px}
.feature-page .button{min-height:44px}
.feature-page .text-link{min-height:44px}
.product-shot{margin:0}
.product-shot>a{display:block;border:1px solid var(--feature-line);border-radius:9px;background:#f5f8f5;overflow:hidden;cursor:zoom-in}
.product-shot img{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;object-position:center;background:#f5f8f5}
.product-shot figcaption{margin-top:12px;color:#6b7a71;font-size:11px;line-height:1.65}
.feature-page figure a:focus-visible{outline-offset:5px}
.feature-section{padding-top:68px;padding-bottom:68px}
.feature-section .section-head{align-items:flex-start;margin-bottom:34px}
.feature-section .section-head>p{max-width:390px}
.feature-section h2{max-width:650px}
.pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:30px}
.pain-grid article{border-top:1px solid var(--feature-line);padding-top:23px;min-width:0}
.pain-grid h3,.benefit-grid h3{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.35px;margin:0 0 12px}
.pain-grid p,.benefit-grid p{color:var(--feature-muted);font-size:14px;line-height:1.75;margin:0}
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;margin-top:32px}
.benefit-grid article{border-top:1px solid var(--feature-line);padding-top:23px;min-width:0}
.benefit-grid p{max-width:460px}
.routine-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:35px}
.routine-list article{min-width:0}
.step-number{display:block;color:#6b8875;font-size:12px;font-weight:500;line-height:1;margin-bottom:19px}
.routine-list h3{font-size:18px;line-height:1.4;letter-spacing:-.3px;font-weight:500;margin-bottom:11px}
.routine-list p{font-size:14px;line-height:1.75;color:var(--feature-muted);margin:0}
.connection-section{background:var(--feature-mint);padding-top:68px;padding-bottom:68px}
.connection-section h2{max-width:690px}
.connection-section>.wrap>p,.connection-section .section-head>p{max-width:680px;color:#617169;font-size:14px;line-height:1.8;margin-top:20px}
.connection-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:34px}
.connection-flow>a{position:relative;display:flex;align-items:center;justify-content:center;min-height:76px;padding:16px 15px;border:1px solid #d2e1d5;border-radius:6px;background:#fff;color:#284e3d;font-size:14px;font-weight:500;line-height:1.5;text-align:center}
.connection-flow>a:hover{border-color:#6f9b82;background:#f9fcf8}
.connection-flow>a:not(:last-child)::after{content:'→';position:absolute;right:-25px;top:50%;transform:translateY(-50%);font-size:19px;font-weight:400;color:#71917c;pointer-events:none}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}
.related-grid>a{display:flex;flex-direction:column;justify-content:center;gap:9px;border-top:1px solid var(--feature-line);padding:22px 0;min-height:86px;color:#345a43;font-size:16px;line-height:1.5}
.related-grid>a:hover{color:#24785b;border-color:#8cae98}
.related-grid h3,.related-grid b,.related-grid strong{font-size:16px;font-weight:500;line-height:1.4;margin:0}
.related-grid p,.related-grid small{font-size:12px;line-height:1.65;color:#6b7a71;margin:0}
.feature-closing{margin-top:16px}
.feature-closing h2{max-width:620px;line-height:1.25}
.feature-closing p{max-width:630px;margin:15px 0 0;font-size:14px;line-height:1.75;color:#617169}
.feature-closing>.button{flex-shrink:0}
.journey-example{margin:0;border:1px solid #d6e4da;border-radius:10px;background:#f3f8f3;padding:22px}
.journey-header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #dce7df;padding-bottom:18px;margin-bottom:4px;font-size:15px;line-height:1.5;font-weight:500}
.journey-header span,.journey-header small{font-size:10px;font-weight:400;line-height:1.5;color:#6f8575}
.journey-row{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-items:start;border-bottom:1px solid #dce7df;padding:17px 0}
.journey-row>span{display:flex;align-items:center;justify-content:center;grid-row:1/3;width:30px;min-height:30px;border-radius:5px;background:#e2eee3;color:#4f7559;font-size:12px}
.journey-row b{display:block;color:#284e3d;font-size:14px;font-weight:500;line-height:1.5}
.journey-row small{display:block;color:#6f8575;font-size:12px;line-height:1.65;margin-top:3px}
.journey-row>div{min-width:0}
.journey-note{font-size:11px;line-height:1.7;color:#6b7a71;margin:17px 0 0}
.journey-example>figcaption{font-size:11px;line-height:1.65;color:#6b7a71;margin-top:17px}

@media(max-width:1050px){
  .feature-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}
  .feature-hero h1{font-size:43px;letter-spacing:-1.9px}
  .feature-hero .lead{font-size:15px}
  .pain-grid{gap:25px}
  .routine-list{gap:25px}
  .connection-flow{gap:26px}
  .connection-flow>a{font-size:13px;padding:15px 12px}
  .connection-flow>a:not(:last-child)::after{right:-22px}
  .feature-closing{align-items:flex-start}
  .feature-closing h2{font-size:29px}
}
@media(max-width:760px){
  .breadcrumbs{padding-top:0;padding-bottom:4px;font-size:11px;gap:8px}
  .feature-hero{grid-template-columns:1fr;gap:30px;padding-top:23px;padding-bottom:45px}
  .feature-hero h1{max-width:580px;font-size:38px;line-height:1.14;letter-spacing:-1.6px;margin-bottom:21px}
  .feature-kicker{font-size:9px;letter-spacing:.1em;margin-bottom:16px}
  .feature-hero .lead{max-width:100%;font-size:15px;line-height:1.75;margin-bottom:22px}
  .feature-hero .fine{font-size:11px}
  .product-shot img{max-height:none}
  .product-shot figcaption{font-size:11px;line-height:1.65}
  .feature-section,.connection-section{padding-top:46px;padding-bottom:46px}
  .feature-section .section-head{display:block;margin-bottom:26px}
  .feature-section .section-head>p{max-width:100%;margin-top:18px}
  .feature-section h2,.connection-section h2{font-size:29px;letter-spacing:-.9px;line-height:1.22}
  .pain-grid,.routine-list{grid-template-columns:1fr;gap:24px;margin-top:27px}
  .pain-grid article{padding-top:19px}
  .pain-grid h3,.benefit-grid h3,.routine-list h3{font-size:17px;margin-bottom:9px}
  .pain-grid p,.benefit-grid p,.routine-list p{font-size:13px;line-height:1.8}
  .benefit-grid{gap:25px 24px;margin-top:27px}
  .benefit-grid article{padding-top:19px}
  .routine-list article{position:relative;padding-left:34px}
  .step-number{position:absolute;top:5px;left:0;margin:0;font-size:11px}
  .connection-section>.wrap>p,.connection-section .section-head>p{font-size:13px;line-height:1.8}
  .connection-flow{grid-template-columns:1fr;gap:25px;margin-top:28px}
  .connection-flow>a{min-height:60px;padding:15px 18px;font-size:14px;justify-content:flex-start;text-align:left}
  .connection-flow>a:not(:last-child)::after{content:'↓';right:24px;top:auto;bottom:-27px;transform:none;font-size:19px}
  .related-grid{grid-template-columns:1fr;gap:0;margin-top:24px}
  .related-grid>a{min-height:82px;padding:20px 0;font-size:16px}
  .feature-closing{margin-top:4px}
  .feature-closing h2{font-size:28px;line-height:1.25}
  .feature-closing p{font-size:13px;line-height:1.8}
  .feature-closing>.button{max-width:100%}
  .journey-example{padding:19px}
  .journey-header{font-size:14px;padding-bottom:15px}
  .journey-header span,.journey-header small{font-size:9px}
  .journey-row{padding:16px 0;column-gap:10px}
  .journey-row b{font-size:13px}
  .journey-row small{font-size:12px}
}
@media(max-width:440px){
  .benefit-grid{grid-template-columns:1fr}
  .feature-hero .actions{align-items:flex-start;gap:10px 20px}
  .journey-header{align-items:flex-start}
}

/* Navegação entre páginas da mesma plataforma. */
.product-bottom .resource-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:12px 0;color:#345a43;min-height:44px}.resource-link:hover{text-decoration:underline;text-underline-offset:4px}.resource-bottom-nav{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid #e2e9e0;padding-top:22px;padding-bottom:26px;font-size:12px}.resource-bottom-nav a{min-height:44px;display:inline-flex;align-items:center}.resource-bottom-nav a:hover{text-decoration:underline;text-underline-offset:4px}.feature-closing{flex-wrap:wrap}.feature-closing>.button{max-width:100%}@media(max-width:700px){.product-bottom .resource-link{font-size:11px}.resource-bottom-nav{display:grid;grid-template-columns:1fr;gap:0;padding-top:15px;padding-bottom:20px}}