/* CSS Crítico Minificado - Only Above-the-fold */
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;line-height:1.6;overflow-x:hidden;background:#fff;color:#000;font-size:16px}
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
.nav{position:fixed;top:0;left:0;right:0;background:white;z-index:40;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.text-center{text-align:center}
.flex{display:flex}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.hidden{display:none}
.font-bold{font-weight:700}
.font-black{font-weight:900}
.text-white{color:#fff}
.text-black{color:#000}
.bg-white{background-color:#fff}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.from-\[#008BAC\]{--tw-gradient-from:#008BAC;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,139,172,0))}
.to-\[#4CBCB7\]{--tw-gradient-to:#4CBCB7}
.from-\[#D81F17\]{--tw-gradient-from:#D81F17;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(216,31,23,0))}
.to-\[#FB650B\]{--tw-gradient-to:#FB650B}
.px-4{padding-left:1rem;padding-right:1rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.rounded-lg{border-radius:0.5rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.mt-20{margin-top:5rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.space-y-6>*+*{margin-top:1.5rem}
.w-full{width:100%}
.h-\[600px\]{height:600px}
.min-h-screen{min-height:100vh}
.relative{position:relative}
.absolute{position:absolute}
.inset-0{top:0;right:0;bottom:0;left:0}
.z-0{z-index:0}
.z-10{z-index:10}
.object-cover{object-fit:cover}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.hover\:bg-\[#006b84\]:hover{background-color:#006b84}
.hover\:text-\[#008BAC\]:hover{color:#008BAC}
.hero-headline{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:800;line-height:1.1;letter-spacing:-0.02em}
.section-title{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:700;line-height:1.2;letter-spacing:-0.01em}
.body-text{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400;line-height:1.6}
.subtitle{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:500;line-height:1.4}
.loading-screen{position:fixed;inset:0;background:#000;color:white;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.5s ease-out}
img{max-width:100%;height:auto}
.w-16{width:4rem}
.h-16{height:4rem}
.mx-auto{margin-left:auto;margin-right:auto}
.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.loading-logo{animation:logoFade 0.3s ease-out}
.loading-progress{animation:progressSlide 0.8s ease-out forwards}
@keyframes logoFade{0%{opacity:0;transform:scale(0.9)}100%{opacity:0.9;transform:scale(1)}}
@keyframes progressSlide{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}
@media(min-width:768px){.md\:hidden{display:none}.md\:flex{display:flex}.md\:block{display:block}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}}