*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover{background-color:#45a049}.btn-secondary{background-color:#008cba;color:#fff}.btn-secondary:hover{background-color:#007399}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table th{background-color:#f8f9fa;font-weight:600}.table tr:hover{background-color:#f5f5f5}.loading{text-align:center;padding:40px;color:#666}.error{background-color:#f44336;color:#fff;padding:12px;border-radius:4px;margin-bottom:20px}.success{background-color:#4caf50;color:#fff;padding:12px;border-radius:4px;margin-bottom:20px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #1e88e5;outline-offset:2px}.btn:active{transform:scale(.98)}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #1e88e5;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card:hover{box-shadow:0 4px 8px #00000026}a{color:#1565c0;text-decoration:none}a:hover{text-decoration:underline}@media (max-width: 768px){.container{padding:0 16px}h1{font-size:24px}h2{font-size:20px}.card{padding:16px}.btn{padding:8px 16px;font-size:14px}.table th,.table td{padding:8px;font-size:14px}}@media (max-width: 480px){.container{padding:0 12px}h1{font-size:20px}.card{padding:12px}.table th,.table td{padding:6px;font-size:12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.btn-hero-primary{background-color:#fff;color:#1e88e5;font-size:18px;padding:14px 32px;font-weight:600;box-shadow:0 4px 15px #0003;transition:transform .2s ease,box-shadow .2s ease}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;text-decoration:none}.btn-hero-secondary{background-color:transparent;color:#fff;border:2px solid white;font-size:18px;padding:12px 32px;font-weight:600;transition:background-color .2s ease}.btn-hero-secondary:hover{background-color:#ffffff26;text-decoration:none}.btn-cta{background-color:#ff8f00;color:#fff;font-size:18px;padding:14px 32px;font-weight:600;box-shadow:0 4px 15px #0003;transition:transform .2s ease,box-shadow .2s ease}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background-color:#ff9f1a;text-decoration:none}.btn-social{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:500;color:#fff;transition:transform .2s ease,filter .2s ease}.btn-social:hover{transform:translateY(-2px);filter:brightness(1.1);text-decoration:none}.btn-facebook{background-color:#1877f2}.btn-whatsapp{background-color:#25d366}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.section{padding:60px 20px}.section-alt{background-color:#f8f9fa}@media (max-width: 768px){.hero-title{font-size:36px!important}.hero-subtitle{font-size:18px!important}.btn-hero-primary,.btn-hero-secondary,.btn-cta{font-size:16px;padding:12px 24px}.section{padding:40px 16px}}@media (max-width: 480px){.hero-title{font-size:28px!important}.hero-subtitle{font-size:16px!important}.btn-hero-primary,.btn-hero-secondary{width:100%;text-align:center;justify-content:center}.section{padding:32px 12px}}
