/* Promocionales home */
    .js-scrollNavbar {
        max-height: 4rem
    }

    .containerGeneral {
        padding: 0.5rem 2.5rem;
    }
    
    /* Flexbox */
    .flex {
        display: flex;
    }

    .flex-col {
        flex-direction: column;
    }

    .items-start {
        align-items: flex-start;
    }

    /* Alineación responsiva */
    .m:items-center {
        align-items: center;
    }

    .s:items-center {
        align-items: center;
    }

    .xxs:items-center {
        align-items: center;
    }

    /* Texto */
    .text-2xl {
        font-size: 1.5rem;
    }

    .font-bold {
        font-weight: bold;
        color: #042A44
    }
    .h-36rem {
        height: 36rem;
    }

    .my-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .text-left {
        text-align: left;
    }

    .m:text-center {
        text-align: center;
    }

    .s:text-center {
        text-align: center;
    }

    .xxs:text-center {
        text-align: center;
    }

    .grid {
        display: grid;
    }

    .grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .grid-cols-16 {
        grid-template-columns: repeat(16, minmax(0, 1fr));
    }

    .grid-rows-auto {
        grid-auto-rows: auto;
    }

    .s:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .s:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    .xxs:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .xxs:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    .gap-4 {
        gap: 1rem;
    }

    .w-full {
        width: 100%;
    }

    .row-span-1 {
        grid-row-end: span 1;
    }

    .col-span-2 {
        grid-column: span 2/span 2;
    }

    .col-span-4 {
        grid-column-end: span 4;
    }

    .relative {
        position: relative;
    }

    .w-full {
        width: 100%;
    }

    .h-fit {
        width: fit-content;
        height: fit-content;
    }

    .rounded-xl {
        border-radius: 0.75rem;
    }

    .m:rounded-none {
        border-radius: 0;
    }

    .s:rounded-none {
        border-radius: 0;
    }

    .xxs:rounded-none {
        border-radius: 0;
    }

    .inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .bg-white {
        background-color: #ffffff;
    }

    .py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .w-auto {
        width: auto;
    }

    .rounded-l-lg {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem;
    }

    .text-175 {
        font-size: 1.75rem;
    }

    .text-lg {
        font-size: 1.125rem;
    }

    .font-semibold {
        font-weight: 600;
    }

    .justify-end {
        justify-content: flex-end;
    }

    .ml-5 {
        margin-left: 1.25rem;
    }

    .my-7 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem;
    }

    .h-36 {
        height: 36rem;
    }

    .lh-27 {
        height: 36rem;
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }

    .items-end {
        align-items: flex-end;
    }

    .w-fit {
        width: fit-content;
    }

    .l:w-max {
        width: max-content;
    }

    .text-white {
        color: #ffffff;
    }

    .l:text-xl {
        font-size: 1.125rem;
    }

    .font-bold {
        font-weight: bold;
    }

    .text-xl {
        font-size: 1.25rem;
    }

    .l:text-base {
        font-size: 1rem;
    }

    .mt-7 {
        margin-top: 1.75rem;
    }

    .bg-00C382 {
        background-color: rgb(0 195 130/1);
    }

    .font-medium {
        font-weight: 500;
    }

    .rounded-3xl {
        border-radius: 2.125rem;
    }

    .py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .l:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .l:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .w-max {
        width: max-content;
    }

    .l:mt-4 {
        margin-top: 1rem;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .text-005CB9 {
        --tw-text-opacity: 1;
        color: rgb(0 92 185/1);
    }

    .row-span-3 {
        grid-row: span 3/span 3;
    }

    @media (max-width: 576px) {
        .col-span-4 {
            grid-column: span 12/span 12;
        }
    }

    button {
        font-family: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        font-size: 100%;
        font-weight: inherit;
        line-height: inherit;
        color: inherit;
        margin: 0;
        padding: 0;
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none;
        box-sizing: border-box;
        border: 0 solid #e5e7eb;
    }

    button a {
        color: white;
    }

    .items-start {
        align-items: flex-start;
    }
/* Media query para columnas en dispositivos medianos */
    .m\:col-span-6 {
        grid-column-end: span 6;
    }