*,::after,::before{box-sizing:border-box;border:0 solid #bec8d2;margin:0;padding:0}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:'Inter',sans-serif}
body{line-height:inherit;background-color:#f6faff;color:#171c20;-webkit-font-smoothing:antialiased}
::selection{background-color:#009fe3;color:#00324b}
a{color:inherit;text-decoration:inherit}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit}
button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}
img,svg{display:block;vertical-align:middle;max-width:100%}

/* Estructura y posicionamiento */
.sticky{position:sticky}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}
.inset-0{inset:0}.top-0{top:0}.bottom-0{bottom:0}.bottom-8{bottom:2rem}.left-0{left:0}.right-8{right:2rem}
.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}
.mx-auto{margin-left:auto;margin-right:auto}
.my-auto{margin-top:auto;margin-bottom:auto}
.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}
.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}
.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}
.h-12{height:3rem}.h-16{height:4rem}.h-64{height:16rem}.h-80{height:20rem}.h-\[400px\]{height:400px}.h-\[600px\]{height:600px}.h-full{height:100%}.h-auto{height:auto}.h-px{height:1px}
.w-10{width:2.5rem}.w-16{width:4rem}.w-8{width:2rem}.w-full{width:100%}.w-auto{width:auto}
.max-w-\[1280px\]{max-width:1280px}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-lg{max-width:32rem}.max-w-xs{max-width:20rem}
.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}
.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}
.gap-\[8px\]{gap:8px}.gap-\[24px\]{gap:24px}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.overflow-hidden{overflow:hidden}

/* Bordes, sombras y radios */
.rounded{border-radius:0.125rem}.rounded-sm{border-radius:0.125rem}.rounded-lg{border-radius:0.25rem}.rounded-xl{border-radius:0.5rem}.rounded-full{border-radius:9999px}
.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}
.border-outline-variant{border-color:#bec8d2}.border-outline{border-color:#737783}.border-white\/10{border-color:rgba(255,255,255,0.1)}
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)}

/* Colores de fondo */
.bg-background{background-color:#f6faff}.bg-surface{background-color:#f4faff}
.bg-surface-container-low{background-color:#f0f4fa}.bg-surface-container-lowest{background-color:#ffffff}.bg-surface-container-highest{background-color:#dfe3e9}
.bg-primary{background-color:#009fe3}.bg-primary\/10{background-color:rgba(0,159,227,0.1)}.bg-primary-container{background-color:#009fe3}
.bg-secondary{background-color:#2b2f74}.bg-inverse-surface{background-color:#2b2f74}
.bg-\[\#009fe3\]{background-color:#009fe3}.bg-\[\#111d23\]{background-color:#111d23}.bg-\[\#25D366\]{background-color:#25d366}
.bg-white\/5{background-color:rgba(255,255,255,0.05)}.bg-white\/10{background-color:rgba(255,255,255,0.1)}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-surface\/90{--tw-gradient-from:rgba(244,250,255,0.9);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(244,250,255,0))}
.to-surface\/40{--tw-gradient-to:rgba(244,250,255,0.4)}.to-surface\/20{--tw-gradient-to:rgba(244,250,255,0.2)}.to-transparent{--tw-gradient-to:transparent}
.via-surface\/40{--tw-gradient-to:rgba(244,250,255,0.4);--tw-gradient-stops:var(--tw-gradient-from),rgba(244,250,255,0.4),var(--tw-gradient-to)}
.via-surface\/20{--tw-gradient-to:rgba(244,250,255,0.2);--tw-gradient-stops:var(--tw-gradient-from),rgba(244,250,255,0.2),var(--tw-gradient-to)}
.from-secondary{--tw-gradient-from:#2b2f74;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#2b2f74)}.via-\[\#1a1d4d\]{--tw-gradient-stops:var(--tw-gradient-from),#1a1d4d,var(--tw-gradient-to)}.to-primary\/20{--tw-gradient-to:rgba(0,159,227,0.2)}

/* Tipografía */
.text-left{text-align:left}.text-center{text-align:center}
.text-xs{font-size:0.75rem;line-height:1rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}
.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-light{font-weight:300}
.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:0.025em}.tracking-wider{letter-spacing:0.05em}.tracking-widest{letter-spacing:0.1em}.tracking-tighter{letter-spacing:-0.05em}
.text-primary{color:#009fe3}.text-secondary{color:#2b2f74}.text-on-primary{color:#ffffff}.text-on-secondary{color:#ffffff}.text-on-surface{color:#2b2f74}.text-on-surface-variant{color:#3e4850}.text-white{color:#ffffff}
.text-on-secondary\/60{color:rgba(255,255,255,0.6)}.text-on-secondary\/70{color:rgba(255,255,255,0.7)}.text-on-secondary\/80{color:rgba(255,255,255,0.8)}.text-inverse-on-surface\/90{color:rgba(237,241,247,0.9)}.text-surface-variant{color:#dfe3e9}
.font-headline-xl{font-size:48px;line-height:56px;letter-spacing:-0.02em;font-weight:700}
.font-headline-lg{font-size:32px;line-height:40px;letter-spacing:-0.01em;font-weight:600}
.font-headline-md{font-size:24px;line-height:32px;font-weight:600}
.font-body-lg{font-size:18px;line-height:28px;font-weight:400}
.font-body-md{font-size:16px;line-height:24px;font-weight:400}
.font-body-sm{font-size:14px;line-height:20px;font-weight:400}
.font-label-md{font-size:12px;line-height:16px;letter-spacing:0.05em;font-weight:600}

/* Relleno, opacidad y efectos */
.p-2{padding:0.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[40px\]{padding-left:40px;padding-right:40px}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-\[64px\]{padding-top:64px;padding-bottom:64px}.py-\[80px\]{padding-top:80px;padding-bottom:80px}
.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}
.opacity-10{opacity:0.1}.opacity-20{opacity:0.2}.opacity-30{opacity:0.3}.opacity-80{opacity:0.8}.opacity-90{opacity:0.9}
.mix-blend-overlay{mix-blend-mode:overlay}.object-cover{object-fit:cover}.object-contain{object-fit:contain}
.backdrop-blur-xl{backdrop-filter:blur(24px)}.backdrop-blur-lg{backdrop-filter:blur(16px)}
.transition-transform{transition:transform .15s cubic-bezier(0.4,0,0.2,1)}.transition-colors{transition:color .15s,background-color .15s}.transition-all{transition:all .15s}.transition-shadow{transition:box-shadow .15s}
.duration-500{transition-duration:500ms}

/* Hover & Active */
.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.group:hover .group-hover\:scale-105{transform:scale(1.05)}
.hover\:bg-\[\#0081b8\]:hover{background-color:#0081b8}.hover\:bg-primary-container:hover{background-color:#009fe3}.hover\:bg-surface-container:hover{background-color:#eaeef4}.hover\:bg-\[\#1ebe5d\]:hover{background-color:#1ebe5d}
.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,0.1)}.hover\:border-primary\/50:hover{border-color:rgba(0,159,227,0.5)}
.hover\:text-primary:hover{color:#009fe3}.hover\:shadow:hover{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1)}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}
.active\:scale-95:active{transform:scale(0.95)}
@keyframes pulse{50%{opacity:.5}}
.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}

/* Responsive */
@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){
  .md\:flex{display:flex}.md\:hidden{display:none}
  .md\:h-\[54px\]{height:54px}.md\:px-\[40px\]{padding-left:40px;padding-right:40px}
  .md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}
  .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\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}
  .md\:w-1/2{width:50%}.md\:text-left{text-align:left}.md\:justify-end{justify-content:flex-end}
  .md\:gap-\[24px\]{gap:24px}
}
@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}