/* Minimal Tailwind-like utilities generated for yulipiruli.com */
/* Esta hoja permite evitar la dependencia del CDN de Tailwind. */

.absolute{position:absolute;}
.aspect-square{aspect-ratio:1/1;}
.backdrop-blur{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.bg-black\/30{background-color:rgba(0,0,0,0.3);}
.bg-black\/40{background-color:rgba(0,0,0,0.4);}
.bg-black\/70{background-color:rgba(0,0,0,0.7);}
.bg-black\/80{background-color:rgba(0,0,0,0.8);}
.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-from), var(--tw-gradient-to));}
.bg-white{background-color:#ffffff;}
.bg-white\/10{background-color:rgba(255,255,255,0.1);}
.bg-white\/20{background-color:rgba(255,255,255,0.2);}
.bg-white\/5{background-color:rgba(255,255,255,0.05);}
.bg-yellow-400\/10{background-color:rgba(250,204,21,0.1);}
.block{display:block;}
.border{border-width:1px;border-style:solid;border-color:rgba(148,163,184,0.35);}
.border-white\/10{border-width:1px;border-style:solid;border-color:rgba(255,255,255,0.1);}
.border-white\/20{border-width:1px;border-style:solid;border-color:rgba(255,255,255,0.2);}
.border-white\/30{border-width:1px;border-style:solid;border-color:rgba(255,255,255,0.3);}
.border-white\/40{border-width:1px;border-style:solid;border-color:rgba(255,255,255,0.4);}
.drop-shadow-\[0_0_20px_rgba\(250\,204\,21\,0\.35\)\]{filter:drop-shadow(0 0 20px rgba(250,204,21,0.35));}
.fixed{position:fixed;}
.flex{display:flex;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.font-bold{font-weight:700;}
.font-medium{font-weight:500;}
.font-semibold{font-weight:600;}
.from-black{--tw-gradient-from:#000000;}
.gap-2{gap:0.5rem;}
.gap-3{gap:0.75rem;}
.gap-4{gap:1.0rem;}
.gap-6{gap:1.5rem;}
.grid{display:grid;}
.h-20{height:5rem;}
.h-4{height:1rem;}
.h-7{height:1.75rem;}
.h-9{height:2.25rem;}
.h-full{height:100%;}
.hidden{display:none;}
.inline-flex{display:inline-flex;}
.inset-x-0{left:0;right:0;}
.items-center{align-items:center;}
.items-start{align-items:flex-start;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}
.max-w-3xl{max-width:48rem;}
.max-w-\[10rem\]{max-width:10rem;}
.max-w-lg{max-width:32rem;}
.max-w-xl{max-width:36rem;}
.mb-6{margin-bottom:1.5rem;}
.min-h-screen{min-height:100vh;}
.mt-1{margin-top:0.25rem;}
.mt-10{margin-top:2.5rem;}
.mt-2{margin-top:0.5rem;}
.mt-3{margin-top:0.75rem;}
.mt-4{margin-top:1.0rem;}
.mt-6{margin-top:1.5rem;}
.mt-8{margin-top:2.0rem;}
.mx-4{margin-left:1.0rem;margin-right:1.0rem;}
.mx-auto{margin-left:0.25rem;margin-right:0.25rem;margin-left:auto;margin-right:auto;}
.opacity-0{opacity:0;}
.overflow-hidden{overflow:hidden;}
.p-4{padding:1.0rem;}
.p-5{padding:1.25rem;}
.p-6{padding:1.5rem;}
.place-items-center{place-items:center;}
.pointer-events-auto{pointer-events:auto;}
.pointer-events-none{pointer-events:none;}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}
.px-3{padding-left:0.75rem;padding-right:0.75rem;}
.px-4{padding-left:1.0rem;padding-right:1.0rem;}
.px-5{padding-left:1.25rem;padding-right:1.25rem;}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}
.py-16{padding-top:4.0rem;padding-bottom:4.0rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
.py-4{padding-top:1.0rem;padding-bottom:1.0rem;}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}
.relative{position:relative;}
.right-3{right:0.75rem;}
.rounded{border-radius:0.25rem;}
.rounded-2xl{border-radius:1rem;}
.rounded-full{border-radius:9999px;}
.rounded-xl{border-radius:0.75rem;}
.sticky{position:sticky;}
.text-2xl{font-size:1.5rem;}
.text-4xl{font-size:2.25rem;}
.text-\[0\.65rem\]{font-size:0.65rem;}
.text-\[0\.7rem\]{font-size:0.7rem;}
.text-black{color:#000000;}
.text-center{text-align:center;}
.text-lg{font-size:1.125rem;}
.text-sm{font-size:0.875rem;}
.text-white{color:#ffffff;}
.text-xl{font-size:1.25rem;}
.text-xs{font-size:0.75rem;}
.text-yellow-100{color:#fef9c3;}
.text-zinc-200{color:#e5e7eb;}
.text-zinc-300{color:#d4d4d8;}
.text-zinc-400{color:#a1a1aa;}
.to-black{--tw-gradient-to:#000000;}
.top-0{top:0;}
.top-3{top:0.75rem;}
.top-4{top:1.0rem;}
.tracking-\[0\.18em\]{letter-spacing:0.18em;}
.tracking-wide{letter-spacing:0.05em;}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.uppercase{text-transform:uppercase;}
.via-zinc-900{--tw-gradient-stops:var(--tw-gradient-from), #18181b, var(--tw-gradient-to);}
.w-4{width:1rem;}
.w-7{width:1.75rem;}
.w-9{width:2.25rem;}
.w-full{width:100%;}
.whitespace-pre-line{white-space:pre-line;}
.z-40{z-index:40;}
.z-50{z-index:50;}

/* Hover variants */
.bg-white\/10:hover{background-color:rgba(255,255,255,0.1);}

/* Focus variants */

/* Selection variants */
::selection{background-color:#ffffff;}
::selection{color:#000000;}

/* Placeholder variants */
::placeholder{color:#6b7280;}

/* (v299) Eliminados bloques @media inválidos que generaban advertencias en consola.
   No contenían reglas CSS válidas y no aportaban estilos. */


/* Utilidades añadidas para ajustar tamaño del logo y mini-caratula */
.h-10{height:2.5rem;}
.w-10{width:2.5rem;}


/* Utilidades añadidas para el logo del navbar (tamaño medio) */
.h-12{height:3rem;}
.w-12{width:3rem;}


/* Utilidades añadidas para el logo del navbar (tamaño definitivo) */
.h-16{height:4rem;}
.w-16{width:4rem;}
.object-contain{object-fit:contain;}