/* Tailwind utilities for brisa landing page — generated from index.html */

/* ── Reset ────────────────────────────────────────────────────────────── */
*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
::after,::before{--tw-content:''}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
body{margin:0;line-height:inherit}
img,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
a{color:inherit;text-decoration:inherit}
button{cursor:pointer;background-color:transparent;background-image:none;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
p{margin:0}

/* ── CSS custom properties (shadow / backdrop) ────────────────────────── */
*,::before,::after{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
}

/* ── Position ─────────────────────────────────────────────────────────── */
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.inset-0{inset:0}
.inset-x-0{left:0;right:0}
.bottom-0{bottom:0}

/* ── Display ──────────────────────────────────────────────────────────── */
.flex{display:flex}
.inline-flex{display:inline-flex}

/* ── Flexbox ──────────────────────────────────────────────────────────── */
.flex-1{flex:1 1 0%}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.justify-between{justify-content:space-between}
.gap-1\.5{gap:.375rem}
.gap-2{gap:.5rem}
.gap-4{gap:1rem}

/* ── Overflow ─────────────────────────────────────────────────────────── */
.overflow-hidden{overflow:hidden}

/* ── Sizing ───────────────────────────────────────────────────────────── */
.h-11{height:2.75rem}
.h-32{height:8rem}
.h-full{height:100%}
.min-h-screen{min-height:100vh}
.w-auto{width:auto}
.w-full{width:100%}
.max-w-md{max-width:28rem}
.max-w-7xl{max-width:80rem}

/* ── Spacing ──────────────────────────────────────────────────────────── */
.mx-auto{margin-left:auto;margin-right:auto}
.mt-1{margin-top:.25rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.p-1{padding:.25rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-8{padding-top:2rem;padding-bottom:2rem}

/* ── Borders ──────────────────────────────────────────────────────────── */
.rounded-md{border-radius:.375rem}
.rounded-xl{border-radius:.75rem}
.rounded-2xl{border-radius:1rem}
.border{border-width:1px}
.border-2{border-width:2px}
.border-slate-200{border-color:#e2e8f0}
.border-emerald-500\/30{border-color:rgb(16 185 129/.3)}
.border-white\/20{border-color:rgb(255 255 255/.2)}

/* ── Background ───────────────────────────────────────────────────────── */
.bg-emerald-50{background-color:#ecfdf5}
.bg-emerald-600{background-color:#059669}
.bg-slate-50{background-color:#f8fafc}
.bg-slate-900{background-color:#0f172a}
.bg-white\/95{background-color:rgb(255 255 255/.95)}
.bg-slate-900\/95{background-color:rgb(15 23 42/.95)}

/* ── Object fit ───────────────────────────────────────────────────────── */
.object-contain{object-fit:contain}
.object-cover{object-fit:cover}

/* ── Text ─────────────────────────────────────────────────────────────── */
.text-center{text-align:center}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.uppercase{text-transform:uppercase}
.tracking-tight{letter-spacing:-.025em}
.tracking-wide{letter-spacing:.025em}
.underline{text-decoration-line:underline}
.text-emerald-700{color:#047857}
.text-emerald-900\/80{color:rgb(6 78 59/.8)}
.text-indigo-700{color:#4338ca}
.text-slate-400{color:#94a3b8}
.text-slate-600{color:#475569}
.text-slate-700{color:#334155}
.text-slate-900{color:#0f172a}
.text-white{color:#fff}
.text-white\/80{color:rgb(255 255 255/.8)}

/* ── Shadows ──────────────────────────────────────────────────────────── */
.shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0/.05)}
.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0/.25)}

/* ── Backdrop ─────────────────────────────────────────────────────────── */
.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}

/* ── Transition ───────────────────────────────────────────────────────── */
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}

/* ── Z-index ──────────────────────────────────────────────────────────── */
.z-50{z-index:50}

/* ── Hover ────────────────────────────────────────────────────────────── */
.hover\:bg-emerald-700:hover{background-color:#047857}
.hover\:bg-slate-800:hover{background-color:#1e293b}
.hover\:bg-white\/10:hover{background-color:rgb(255 255 255/.1)}
.hover\:text-emerald-400:hover{color:#34d399}
.hover\:text-white:hover{color:#fff}
.hover\:underline:hover{text-decoration-line:underline}

/* ── Responsive: sm ≥ 640px ───────────────────────────────────────────── */
@media(min-width:640px){
  .sm\:p-8{padding:2rem}
}

/* ── Responsive: lg ≥ 1024px ─────────────────────────────────────────── */
@media(min-width:1024px){
  .lg\:py-12{padding-top:3rem;padding-bottom:3rem}
}