/*!
 * Padding para akaya
 * 
 * Paddings principales para akaya
 * Ejemplos: márgenes de modales, pop-ups, espacios entre secciones, etc.
 * Web monitor


 *Definicion de rem y px
 */

:root {
    --rem-11: 4.625rem;
    /* 74px*/
    --rem-10: 3.375rem;
    /* 54px*/
    --rem-9: 3rem;
    /* 48px*/
    --rem-8: 2rem;
    /* 32px*/
    --rem-7: 1.75rem;
    /* 28px*/
    --rem-6: 1.25rem;
    /* 20px*/
    --rem-5: 1rem;
    /* 16px*/
    --rem-4: 0.875rem;
    /* 14px*/
    --rem-3: 0.75rem;
    /* 12px*/
    --rem-2: 0.5rem;
    /* 8px*/
    --rem-1: 0.25rem;
    /* 4px*/
    --rem-0: 0.125rem;
    /* 2px*/
}

/*!
 * 2px = 0.125rem
 */

.pt-12-akaya {
    padding-top: var(--rem-0);
}

.pb-12-akaya {
    padding-bottom: var(--rem-0);
}

.py-12-akaya {
    padding: var(--rem-0) 0 var(--rem-0) 0;
}

.px-12-akaya {
    padding: 0 var(--rem-0) 0 var(--rem-0);
}

.p-12-akaya {
    padding: var(--rem-0);
}

/*!
 * 74px = 4.625rem
 */

.pt-11-akaya {
    padding-top: var(--rem-11);
}

.pb-11-akaya {
    padding-bottom: var(--rem-11);
}

.py-11-akaya {
    padding: var(--rem-11) 0 var(--rem-11) 0;
}

.px-11-akaya {
    padding: 0 var(--rem-11) 0 var(--rem-11);
}

.p-11-akaya {
    padding: var(--rem-11);
}

/*!
 * 54px = 3.375rem
 */
.pt-10-akaya {
    padding-top: var(--rem-10);
}

.pb-10-akaya {
    padding-bottom: var(--rem-10);
}

.py-10-akaya {
    padding: var(--rem-10) 0 var(--rem-10) 0;
}

.px-10-akaya {
    padding: 0 var(--rem-10) 0 var(--rem-10);
}

.p-10-akaya {
    padding: var(--rem-10);
}


/*!
 * 48px = 3rem
 */
.pt-9-akaya {
    padding-top: var(--rem-9);
}

.pb-9-akaya {
    padding-bottom: var(--rem-9);
}

.py-9-akaya {
    padding: var(--rem-9) 0 var(--rem-9) 0;
}

.px-9-akaya {
    padding: 0 var(--rem-9) 0 var(--rem-9);
}

.p-9-akaya {
    padding: var(--rem-9);
}

/*!
 * 32px = 2rem
 */
.pt-8-akaya {
    padding-top: var(--rem-8);
}

.pb-8-akaya {
    padding-bottom: var(--rem-8);
}

.py-8-akaya {
    padding: var(--rem-8) 0 var(--rem-8) 0;
}

.px-8-akaya {
    padding: 0 var(--rem-8) 0 var(--rem-8);
}

.p-8-akaya {
    padding: var(--rem-8);
}

/*!
 * 28px = 1.75rem
 */
.pt-7-akaya {
    padding-top: var(--rem-7);
}

.pb-7-akaya {
    padding-bottom: var(--rem-7);
}

.py-7-akaya {
    padding: var(--rem-7) 0 var(--rem-7) 0;
}

.px-7-akaya {
    padding: 0 var(--rem-7) 0 var(--rem-7);
}

.p-7-akaya {
    padding: var(--rem-7);
}

/*!
 * 20px = 1.25rem
 */
.pt-6-akaya {
    padding-top: var(--rem-6);
}

.pb-6-akaya {
    padding-bottom: var(--rem-6);
}

.py-6-akaya {
    padding: var(--rem-6) 0 var(--rem-6) 0;
}

.px-6-akaya {
    padding: 0 var(--rem-6) 0 var(--rem-6);
}

.p-6-akaya {
    padding: var(--rem-6);
}

/*!
 * 16px = 1rem
 */
.pt-5-akaya {
    padding-top: var(--rem-5);
}

.pb-5-akaya {
    padding-bottom: var(--rem-5);
}

.py-5-akaya {
    padding: var(--rem-5) 0 var(--rem-5) 0;
}

.px-5-akaya {
    padding: 0 var(--rem-5) 0 var(--rem-5);
}

.p-5-akaya {
    padding: var(--rem-5);
}

/*!
 * 14px = 0.875rem
 */
.pt-4-akaya {
    padding-top: var(--rem-4);
}

.pb-4-akaya {
    padding-bottom: var(--rem-4);
}

.py-4-akaya {
    padding: var(--rem-4) 0 var(--rem-4) 0;
}

.px-4-akaya {
    padding: 0 var(--rem-4) 0 var(--rem-4);
}

.p-4-akaya {
    padding: var(--rem-4);
}

/*!
 * 12px = 0.75rem
 */
.pt-3-akaya {
    padding-top: var(--rem-3);
}

.pb-3-akaya {
    padding-bottom: var(--rem-3);
}

.py-3-akaya {
    padding: var(--rem-3) 0 var(--rem-3) 0;
}

.px-3-akaya {
    padding: 0 var(--rem-3) 0 var(--rem-3);
}

.p-3-akaya {
    padding: var(--rem-3);
}


/*!
 * 8px = 0.5rem
 */
.pt-2-akaya {
    padding-top: var(--rem-2);
}

.pb-2-akaya {
    padding-bottom: var(--rem-2);
}

.py-2-akaya {
    padding: var(--rem-2) 0 var(--rem-2) 0;
}

.px-2-akaya {
    padding: 0 var(--rem-2) 0 var(--rem-2);
}

.p-2-akaya {
    padding: var(--rem-2);
}


/*!
 * 4px = 0.25rem
 */
.pt-1-akaya {
    padding-top: var(--rem-1);
}

.pb-1-akaya {
    padding-bottom: var(--rem-1);
}

.py-1-akaya {
    padding: var(--rem-1) 0 var(--rem-1) 0;
}

.px-1-akaya {
    padding: 0 var(--rem-1) 0 var(--rem-1);
}

.p-1-akaya {
    padding: var(--rem-1);
}

/*!
 * Margin para akaya
 * 
 * Margins principales para akaya
 * Ejemplos: márgenes de modales, pom-ups, espacios entre secciones, etc.
 * Web monitor


 *Definicion de rem y px
 */



/*!
 * 2px = 0.125rem
 */

.mt-12-akaya {
    margin-top: var(--rem-0);
}

.mb-12-akaya {
    margin-bottom: var(--rem-0);
}

.my-12-akaya {
    margin: var(--rem-0) 0 var(--rem-0) 0;
}

.mx-12-akaya {
    margin: 0 var(--rem-0) 0 var(--rem-0);
}

.m-12-akaya {
    margin: var(--rem-0);
}

/*!
 * 74px = 4.625rem
 */

.mt-11-akaya {
    margin-top: var(--rem-11);
}

.mb-11-akaya {
    margin-bottom: var(--rem-11);
}

.my-11-akaya {
    margin: var(--rem-11) 0 var(--rem-11) 0;
}

.mx-11-akaya {
    margin: 0 var(--rem-11) 0 var(--rem-11);
}

.m-11-akaya {
    margin: var(--rem-11);
}

/*!
 * 54px = 3.375rem
 */
.mt-10-akaya {
    margin-top: var(--rem-10);
}

.mb-10-akaya {
    margin-bottom: var(--rem-10);
}

.my-10-akaya {
    margin: var(--rem-10) 0 var(--rem-10) 0;
}

.mx-10-akaya {
    margin: 0 var(--rem-10) 0 var(--rem-10);
}

.m-10-akaya {
    margin: var(--rem-10);
}


/*!
 * 48px = 3rem
 */
.mt-9-akaya {
    margin-top: var(--rem-9);
}

.mb-9-akaya {
    margin-bottom: var(--rem-9);
}

.my-9-akaya {
    margin: var(--rem-9) 0 var(--rem-9) 0;
}

.mx-9-akaya {
    margin: 0 var(--rem-9) 0 var(--rem-9);
}

.m-9-akaya {
    margin: var(--rem-9);
}

/*!
 * 32px = 2rem
 */
.mt-8-akaya {
    margin-top: var(--rem-8);
}

.mb-8-akaya {
    margin-bottom: var(--rem-8);
}

.my-8-akaya {
    margin: var(--rem-8) 0 var(--rem-8) 0;
}

.mx-8-akaya {
    margin: 0 var(--rem-8) 0 var(--rem-8);
}

.m-8-akaya {
    margin: var(--rem-8);
}

/*!
 * 28px = 1.75rem
 */
.mt-7-akaya {
    margin-top: var(--rem-7);
}

.mb-7-akaya {
    margin-bottom: var(--rem-7);
}

.my-7-akaya {
    margin: var(--rem-7) 0 var(--rem-7) 0;
}

.mx-7-akaya {
    margin: 0 var(--rem-7) 0 var(--rem-7);
}

.m-7-akaya {
    margin: var(--rem-7);
}

/*!
 * 20px = 1.25rem
 */
.mt-6-akaya {
    margin-top: var(--rem-6);
}

.mb-6-akaya {
    margin-bottom: var(--rem-6);
}

.my-6-akaya {
    margin: var(--rem-6) 0 var(--rem-6) 0;
}

.mx-6-akaya {
    margin: 0 var(--rem-6) 0 var(--rem-6);
}

.m-6-akaya {
    margin: var(--rem-6);
}

/*!
 * 16px = 1rem
 */
.mt-5-akaya {
    margin-top: var(--rem-5);
}

.mb-5-akaya {
    margin-bottom: var(--rem-5);
}

.my-5-akaya {
    margin: var(--rem-5) 0 var(--rem-5) 0;
}

.mx-5-akaya {
    margin: 0 var(--rem-5) 0 var(--rem-5);
}

.m-5-akaya {
    margin: var(--rem-5);
}

/*!
 * 14px = 0.875rem
 */
.mt-4-akaya {
    margin-top: var(--rem-4);
}

.mb-4-akaya {
    margin-bottom: var(--rem-4);
}

.my-4-akaya {
    margin: var(--rem-4) 0 var(--rem-4) 0;
}

.mx-4-akaya {
    margin: 0 var(--rem-4) 0 var(--rem-4);
}

.m-4-akaya {
    margin: var(--rem-4);
}

/*!
 * 12px = 0.75rem
 */
.mt-3-akaya {
    margin-top: var(--rem-3);
}

.mb-3-akaya {
    margin-bottom: var(--rem-3);
}

.my-3-akaya {
    margin: var(--rem-3) 0 var(--rem-3) 0;
}

.mx-3-akaya {
    margin: 0 var(--rem-3) 0 var(--rem-3);
}

.m-3-akaya {
    margin: var(--rem-3);
}


/*!
 * 8px = 0.5rem
 */
.mt-2-akaya {
    margin-top: var(--rem-2);
}

.mb-2-akaya {
    margin-bottom: var(--rem-2) !important;
}

.my-2-akaya {
    margin: var(--rem-2) 0 var(--rem-2) 0;
}

.mx-2-akaya {
    margin: 0 var(--rem-2) 0 var(--rem-2);
}

.m-2-akaya {
    margin: var(--rem-2);
}


/*!
 * 4px = 0.25rem
 */
.mt-1-akaya {
    margin-top: var(--rem-1);
}

.mb-1-akaya {
    margin-bottom: var(--rem-1);
}

.my-1-akaya {
    margin: var(--rem-1) 0 var(--rem-1) 0;
}

.mx-1-akaya {
    margin: 0 var(--rem-1) 0 var(--rem-1);
}

.m-1-akaya {
    margin: var(--rem-1);
}

/* OTROS */
.title-container-2 {
    margin-top: var(--rem-9);
    margin-bottom: var(--rem-8);
    font-size: 32px;
}

.description-container-1 {
    font-size: 20px;
}

.description-container-bold {
    font-weight: 900;
    font-family: 'CBlack';
    font-size: 20px;
}

.description-container-2 {
    margin-top: var(--rem-9);
}

@media (max-width: 768px) {
    .title-container-2 {
        margin-top: var(--rem-8);
        margin-bottom: var(--rem-6);
        font-size: 20px;
    }

    .description-container-2 {
        margin-top: var(--rem-8);
    }

    .description-container-1 {
        font-size: 16px;
    }

    .description-container-bold {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .title-container-2 {
        margin-top: var(--rem-6);
        margin-bottom: var(--rem-6);
        font-size: 16px;
    }

    .description-container-2 {
        margin-top: var(--rem-6);
    }

    .description-container-1 {
        font-size: 14px;
    }

    .description-container-bold {
        font-size: 14px;
    }
}