/* Estilos base para height */
.h-0 { height: 0; }
.h-px { height: 1px; }
.h-0\.5 { height: 0.125rem; } /* 2px */
.h-1 { height: 0.25rem; } /* 4px */
.h-1\.5 { height: 0.375rem; } /* 6px */
.h-2 { height: 0.5rem; } /* 8px */
.h-2\.5 { height: 0.625rem; } /* 10px */
.h-3 { height: 0.75rem; } /* 12px */
.h-3\.5 { height: 0.875rem; } /* 14px */
.h-4 { height: 1rem; } /* 16px */
.h-5 { height: 1.25rem; } /* 20px */
.h-6 { height: 1.5rem; } /* 24px */
.h-7 { height: 1.75rem; } /* 28px */
.h-8 { height: 2rem; } /* 32px */
.h-9 { height: 2.25rem; } /* 36px */
.h-10 { height: 2.5rem; } /* 40px */
.h-11 { height: 2.75rem; } /* 44px */
.h-12 { height: 3rem; } /* 48px */
.h-14 { height: 3.5rem; } /* 56px */
.h-16 { height: 4rem; } /* 64px */
.h-18 { height: 4.5rem; } /* 72px */
.h-20 { height: 5rem; } /* 80px */
.h-24 { height: 6rem; } /* 96px */
.h-28 { height: 7rem; } /* 112px */
.h-32 { height: 8rem; } /* 128px */
.h-36 { height: 9rem; } /* 144px */
.h-40 { height: 10rem; } /* 160px */
.h-44 { height: 11rem; } /* 176px */
.h-48 { height: 12rem; } /* 192px */
.h-52 { height: 13rem; } /* 208px */
.h-56 { height: 14rem; } /* 224px */
.h-60 { height: 15rem; } /* 240px */
.h-64 { height: 16rem; } /* 256px */
.h-72 { height: 18rem; } /* 288px */
.h-80 { height: 20rem; } /* 320px */
.h-96 { height: 24rem; } /* 384px */

/* Porcentajes */
.h-1\/2 { height: 50%; }
.h-1\/3 { height: 33.333333%; }
.h-2\/3 { height: 66.666667%; }
.h-1\/4 { height: 25%; }
.h-2\/4 { height: 50%; }
.h-3\/4 { height: 75%; }
.h-1\/5 { height: 20%; }
.h-2\/5 { height: 40%; }
.h-3\/5 { height: 60%; }
.h-4\/5 { height: 80%; }
.h-1\/6 { height: 16.666667%; }
.h-2\/6 { height: 33.333333%; }
.h-3\/6 { height: 50%; }
.h-4\/6 { height: 66.666667%; }
.h-5\/6 { height: 83.333333%; }
.h-full { height: 100%; }
.h-3\/2 { height: 150%; }
.h-full-2 { height: 200%; }
.h-screen { height: 100vh; }
.h-min { height: min-content; }
.h-max { height: max-content; }
.h-fit { height: fit-content; }

.max-h-0 { max-height: 0; }
.max-h-full { max-height: 100%; }
.max-h-screen { max-height: 100vh; }
.max-h-min { max-height: min-content; }
.max-h-max { max-height: max-content; }
.max-h-fit { max-height: fit-content; }

.min-h-0 { min-height: 0; }
.min-h-full { min-height: 100%; }
.min-h-screen { min-height: 100vh; }
.min-h-min { min-height: min-content; }
.min-h-max { min-height: max-content; }
.min-h-fit { min-height: fit-content; }

/* Breakpoints responsivos */
@media (min-width: 576px) {

    .sm\:h-0 { height: 0; }
    .sm\:h-px { height: 1px; }
    .sm\:h-0\.5 { height: 0.125rem; } /* 2px */
    .sm\:h-1 { height: 0.25rem; } /* 4px */
    .sm\:h-1\.5 { height: 0.375rem; } /* 6px */
    .sm\:h-2 { height: 0.5rem; } /* 8px */
    .sm\:h-2\.5 { height: 0.625rem; } /* 10px */
    .sm\:h-3 { height: 0.75rem; } /* 12px */
    .sm\:h-3\.5 { height: 0.875rem; } /* 14px */
    .sm\:h-4 { height: 1rem; } /* 16px */
    .sm\:h-5 { height: 1.25rem; } /* 20px */
    .sm\:h-6 { height: 1.5rem; } /* 24px */
    .sm\:h-7 { height: 1.75rem; } /* 28px */
    .sm\:h-8 { height: 2rem; } /* 32px */
    .sm\:h-9 { height: 2.25rem; } /* 36px */
    .sm\:h-10 { height: 2.5rem; } /* 40px */
    .sm\:h-11 { height: 2.75rem; } /* 44px */
    .sm\:h-12 { height: 3rem; } /* 48px */
    .sm\:h-14 { height: 3.5rem; } /* 56px */
    .sm\:h-16 { height: 4rem; } /* 64px */
    .sm\:h-18 { height: 4.5rem; } /* 72px */
    .sm\:h-20 { height: 5rem; } /* 80px */
    .sm\:h-24 { height: 6rem; } /* 96px */
    .sm\:h-28 { height: 7rem; } /* 112px */
    .sm\:h-32 { height: 8rem; } /* 128px */
    .sm\:h-36 { height: 9rem; } /* 144px */
    .sm\:h-40 { height: 10rem; } /* 160px */
    .sm\:h-44 { height: 11rem; } /* 176px */
    .sm\:h-48 { height: 12rem; } /* 192px */
    .sm\:h-52 { height: 13rem; } /* 208px */
    .sm\:h-56 { height: 14rem; } /* 224px */
    .sm\:h-60 { height: 15rem; } /* 240px */
    .sm\:h-64 { height: 16rem; } /* 256px */
    .sm\:h-72 { height: 18rem; } /* 288px */
    .sm\:h-80 { height: 20rem; } /* 320px */
    .sm\:h-96 { height: 24rem; } /* 384px */

    /* Porcentajes */
    .sm\:h-1\/2 { height: 50%; }
    .sm\:h-1\/3 { height: 33.333333%; }
    .sm\:h-2\/3 { height: 66.666667%; }
    .sm\:h-1\/4 { height: 25%; }
    .sm\:h-2\/4 { height: 50%; }
    .sm\:h-3\/4 { height: 75%; }
    .sm\:h-1\/5 { height: 20%; }
    .sm\:h-2\/5 { height: 40%; }
    .sm\:h-3\/5 { height: 60%; }
    .sm\:h-4\/5 { height: 80%; }
    .sm\:h-1\/6 { height: 16.666667%; }
    .sm\:h-2\/6 { height: 33.333333%; }
    .sm\:h-3\/6 { height: 50%; }
    .sm\:h-4\/6 { height: 66.666667%; }
    .sm\:h-5\/6 { height: 83.333333%; }
    .sm\:h-full { height: 100%; }
    .sm\:h-3\/2 { height: 150%; }
    .sm\:h-full-2 { height: 200%; }
    .sm\:h-screen { height: 100vh; }
    .sm\:h-min { height: min-content; }
    .sm\:h-max { height: max-content; }
    .sm\:h-fit { height: fit-content; }

    .sm\:max-h-0 { max-height: 0; }
    .sm\:max-h-full { max-height: 100%; }
    .sm\:max-h-screen { max-height: 100vh; }
    .sm\:max-h-min { max-height: min-content; }
    .sm\:max-h-max { max-height: max-content; }
    .sm\:max-h-fit { max-height: fit-content; }

    .sm\:min-h-0 { min-height: 0; }
    .sm\:min-h-full { min-height: 100%; }
    .sm\:min-h-screen { min-height: 100vh; }
    .sm\:min-h-min { min-height: min-content; }
    .sm\:min-h-max { min-height: max-content; }
    .sm\:min-h-fit { min-height: fit-content; }

}

/* Breakpoints responsivos */
@media (min-width: 768px) {

    .md\:h-0 { height: 0; }
    .md\:h-px { height: 1px; }
    .md\:h-0\.5 { height: 0.125rem; } /* 2px */
    .md\:h-1 { height: 0.25rem; } /* 4px */
    .md\:h-1\.5 { height: 0.375rem; } /* 6px */
    .md\:h-2 { height: 0.5rem; } /* 8px */
    .md\:h-2\.5 { height: 0.625rem; } /* 10px */
    .md\:h-3 { height: 0.75rem; } /* 12px */
    .md\:h-3\.5 { height: 0.875rem; } /* 14px */
    .md\:h-4 { height: 1rem; } /* 16px */
    .md\:h-5 { height: 1.25rem; } /* 20px */
    .md\:h-6 { height: 1.5rem; } /* 24px */
    .md\:h-7 { height: 1.75rem; } /* 28px */
    .md\:h-8 { height: 2rem; } /* 32px */
    .md\:h-9 { height: 2.25rem; } /* 36px */
    .md\:h-10 { height: 2.5rem; } /* 40px */
    .md\:h-11 { height: 2.75rem; } /* 44px */
    .md\:h-12 { height: 3rem; } /* 48px */
    .md\:h-14 { height: 3.5rem; } /* 56px */
    .md\:h-16 { height: 4rem; } /* 64px */
    .sm\:h-18 { height: 4.5rem; } /* 72px */
    .md\:h-20 { height: 5rem; } /* 80px */
    .md\:h-24 { height: 6rem; } /* 96px */
    .md\:h-28 { height: 7rem; } /* 112px */
    .md\:h-32 { height: 8rem; } /* 128px */
    .md\:h-36 { height: 9rem; } /* 144px */
    .md\:h-40 { height: 10rem; } /* 160px */
    .md\:h-44 { height: 11rem; } /* 176px */
    .md\:h-48 { height: 12rem; } /* 192px */
    .md\:h-52 { height: 13rem; } /* 208px */
    .md\:h-56 { height: 14rem; } /* 224px */
    .md\:h-60 { height: 15rem; } /* 240px */
    .md\:h-64 { height: 16rem; } /* 256px */
    .md\:h-72 { height: 18rem; } /* 288px */
    .md\:h-80 { height: 20rem; } /* 320px */
    .md\:h-96 { height: 24rem; } /* 384px */

    /* Porcentajes */
    .md\:h-1\/2 { height: 50%; }
    .md\:h-1\/3 { height: 33.333333%; }
    .md\:h-2\/3 { height: 66.666667%; }
    .md\:h-1\/4 { height: 25%; }
    .md\:h-2\/4 { height: 50%; }
    .md\:h-3\/4 { height: 75%; }
    .md\:h-1\/5 { height: 20%; }
    .md\:h-2\/5 { height: 40%; }
    .md\:h-3\/5 { height: 60%; }
    .md\:h-4\/5 { height: 80%; }
    .md\:h-1\/6 { height: 16.666667%; }
    .md\:h-2\/6 { height: 33.333333%; }
    .md\:h-3\/6 { height: 50%; }
    .md\:h-4\/6 { height: 66.666667%; }
    .md\:h-5\/6 { height: 83.333333%; }
    .md\:h-full { height: 100%; }
    .md\:h-3\/2 { height: 150%; }
    .md\:h-full-2 { height: 200%; }
    .md\:h-screen { height: 100vh; }
    .md\:h-min { height: min-content; }
    .md\:h-max { height: max-content; }
    .md\:h-fit { height: fit-content; }

    .md\:max-h-0 { max-height: 0; }
    .md\:max-h-full { max-height: 100%; }
    .md\:max-h-screen { max-height: 100vh; }
    .md\:max-h-min { max-height: min-content; }
    .md\:max-h-max { max-height: max-content; }
    .md\:max-h-fit { max-height: fit-content; }

    .md\:min-h-0 { min-height: 0; }
    .md\:min-h-full { min-height: 100%; }
    .md\:min-h-screen { min-height: 100vh; }
    .md\:min-h-min { min-height: min-content; }
    .md\:min-h-max { min-height: max-content; }
    .md\:min-h-fit { min-height: fit-content; }
}

/* Breakpoints responsivos */
@media (min-width: 992px) {

    .lg\:h-0 { height: 0; }
    .lg\:h-px { height: 1px; }
    .lg\:h-0\.5 { height: 0.125rem; } /* 2px */
    .lg\:h-1 { height: 0.25rem; } /* 4px */
    .lg\:h-1\.5 { height: 0.375rem; } /* 6px */
    .lg\:h-2 { height: 0.5rem; } /* 8px */
    .lg\:h-2\.5 { height: 0.625rem; } /* 10px */
    .lg\:h-3 { height: 0.75rem; } /* 12px */
    .lg\:h-3\.5 { height: 0.875rem; } /* 14px */
    .lg\:h-4 { height: 1rem; } /* 16px */
    .lg\:h-5 { height: 1.25rem; } /* 20px */
    .lg\:h-6 { height: 1.5rem; } /* 24px */
    .lg\:h-7 { height: 1.75rem; } /* 28px */
    .lg\:h-8 { height: 2rem; } /* 32px */
    .lg\:h-9 { height: 2.25rem; } /* 36px */
    .lg\:h-10 { height: 2.5rem; } /* 40px */
    .lg\:h-11 { height: 2.75rem; } /* 44px */
    .lg\:h-12 { height: 3rem; } /* 48px */
    .lg\:h-14 { height: 3.5rem; } /* 56px */
    .lg\:h-16 { height: 4rem; } /* 64px */
    .sm\:h-18 { height: 4.5rem; } /* 72px */
    .lg\:h-20 { height: 5rem; } /* 80px */
    .lg\:h-24 { height: 6rem; } /* 96px */
    .lg\:h-28 { height: 7rem; } /* 112px */
    .lg\:h-32 { height: 8rem; } /* 128px */
    .lg\:h-36 { height: 9rem; } /* 144px */
    .lg\:h-40 { height: 10rem; } /* 160px */
    .lg\:h-44 { height: 11rem; } /* 176px */
    .lg\:h-48 { height: 12rem; } /* 192px */
    .lg\:h-52 { height: 13rem; } /* 208px */
    .lg\:h-56 { height: 14rem; } /* 224px */
    .lg\:h-60 { height: 15rem; } /* 240px */
    .lg\:h-64 { height: 16rem; } /* 256px */
    .lg\:h-72 { height: 18rem; } /* 288px */
    .lg\:h-80 { height: 20rem; } /* 320px */
    .lg\:h-96 { height: 24rem; } /* 384px */

    /* Porcentajes */
    .lg\:h-1\/2 { height: 50%; }
    .lg\:h-1\/3 { height: 33.333333%; }
    .lg\:h-2\/3 { height: 66.666667%; }
    .lg\:h-1\/4 { height: 25%; }
    .lg\:h-2\/4 { height: 50%; }
    .lg\:h-3\/4 { height: 75%; }
    .lg\:h-1\/5 { height: 20%; }
    .lg\:h-2\/5 { height: 40%; }
    .lg\:h-3\/5 { height: 60%; }
    .lg\:h-4\/5 { height: 80%; }
    .lg\:h-1\/6 { height: 16.666667%; }
    .lg\:h-2\/6 { height: 33.333333%; }
    .lg\:h-3\/6 { height: 50%; }
    .lg\:h-4\/6 { height: 66.666667%; }
    .lg\:h-5\/6 { height: 83.333333%; }
    .lg\:h-full { height: 100%; }
    .lg\:h-3\/2 { height: 150%; }
    .lg\:h-full-2 { height: 200%; }
    .lg\:h-screen { height: 100vh; }
    .lg\:h-min { height: min-content; }
    .lg\:h-max { height: max-content; }
    .lg\:h-fit { height: fit-content; }

    .lg\:max-h-0 { max-height: 0; }
    .lg\:max-h-full { max-height: 100%; }
    .lg\:max-h-screen { max-height: 100vh; }
    .lg\:max-h-min { max-height: min-content; }
    .lg\:max-h-max { max-height: max-content; }
    .lg\:max-h-fit { max-height: fit-content; }

    .lg\:min-h-0 { min-height: 0; }
    .lg\:min-h-full { min-height: 100%; }
    .lg\:min-h-screen { min-height: 100vh; }
    .lg\:min-h-min { min-height: min-content; }
    .lg\:min-h-max { min-height: max-content; }
    .lg\:min-h-fit { min-height: fit-content; }
}


/* Breakpoints responsivos */
@media (min-width: 1200px) {

    .xl\:h-0 { height: 0; }
    .xl\:h-px { height: 1px; }
    .xl\:h-0\.5 { height: 0.125rem; } /* 2px */
    .xl\:h-1 { height: 0.25rem; } /* 4px */
    .xl\:h-1\.5 { height: 0.375rem; } /* 6px */
    .xl\:h-2 { height: 0.5rem; } /* 8px */
    .xl\:h-2\.5 { height: 0.625rem; } /* 10px */
    .xl\:h-3 { height: 0.75rem; } /* 12px */
    .xl\:h-3\.5 { height: 0.875rem; } /* 14px */
    .xl\:h-4 { height: 1rem; } /* 16px */
    .xl\:h-5 { height: 1.25rem; } /* 20px */
    .xl\:h-6 { height: 1.5rem; } /* 24px */
    .xl\:h-7 { height: 1.75rem; } /* 28px */
    .xl\:h-8 { height: 2rem; } /* 32px */
    .xl\:h-9 { height: 2.25rem; } /* 36px */
    .xl\:h-10 { height: 2.5rem; } /* 40px */
    .xl\:h-11 { height: 2.75rem; } /* 44px */
    .xl\:h-12 { height: 3rem; } /* 48px */
    .xl\:h-14 { height: 3.5rem; } /* 56px */
    .xl\:h-16 { height: 4rem; } /* 64px */
    .sm\:h-18 { height: 4.5rem; } /* 72px */
    .xl\:h-20 { height: 5rem; } /* 80px */
    .xl\:h-24 { height: 6rem; } /* 96px */
    .xl\:h-28 { height: 7rem; } /* 112px */
    .xl\:h-32 { height: 8rem; } /* 128px */
    .xl\:h-36 { height: 9rem; } /* 144px */
    .xl\:h-40 { height: 10rem; } /* 160px */
    .xl\:h-44 { height: 11rem; } /* 176px */
    .xl\:h-48 { height: 12rem; } /* 192px */
    .xl\:h-52 { height: 13rem; } /* 208px */
    .xl\:h-56 { height: 14rem; } /* 224px */
    .xl\:h-60 { height: 15rem; } /* 240px */
    .xl\:h-64 { height: 16rem; } /* 256px */
    .xl\:h-72 { height: 18rem; } /* 288px */
    .xl\:h-80 { height: 20rem; } /* 320px */
    .xl\:h-96 { height: 24rem; } /* 384px */

    /* Porcentajes */
    .xl\:h-1\/2 { height: 50%; }
    .xl\:h-1\/3 { height: 33.333333%; }
    .xl\:h-2\/3 { height: 66.666667%; }
    .xl\:h-1\/4 { height: 25%; }
    .xl\:h-2\/4 { height: 50%; }
    .xl\:h-3\/4 { height: 75%; }
    .xl\:h-1\/5 { height: 20%; }
    .xl\:h-2\/5 { height: 40%; }
    .xl\:h-3\/5 { height: 60%; }
    .xl\:h-4\/5 { height: 80%; }
    .xl\:h-1\/6 { height: 16.666667%; }
    .xl\:h-2\/6 { height: 33.333333%; }
    .xl\:h-3\/6 { height: 50%; }
    .xl\:h-4\/6 { height: 66.666667%; }
    .xl\:h-5\/6 { height: 83.333333%; }
    .xl\:h-full { height: 100%; }
    .xl\:h-3\/2 { height: 150%; }
    .xl\:h-full-2 { height: 200%; }
    .xl\:h-screen { height: 100vh; }
    .xl\:h-min { height: min-content; }
    .xl\:h-max { height: max-content; }
    .xl\:h-fit { height: fit-content; }

    .xl\:max-h-0 { max-height: 0; }
    .xl\:max-h-full { max-height: 100%; }
    .xl\:max-h-screen { max-height: 100vh; }
    .xl\:max-h-min { max-height: min-content; }
    .xl\:max-h-max { max-height: max-content; }
    .xl\:max-h-fit { max-height: fit-content; }

    .xl\:min-h-0 { min-height: 0; }
    .xl\:min-h-full { min-height: 100%; }
    .xl\:min-h-screen { min-height: 100vh; }
    .xl\:min-h-min { min-height: min-content; }
    .xl\:min-h-max { min-height: max-content; }
    .xl\:min-h-fit { min-height: fit-content; }
}