/* SEO 2.3.0 — Materiais: extensões do CSS local da Home.
   Este arquivo vem DEPOIS de css/tailwind-home.css. Não substituir a Home. */
.aspect-video{aspect-ratio:16/9}
.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}
.bg-transparent{background-color:transparent}
.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}
.border-0{border-width:0}
.border-brand-yellow\/30{border-color:rgb(253 184 19 / .3)}
.max-w-3xl{max-width:48rem}
.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}
.p-5{padding:1.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}
.space-x-2\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.625rem * var(--tw-space-x-reverse));margin-left:calc(.625rem * calc(1 - var(--tw-space-x-reverse)))}
.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}
.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11 / var(--tw-text-opacity))}
.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14 / var(--tw-text-opacity))}
.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175 / var(--tw-text-opacity))}
.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70 / var(--tw-text-opacity))}
.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity))}
.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity))}
.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity))}
.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}
:is(.dark .dark\:bg-amber-900\/40){background-color:rgb(120 53 15 / .4)}
:is(.dark .dark\:bg-blue-900\/40){background-color:rgb(30 58 138 / .4)}
:is(.dark .dark\:bg-emerald-900\/40){background-color:rgb(6 78 59 / .4)}
:is(.dark .dark\:bg-red-900\/40){background-color:rgb(127 29 29 / .4)}
:is(.dark .dark\:bg-yellow-900\/40){background-color:rgb(113 63 18 / .4)}
:is(.dark .dark\:text-amber-300){--tw-text-opacity:1;color:rgb(252 211 77 / var(--tw-text-opacity))}
:is(.dark .dark\:text-blue-300){--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity))}
:is(.dark .dark\:text-emerald-300){--tw-text-opacity:1;color:rgb(110 231 183 / var(--tw-text-opacity))}
:is(.dark .dark\:text-red-300){--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity))}
:is(.dark .dark\:hover\:bg-yellow-400:hover){--tw-bg-opacity:1;background-color:rgb(250 204 21 / var(--tw-bg-opacity))}
@media (min-width:640px){.sm\:p-8{padding:2rem}.sm\:p-10{padding:2.5rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}
@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Ícones SVG substituem Font Awesome (sem webfonts externas). */
.ui-icon{display:inline-block;width:1em;height:1em;fill:currentColor;vertical-align:-.125em;flex-shrink:0}
/* Preserva geometria do vídeo e poster até o usuário clicar em Reproduzir. */
.video-stage{overflow:hidden}
.video-launch{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;background:#0f172a;color:#fff;text-decoration:none}
.video-launch:focus-visible{outline:3px solid #fdb813;outline-offset:-3px}
.video-poster{display:block;width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .2s ease}
.video-launch:hover .video-poster{opacity:.65}
.video-play-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:4rem;height:3rem;border-radius:.85rem;background:#b91c1c;box-shadow:0 4px 15px #0007;color:#fff;font-size:1.4rem;transition:transform .2s ease}
.video-launch:hover .video-play-icon,.video-launch:focus-visible .video-play-icon{transform:scale(1.08)}
.video-iframe{display:block;width:100%;height:100%;border:0;background:#0f172a}
/* Preferência do sistema: menos animação. */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.video-poster,.video-play-icon,.transition,.transition-colors,.transition-opacity,.transition-transform{transition:none!important}}

/* SEO 2.3.0.1 — Hotfix do banner/hero.
   O CSS compartilhado da Home contém as variantes /95, /90 e /80,
   enquanto materiais.html usa as classes sem opacidade. Esta regra
   restaura exatamente o gradiente previsto sem imagem externa. */
.bg-gradient-to-r.from-brand-navy.via-brand-blue.to-brand-navy{
  background-image:linear-gradient(to right,#0b2341,#0d2d5e,#0b2341);
}
