/* ==========================================================================
   tailwind-utilities.css — Clases Tailwind compiladas para MiBodaFacil
   Fase 9.1: Sustituye <script src="cdn.tailwindcss.com">
   Solo contiene las clases realmente usadas en el proyecto.
   ========================================================================== */

/* --- Reset minimo (Tailwind Preflight subset) --- */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}

/* --- Accessibility --- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

/* --- Display --- */
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.hidden{display:none}
.block{display:block}

/* --- Position --- */
.relative{position:relative}
.absolute{position:absolute}
.sticky{position:sticky}

/* --- Flex --- */
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.flex-wrap{flex-wrap:wrap}
.flex-1{flex:1 1 0%}
.flex-shrink-0{flex-shrink:0}

/* --- Grid columns --- */
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* --- Grid column span --- */
.col-span-2{grid-column:span 2 / span 2}
.col-span-3{grid-column:span 3 / span 3}

/* --- Gap --- */
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}

/* --- Space Y --- */
.space-y-2>*+*{margin-top:.5rem}
.space-y-3>*+*{margin-top:.75rem}
.space-y-4>*+*{margin-top:1rem}
.space-y-5>*+*{margin-top:1.25rem}
.space-y-6>*+*{margin-top:1.5rem}

/* --- Margin --- */
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.ml-3{margin-left:.75rem}

/* --- Width / Height --- */
.w-full{width:100%}
.min-w-0{min-width:0}

/* --- Typography --- */
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-xs{font-size:.75rem;line-height:1rem}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}

/* --- Border --- */
.rounded-full{border-radius:9999px}

/* --- Overflow --- */
.overflow-x-auto{overflow-x:auto}
.overflow-hidden{overflow:hidden}

/* --- Cursor --- */
.cursor-pointer{cursor:pointer}

/* --- Responsive: sm (640px) --- */
@media(min-width:640px){
    .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* --- Responsive: md (768px) --- */
@media(min-width:768px){
    .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
    .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* --- Responsive: lg (1024px) --- */
@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))}
    .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
    .lg\:col-span-2{grid-column:span 2 / span 2}
    .lg\:col-span-3{grid-column:span 3 / span 3}
}