/* ============================================================
   tailwind-articles.css
   Classes Tailwind usadas nos artigos que não existem no
   tailwind.css principal (purgado pras calculadoras).
   Gerado em: 2026-05-13
   ============================================================ */

/* --- Layout --- */
.flex-col{flex-direction:column}
.w-full{width:100%}
.w-3\/4{width:75%}
.w-5\/6{width:83.333333%}
.h-3{height:.75rem}
.h-4{height:1rem}
.max-w-5xl{max-width:64rem}

/* --- Spacing --- */
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-4{margin-top:1rem}
.mt-8{margin-top:2rem}
.mt-12{margin-top:3rem}
.mt-16{margin-top:4rem}
.mx-1{margin-left:.25rem;margin-right:.25rem}
.mb-16{margin-bottom:4rem}
.my-8{margin-top:2rem;margin-bottom:2rem}
.my-10{margin-top:2.5rem;margin-bottom:2.5rem}
.p-5{padding:1.25rem}
.px-8{padding-left:2rem;padding-right:2rem}
.px-10{padding-left:2.5rem;padding-right:2.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.pt-6{padding-top:1.5rem}
.pt-8{padding-top:2rem}
.pb-10{padding-bottom:2.5rem}
.pb-16{padding-bottom:4rem}
.gap-5{gap:1.25rem}
.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}

/* --- Typography --- */
.font-bold{font-weight:700}
.font-sans{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}
.font-serif{font-family:Newsreader,ui-serif,Georgia,serif}
.text-base{font-size:1rem;line-height:1.5rem}
.leading-tight{line-height:1.25}
.leading-snug{line-height:1.375}
.tracking-tight{letter-spacing:-.025em}

/* --- Custom colors (navy / green-work / warm) --- */
.bg-green-work{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}
.bg-warm{--tw-bg-opacity:1;background-color:rgb(245 240 232/var(--tw-bg-opacity,1))}
.text-green-work{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}

/* --- Slate colors --- */
.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}
.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}
.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}
.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}
.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}
.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 104/var(--tw-text-opacity,1))}
.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}
.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}
.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}

/* --- Borders --- */
.border-t-2{border-top-width:2px}
.rounded-xl{border-radius:.75rem}

/* --- Gradients --- */
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-navy{--tw-gradient-from:#0a1628 var(--tw-gradient-from-position);--tw-gradient-to:rgba(10,22,40,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-navy-light{--tw-gradient-to:#111d32 var(--tw-gradient-to-position)}

/* --- Shadows --- */
.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}

/* --- Transitions --- */
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}

/* --- Hover states --- */
.hover\:bg-green-work-dark:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}
.hover\:border-green-work:hover{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}
.hover\:text-green-work:hover{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}
.hover\:text-green-work-dark:hover{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
.group:hover .group-hover\:text-green-work{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}

/* --- Animation --- */
@keyframes pulse{50%{opacity:.5}}
.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}

/* --- Responsive: md (768px) --- */
@media (min-width:768px){
  .md\:flex-row{flex-direction:row}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:justify-between{justify-content:space-between}
  .md\:p-8{padding:2rem}
  .md\:p-10{padding:2.5rem}
  .md\:text-2xl{font-size:1.5rem;line-height:2rem}
  .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
}