/* Add here all your CSS customizations */
.icono-social{
	width: 25px;
	height: auto;
	margin: 2px;
	transition: all 0.4s ease;
}


.icono-social:hover{
	transform: scale(1.4);
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
	cursor: pointer;
}

@font-face {
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")
}

.material-icons {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");
    unicode-range: U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");
    unicode-range: U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");
    unicode-range: U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");
    unicode-range: U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}






            .jss39 {
                color: #FFFFFF;
                border: none;
                cursor: pointer;
                margin: .3125rem 1px;
                padding: 12px 30px;
                position: relative;
                font-size: 12px;
                min-width: auto;
                box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
                min-height: auto;
                text-align: center;
                transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
                font-weight: 400;
                line-height: 1.42857143;
                white-space: nowrap;
                will-change: box-shadow, transform;
                touch-action: manipulation;
                border-radius: 3px;
                letter-spacing: 0;
                text-transform: uppercase;
                vertical-align: middle;
                background-color: #999999;
            }

            .jss39:hover, .jss39:focus {
                color: #FFFFFF;
                box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
                background-color: #999999;
            }

            .jss39 .fab, .jss39 .fas, .jss39 .far, .jss39 .fal, .jss39 .material-icons {
                top: 0;
                display: inline-block;
                position: relative;
                font-size: 1.1rem;
                margin-right: 4px;
                vertical-align: middle;
            }

            .jss39 svg {
                top: 0;
                width: 18px;
                height: 18px;
                display: inline-block;
                position: relative;
                margin-right: 4px;
                vertical-align: middle;
            }

            .jss39.jss60 .fab, .jss39.jss60 .fas, .jss39.jss60 .far, .jss39.jss60 .fal, .jss39.jss60 .material-icons {
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                position: absolute;
                font-size: 20px;
                transform: none;
                line-height: 41px;
                margin-right: 0px;
            }

            .jss40 {
                width: 100%;
            }

            .jss41 {
                box-shadow: 0 2px 2px 0 rgba(135,202,79,0.14), 0 3px 1px -2px rgba(135,202,79,0.2), 0 1px 5px 0 rgba(135,202,79,0.12);
                background-color: #87ca4f;
            }

            .jss41:hover, .jss41:focus {
                box-shadow: 0 14px 26px -12px rgba(135,202,79,0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(135,202,79,0.2);
                background-color: #87ca4f;
            }

            .jss42 {
                box-shadow: 0 2px 2px 0 rgba(0,172,193,0.14), 0 3px 1px -2px rgba(0,172,193,0.2), 0 1px 5px 0 rgba(0,172,193,0.12);
                background-color: #00acc1;
            }

            .jss42:hover, .jss42:focus {
                box-shadow: 0 14px 26px -12px rgba(0,172,193,0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0,172,193,0.2);
                background-color: #00acc1;
            }

            .jss43 {
                box-shadow: 0 2px 2px 0 rgba(76,175,80,0.14), 0 3px 1px -2px rgba(76,175,80,0.2), 0 1px 5px 0 rgba(76,175,80,0.12);
                background-color: #4caf50;
            }

            .jss43:hover, .jss43:focus {
                box-shadow: 0 14px 26px -12px rgba(76,175,80,0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76,175,80,0.2);
                background-color: #4caf50;
            }

            .jss44 {
                box-shadow: 0 2px 2px 0 rgba(80,188,184,0.14), 0 3px 1px -2px rgba(80,188,184,0.2), 0 1px 5px 0 rgba(80,188,184,0.12);
                background-color: #50bcb8;
            }

            .jss44:hover, .jss44:focus {
                box-shadow: 0 14px 26px -12px rgba(80,188,184,0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(80,188,184,0.2);
                background-color: #50bcb8;
            }

            .jss45 {
                box-shadow: 0 2px 2px 0 rgba(244,67,54,0.14), 0 3px 1px -2px rgba(244,67,54,0.2), 0 1px 5px 0 rgba(244,67,54,0.12);
                background-color: #f44336;
            }

            .jss45:hover, .jss45:focus {
                box-shadow: 0 14px 26px -12px rgba(244,67,54,0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244,67,54,0.2);
                background-color: #f44336;
            }

            .jss46 {
                box-shadow: 0 2px 2px 0 rgba(135,202,79,0.14), 0 3px 1px -2px rgba(135,202,79,0.2), 0 1px 5px 0 rgba(135,202,79,0.12);
                background-color: #e91e63;
            }

            .jss46:hover, .jss46:focus {
                box-shadow: 0 14px 26px -12px rgba(135,202,79,0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(135,202,79,0.2);
                background-color: #e91e63;
            }

            .jss47, .jss47:focus, .jss47:hover, .jss47:visited {
                color: #999999;
                background-color: #FFFFFF;
            }

            .jss48 {
                color: #fff;
                box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
                background-color: #55acee;
            }

            .jss48:hover, .jss48:focus, .jss48:visited {
                color: #fff;
                box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
                background-color: #55acee;
            }

            .jss49 {
                color: #fff;
                box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
                background-color: #3b5998;
            }

            .jss49:hover, .jss49:focus {
                color: #fff;
                box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
                background-color: #3b5998;
            }

            .jss50 {
                color: #fff;
                box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
                background-color: #dd4b39;
            }

            .jss50:hover, .jss50:focus {
                color: #fff;
                box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
                background-color: #dd4b39;
            }

            .jss51 {
                color: #fff;
                box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
                background-color: #333333;
            }

            .jss51:hover, .jss51:focus {
                color: #fff;
                box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
                background-color: #333333;
            }

            .jss52, .jss52:focus, .jss52:hover, .jss52:visited {
                color: #FFFFFF;
                background: transparent;
                box-shadow: none;
            }

            .jss52.jss51, .jss52.jss51:focus, .jss52.jss51:hover, .jss52.jss51:visited {
                color: #333333;
            }

            .jss52.jss50, .jss52.jss50:focus, .jss52.jss50:hover, .jss52.jss50:visited {
                color: #dd4b39;
            }

            .jss52.jss49, .jss52.jss49:focus, .jss52.jss49:hover, .jss52.jss49:visited {
                color: #3b5998;
            }

            .jss52.jss48, .jss52.jss48:focus, .jss52.jss48:hover, .jss52.jss48:visited {
                color: #55acee;
            }

            .jss52.jss45, .jss52.jss45:focus, .jss52.jss45:hover, .jss52.jss45:visited {
                color: #f44336;
            }

            .jss52.jss46, .jss52.jss46:focus, .jss52.jss46:hover, .jss52.jss46:visited {
                color: #e91e63;
            }

            .jss52.jss44, .jss52.jss44:focus, .jss52.jss44:hover, .jss52.jss44:visited {
                color: #50bcb8;
            }

            .jss52.jss43, .jss52.jss43:focus, .jss52.jss43:hover, .jss52.jss43:visited {
                color: #4caf50;
            }

            .jss52.jss42, .jss52.jss42:focus, .jss52.jss42:hover, .jss52.jss42:visited {
                color: #00acc1;
            }

            .jss52.jss41, .jss52.jss41:focus, .jss52.jss41:hover, .jss52.jss41:visited {
                color: #87ca4f;
            }

            .jss53, .jss53:focus, .jss53:hover, .jss53:visited {
                color: inherit;
                background: transparent;
                box-shadow: none;
            }

            .jss54 {
                opacity: 0.65;
                pointer-events: none;
            }

            .jss55 {
                padding: 1.125rem 2.25rem;
                font-size: 0.875rem;
                line-height: 1.333333;
                border-radius: 0.2rem;
            }

            .jss56 {
                padding: 0.40625rem 1.25rem;
                font-size: 0.6875rem;
                line-height: 1.5;
                border-radius: 0.2rem;
            }

            .jss57 {
                border-radius: 30px;
            }

            .jss58 {
                width: 100% !important;
            }

            .jss59, .jss59:hover, .jss59:focus {
                color: #999999;
                box-shadow: none;
                background-color: transparent;
            }

            .jss60 {
                width: 41px;
                height: 41px;
                font-size: 20px;
                min-width: 41px;
                padding-left: 12px;
                padding-right: 12px;
            }

            .jss60 .fab, .jss60 .fas, .jss60 .far, .jss60 .fal, .jss60 svg, .jss60 .material-icons {
                margin-right: 0px;
            }

            .jss60.jss55 {
                width: 57px;
                height: 57px;
                min-width: 57px;
                line-height: 56px;
            }

            .jss60.jss56 {
                width: 30px;
                height: 30px;
                min-width: 30px;
            }

            .jss60.jss56 .fab, .jss60.jss56 .fas, .jss60.jss56 .far, .jss60.jss56 .fal, .jss60.jss56 .material-icons {
                font-size: 17px;
                line-height: 29px;
            }

            .jss60.jss56 svg {
                width: 17px;
                height: 17px;
            }

            .jss60.jss55 .fab, .jss60.jss55 .fas, .jss60.jss55 .far, .jss60.jss55 .fal, .jss60.jss55 .material-icons {
                font-size: 32px;
                line-height: 56px;
            }

            .jss60.jss55 svg {
                width: 32px;
                height: 32px;
            }

            .jss61 {
                pointer-events: none;
            }
            .jss77 {
                width: 0;
                height: 0;
                display: inline-block;
                border-top: 4px solid;
transition: all 150ms ease-in;
                border-left: 4px solid transparent;
                margin-left: 4px;
                border-right: 4px solid transparent;
                vertical-align: middle;
            }
            .btn-gestion {
                background-color: #87ca4f !important;
                color: #fff !important;
                border: none;
                padding: 8px 20px;
                font-weight: 600;
                text-transform: uppercase;
                border-radius: 4px;
                transition: all 0.3s ease;
            }
            .btn-gestion:hover {
                background-color: #6aa83f !important;
                transform: translateY(-2px);
                box-shadow: 0 4px 12px rgba(135, 202, 79, 0.4);
            }


                box-sizing: border-box;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            *, *::before, *::after {
                box-sizing: inherit;
            }

            strong, b {
                font-weight: 700;
            }

            body {
                color: rgba(0, 0, 0, 0.87);
                margin: 0;
                /*font-size: 1rem;
                /* font-family: inherit; 
                font-weight: 400;
                line-height: 1.43;*/
                background-color: #fafafa;
            }

            @media print {
                body {
                    background-color: #fff;
                }
            }

            body::backdrop {
                background-color: #fafafa;
            }

            .MuiContainer-root {
                width: 100%;
                display: block;
                box-sizing: border-box;
                margin-left: auto;
                margin-right: auto;
                padding-left: 2px;
                padding-right: 2px;
            }

            @media (min-width: 600px) {
                .MuiContainer-root {
                    padding-left: 3px;
                    padding-right: 3px;
                }
            }

            .MuiContainer-disableGutters {
                padding-left: 0;
                padding-right: 0;
            }

            @media (min-width: 600px) {
                .MuiContainer-fixed {
                    max-width: 600px;
                }
            }

            @media (min-width: 960px) {
                .MuiContainer-fixed {
                    max-width: 960px;
                }
            }

            @media (min-width: 1280px) {
                .MuiContainer-fixed {
                    max-width: 1280px;
                }
            }

            @media (min-width: 1920px) {
                .MuiContainer-fixed {
                    max-width: 1920px;
                }
            }

            @media (min-width: 0px) {
                .MuiContainer-maxWidthXs {
                    max-width: 444px;
                }
            }

            @media (min-width: 600px) {
                .MuiContainer-maxWidthSm {
                    max-width: 600px;
                }
            }

            @media (min-width: 960px) {
                .MuiContainer-maxWidthMd {
                    max-width: 960px;
                }
            }

            @media (min-width: 1280px) {
                .MuiContainer-maxWidthLg {
                    max-width: 1280px;
                }
            }

            @media (min-width: 1920px) {
                .MuiContainer-maxWidthXl {
                    max-width: 1920px;
                }
            }

            .MuiGrid-container {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                box-sizing: border-box;
            }

            .MuiGrid-item {
                margin: 0;
                box-sizing: border-box;
            }

            .MuiGrid-zeroMinWidth {
                min-width: 0;
            }

            .MuiGrid-direction-xs-column {
                flex-direction: column;
            }

            .MuiGrid-direction-xs-column-reverse {
                flex-direction: column-reverse;
            }

            .MuiGrid-direction-xs-row-reverse {
                flex-direction: row-reverse;
            }

            .MuiGrid-wrap-xs-nowrap {
                flex-wrap: nowrap;
            }

            .MuiGrid-wrap-xs-wrap-reverse {
                flex-wrap: wrap-reverse;
            }

            .MuiGrid-align-items-xs-center {
                align-items: center;
            }

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

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

            .MuiGrid-align-items-xs-baseline {
                align-items: baseline;
            }

            .MuiGrid-align-content-xs-center {
                align-content: center;
            }

            .MuiGrid-align-content-xs-flex-start {
                align-content: flex-start;
            }

            .MuiGrid-align-content-xs-flex-end {
                align-content: flex-end;
            }

            .MuiGrid-align-content-xs-space-between {
                align-content: space-between;
            }

            .MuiGrid-align-content-xs-space-around {
                align-content: space-around;
            }

            .MuiGrid-justify-content-xs-center {
                justify-content: center;
            }

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

            .MuiGrid-justify-content-xs-space-between {
                justify-content: space-between;
            }

            .MuiGrid-justify-content-xs-space-around {
                justify-content: space-around;
            }

            .MuiGrid-justify-content-xs-space-evenly {
                justify-content: space-evenly;
            }

            .MuiGrid-spacing-xs-1 {
                width: calc(100% + 1px);
                margin: -0.5px;
            }

            .MuiGrid-spacing-xs-1 > .MuiGrid-item {
                padding: 0.5px;
            }

            .MuiGrid-spacing-xs-2 {
                width: calc(100% + 2px);
                margin: -1px;
            }

            .MuiGrid-spacing-xs-2 > .MuiGrid-item {
                padding: 1px;
            }

            .MuiGrid-spacing-xs-3 {
                width: calc(100% + 3px);
                margin: -1.5px;
            }

            .MuiGrid-spacing-xs-3 > .MuiGrid-item {
                padding: 1.5px;
            }

            .MuiGrid-spacing-xs-4 {
                width: calc(100% + 4px);
                margin: -2px;
            }

            .MuiGrid-spacing-xs-4 > .MuiGrid-item {
                padding: 2px;
            }

            .MuiGrid-spacing-xs-5 {
                width: calc(100% + 5px);
                margin: -2.5px;
            }

            .MuiGrid-spacing-xs-5 > .MuiGrid-item {
                padding: 2.5px;
            }

            .MuiGrid-spacing-xs-6 {
                width: calc(100% + 6px);
                margin: -3px;
            }

            .MuiGrid-spacing-xs-6 > .MuiGrid-item {
                padding: 3px;
            }

            .MuiGrid-spacing-xs-7 {
                width: calc(100% + 7px);
                margin: -3.5px;
            }

            .MuiGrid-spacing-xs-7 > .MuiGrid-item {
                padding: 3.5px;
            }

            .MuiGrid-spacing-xs-8 {
                width: calc(100% + 8px);
                margin: -4px;
            }

            .MuiGrid-spacing-xs-8 > .MuiGrid-item {
                padding: 4px;
            }

            .MuiGrid-spacing-xs-9 {
                width: calc(100% + 9px);
                margin: -4.5px;
            }

            .MuiGrid-spacing-xs-9 > .MuiGrid-item {
                padding: 4.5px;
            }

            .MuiGrid-spacing-xs-10 {
                width: calc(100% + 10px);
                margin: -5px;
            }

            .MuiGrid-spacing-xs-10 > .MuiGrid-item {
                padding: 5px;
            }

            .MuiGrid-grid-xs-auto {
                flex-grow: 0;
                max-width: none;
                flex-basis: auto;
            }

            .MuiGrid-grid-xs-true {
                flex-grow: 1;
                max-width: 100%;
                flex-basis: 0;
            }

            .MuiGrid-grid-xs-1 {
                flex-grow: 0;
                max-width: 8.333333%;
                flex-basis: 8.333333%;
            }

            .MuiGrid-grid-xs-2 {
                flex-grow: 0;
                max-width: 16.666667%;
                flex-basis: 16.666667%;
            }

            .MuiGrid-grid-xs-3 {
                flex-grow: 0;
                max-width: 25%;
                flex-basis: 25%;
            }

            .MuiGrid-grid-xs-4 {
                flex-grow: 0;
                max-width: 33.333333%;
                flex-basis: 33.333333%;
            }

            .MuiGrid-grid-xs-5 {
                flex-grow: 0;
                max-width: 41.666667%;
                flex-basis: 41.666667%;
            }

            .MuiGrid-grid-xs-6 {
                flex-grow: 0;
                max-width: 50%;
                flex-basis: 50%;
            }

            .MuiGrid-grid-xs-7 {
                flex-grow: 0;
                max-width: 58.333333%;
                flex-basis: 58.333333%;
            }

            .MuiGrid-grid-xs-8 {
                flex-grow: 0;
                max-width: 66.666667%;
                flex-basis: 66.666667%;
            }

            .MuiGrid-grid-xs-9 {
                flex-grow: 0;
                max-width: 75%;
                flex-basis: 75%;
            }

            .MuiGrid-grid-xs-10 {
                flex-grow: 0;
                max-width: 83.333333%;
                flex-basis: 83.333333%;
            }

            .MuiGrid-grid-xs-11 {
                flex-grow: 0;
                max-width: 91.666667%;
                flex-basis: 91.666667%;
            }

            .MuiGrid-grid-xs-12 {
                flex-grow: 0;
                max-width: 100%;
                flex-basis: 100%;
            }

            @media (min-width: 600px) {
                .MuiGrid-grid-sm-auto {
                    flex-grow: 0;
                    max-width: none;
                    flex-basis: auto;
                }

                .MuiGrid-grid-sm-true {
                    flex-grow: 1;
                    max-width: 100%;
                    flex-basis: 0;
                }

                .MuiGrid-grid-sm-1 {
                    flex-grow: 0;
                    max-width: 8.333333%;
                    flex-basis: 8.333333%;
                }

                .MuiGrid-grid-sm-2 {
                    flex-grow: 0;
                    max-width: 16.666667%;
                    flex-basis: 16.666667%;
                }

                .MuiGrid-grid-sm-3 {
                    flex-grow: 0;
                    max-width: 25%;
                    flex-basis: 25%;
                }

                .MuiGrid-grid-sm-4 {
                    flex-grow: 0;
                    max-width: 33.333333%;
                    flex-basis: 33.333333%;
                }

                .MuiGrid-grid-sm-5 {
                    flex-grow: 0;
                    max-width: 41.666667%;
                    flex-basis: 41.666667%;
                }

                .MuiGrid-grid-sm-6 {
                    flex-grow: 0;
                    max-width: 50%;
                    flex-basis: 50%;
                }

                .MuiGrid-grid-sm-7 {
                    flex-grow: 0;
                    max-width: 58.333333%;
                    flex-basis: 58.333333%;
                }

                .MuiGrid-grid-sm-8 {
                    flex-grow: 0;
                    max-width: 66.666667%;
                    flex-basis: 66.666667%;
                }

                .MuiGrid-grid-sm-9 {
                    flex-grow: 0;
                    max-width: 75%;
                    flex-basis: 75%;
                }

                .MuiGrid-grid-sm-10 {
                    flex-grow: 0;
                    max-width: 83.333333%;
                    flex-basis: 83.333333%;
                }

                .MuiGrid-grid-sm-11 {
                    flex-grow: 0;
                    max-width: 91.666667%;
                    flex-basis: 91.666667%;
                }

                .MuiGrid-grid-sm-12 {
                    flex-grow: 0;
                    max-width: 100%;
                    flex-basis: 100%;
                }
            }

            @media (min-width: 960px) {
                .MuiGrid-grid-md-auto {
                    flex-grow: 0;
                    max-width: none;
                    flex-basis: auto;
                }

                .MuiGrid-grid-md-true {
                    flex-grow: 1;
                    max-width: 100%;
                    flex-basis: 0;
                }

                .MuiGrid-grid-md-1 {
                    flex-grow: 0;
                    max-width: 8.333333%;
                    flex-basis: 8.333333%;
                }

                .MuiGrid-grid-md-2 {
                    flex-grow: 0;
                    max-width: 16.666667%;
                    flex-basis: 16.666667%;
                }

                .MuiGrid-grid-md-3 {
                    flex-grow: 0;
                    max-width: 25%;
                    flex-basis: 25%;
                }

                .MuiGrid-grid-md-4 {
                    flex-grow: 0;
                    max-width: 33.333333%;
                    flex-basis: 33.333333%;
                }

                .MuiGrid-grid-md-5 {
                    flex-grow: 0;
                    max-width: 41.666667%;
                    flex-basis: 41.666667%;
                }

                .MuiGrid-grid-md-6 {
                    flex-grow: 0;
                    max-width: 50%;
                    flex-basis: 50%;
                }

                .MuiGrid-grid-md-7 {
                    flex-grow: 0;
                    max-width: 58.333333%;
                    flex-basis: 58.333333%;
                }

                .MuiGrid-grid-md-8 {
                    flex-grow: 0;
                    max-width: 66.666667%;
                    flex-basis: 66.666667%;
                }

                .MuiGrid-grid-md-9 {
                    flex-grow: 0;
                    max-width: 75%;
                    flex-basis: 75%;
                }

                .MuiGrid-grid-md-10 {
                    flex-grow: 0;
                    max-width: 83.333333%;
                    flex-basis: 83.333333%;
                }

                .MuiGrid-grid-md-11 {
                    flex-grow: 0;
                    max-width: 91.666667%;
                    flex-basis: 91.666667%;
                }

                .MuiGrid-grid-md-12 {
                    flex-grow: 0;
                    max-width: 100%;
                    flex-basis: 100%;
                }
            }

            @media (min-width: 1280px) {
                .MuiGrid-grid-lg-auto {
                    flex-grow: 0;
                    max-width: none;
                    flex-basis: auto;
                }

                .MuiGrid-grid-lg-true {
                    flex-grow: 1;
                    max-width: 100%;
                    flex-basis: 0;
                }

                .MuiGrid-grid-lg-1 {
                    flex-grow: 0;
                    max-width: 8.333333%;
                    flex-basis: 8.333333%;
                }

                .MuiGrid-grid-lg-2 {
                    flex-grow: 0;
                    max-width: 16.666667%;
                    flex-basis: 16.666667%;
                }

                .MuiGrid-grid-lg-3 {
                    flex-grow: 0;
                    max-width: 25%;
                    flex-basis: 25%;
                }

                .MuiGrid-grid-lg-4 {
                    flex-grow: 0;
                    max-width: 33.333333%;
                    flex-basis: 33.333333%;
                }

                .MuiGrid-grid-lg-5 {
                    flex-grow: 0;
                    max-width: 41.666667%;
                    flex-basis: 41.666667%;
                }

                .MuiGrid-grid-lg-6 {
                    flex-grow: 0;
                    max-width: 50%;
                    flex-basis: 50%;
                }

                .MuiGrid-grid-lg-7 {
                    flex-grow: 0;
                    max-width: 58.333333%;
                    flex-basis: 58.333333%;
                }

                .MuiGrid-grid-lg-8 {
                    flex-grow: 0;
                    max-width: 66.666667%;
                    flex-basis: 66.666667%;
                }

                .MuiGrid-grid-lg-9 {
                    flex-grow: 0;
                    max-width: 75%;
                    flex-basis: 75%;
                }

                .MuiGrid-grid-lg-10 {
                    flex-grow: 0;
                    max-width: 83.333333%;
                    flex-basis: 83.333333%;
                }

                .MuiGrid-grid-lg-11 {
                    flex-grow: 0;
                    max-width: 91.666667%;
                    flex-basis: 91.666667%;
                }

                .MuiGrid-grid-lg-12 {
                    flex-grow: 0;
                    max-width: 100%;
                    flex-basis: 100%;
                }
            }

            @media (min-width: 1920px) {
                .MuiGrid-grid-xl-auto {
                    flex-grow: 0;
                    max-width: none;
                    flex-basis: auto;
                }

                .MuiGrid-grid-xl-true {
                    flex-grow: 1;
                    max-width: 100%;
                    flex-basis: 0;
                }

                .MuiGrid-grid-xl-1 {
                    flex-grow: 0;
                    max-width: 8.333333%;
                    flex-basis: 8.333333%;
                }

                .MuiGrid-grid-xl-2 {
                    flex-grow: 0;
                    max-width: 16.666667%;
                    flex-basis: 16.666667%;
                }

                .MuiGrid-grid-xl-3 {
                    flex-grow: 0;
                    max-width: 25%;
                    flex-basis: 25%;
                }

                .MuiGrid-grid-xl-4 {
                    flex-grow: 0;
                    max-width: 33.333333%;
                    flex-basis: 33.333333%;
                }

                .MuiGrid-grid-xl-5 {
                    flex-grow: 0;
                    max-width: 41.666667%;
                    flex-basis: 41.666667%;
                }

                .MuiGrid-grid-xl-6 {
                    flex-grow: 0;
                    max-width: 50%;
                    flex-basis: 50%;
                }

                .MuiGrid-grid-xl-7 {
                    flex-grow: 0;
                    max-width: 58.333333%;
                    flex-basis: 58.333333%;
                }

                .MuiGrid-grid-xl-8 {
                    flex-grow: 0;
                    max-width: 66.666667%;
                    flex-basis: 66.666667%;
                }

                .MuiGrid-grid-xl-9 {
                    flex-grow: 0;
                    max-width: 75%;
                    flex-basis: 75%;
                }

                .MuiGrid-grid-xl-10 {
                    flex-grow: 0;
                    max-width: 83.333333%;
                    flex-basis: 83.333333%;
                }

                .MuiGrid-grid-xl-11 {
                    flex-grow: 0;
                    max-width: 91.666667%;
                    flex-basis: 91.666667%;
                }

                .MuiGrid-grid-xl-12 {
                    flex-grow: 0;
                    max-width: 100%;
                    flex-basis: 100%;
                }
            }

            .MuiButtonBase-root {
                color: inherit;
                border: 0;
                cursor: pointer;
                margin: 0;
                display: inline-flex;
                outline: 0;
                padding: 0;
                position: relative;
                align-items: center;
                user-select: none;
                border-radius: 0;
                vertical-align: middle;
                -moz-appearance: none;
                justify-content: center;
                text-decoration: none;
                background-color: transparent;
                -webkit-appearance: none;
                -webkit-tap-highlight-color: transparent;
            }

            .MuiButtonBase-root::-moz-focus-inner {
                border-style: none;
            }

            .MuiButtonBase-root.Mui-disabled {
                cursor: default;
                pointer-events: none;
            }

            @media print {
                .MuiButtonBase-root {
                    color-adjust: exact;
                }
            }

            .MuiButton-root {
                color: rgba(0, 0, 0, 0.87);
                padding: 6px 16px;
                font-size: 1rem;
                min-width: 64px;
                box-sizing: border-box;
                transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                font-family: inherit;
                font-weight: 500;
                line-height: 1.75;
                border-radius: 4px;
                text-transform: uppercase;
            }

            .MuiButton-root:hover {
                text-decoration: none;
                background-color: rgba(0, 0, 0, 0.04);
            }

            .MuiButton-root.Mui-disabled {
                color: rgba(0, 0, 0, 0.26);
            }

            @media (hover: none) {
                .MuiButton-root:hover {
                    background-color: transparent;
                }
            }

            .MuiButton-root:hover.Mui-disabled {
                background-color: transparent;
            }

            .MuiButton-label {
                width: 100%;
                display: inherit;
                align-items: inherit;
                justify-content: inherit;
            }

            .MuiButton-text {
                padding: 6px 8px;
            }

            .MuiButton-textPrimary {
                color: #87ca4f;
            }

            .MuiButton-textPrimary:hover {
                background-color: rgba(135, 202, 79, 0.04);
            }

            @media (hover: none) {
                .MuiButton-textPrimary:hover {
                    background-color: transparent;
                }
            }

            .MuiButton-textSecondary {
                color: #f68921;
            }

            .MuiButton-textSecondary:hover {
                background-color: rgba(246, 137, 33, 0.04);
            }

            @media (hover: none) {
                .MuiButton-textSecondary:hover {
                    background-color: transparent;
                }
            }

            .MuiButton-outlined {
                border: 1px solid rgba(0, 0, 0, 0.23);
                padding: 5px 15px;
            }

            .MuiButton-outlined.Mui-disabled {
                border: 1px solid rgba(0, 0, 0, 0.12);
            }

            .MuiButton-outlinedPrimary {
                color: #87ca4f;
                border: 1px solid rgba(135, 202, 79, 0.5);
            }

            .MuiButton-outlinedPrimary:hover {
                border: 1px solid #87ca4f;
                background-color: rgba(135, 202, 79, 0.04);
            }

            @media (hover: none) {
                .MuiButton-outlinedPrimary:hover {
                    background-color: transparent;
                }
            }

            .MuiButton-outlinedSecondary {
                color: #f68921;
                border: 1px solid rgba(246, 137, 33, 0.5);
            }

            .MuiButton-outlinedSecondary:hover {
                border: 1px solid #f68921;
                background-color: rgba(246, 137, 33, 0.04);
            }

            .MuiButton-outlinedSecondary.Mui-disabled {
                border: 1px solid rgba(0, 0, 0, 0.26);
            }

            @media (hover: none) {
                .MuiButton-outlinedSecondary:hover {
                    background-color: transparent;
                }
            }

            .MuiButton-contained {
                color: rgba(0, 0, 0, 0.87);
                box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
                background-color: #e0e0e0;
            }

            .MuiButton-contained:hover {
                box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
                background-color: #d5d5d5;
            }

            .MuiButton-contained.Mui-focusVisible {
                box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
            }

            .MuiButton-contained:active {
                box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
            }

            .MuiButton-contained.Mui-disabled {
                color: rgba(0, 0, 0, 0.26);
                box-shadow: none;
                background-color: rgba(0, 0, 0, 0.12);
            }

            @media (hover: none) {
                .MuiButton-contained:hover {
                    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
                    background-color: #e0e0e0;
                }
            }

            .MuiButton-contained:hover.Mui-disabled {
                background-color: rgba(0, 0, 0, 0.12);
            }
            .MuiButton-containedAceite {
                color: #fff;
                background-color: rgb(223 205 11);
            }
            
            .MuiButton-containedAceite:hover {
                background-color: rgb(175, 161, 5);
            }
            
            @media (hover: none) {
                .MuiButton-containedAceite:hover {
                    background-color:  rgb(223 205 11);
                }
            }
            
            
            .MuiButton-containedBotellas {
                color: #fff;
                background-color: rgb(205 108 18);
            }
            
            .MuiButton-containedBotellas:hover {
                background-color: rgb(158, 81, 9);
            }
            
            @media (hover: none) {
                .MuiButton-containedBotellas:hover {
                    background-color:  rgb(205 108 18);
                }
            }
            
            .MuiButton-containedElectronico {
                color: #fff;
                background-color: #b41e2d
            }
            
            .MuiButton-containedElectronico:hover {
                background-color: #8d1622
            }
            
            @media (hover: none) {
                .MuiButton-containedElectronico:hover {
                    background-color:  #b41e2d
                }
            }
            
            .MuiButton-containedPapel {
                color: #fff;
                background-color: rgb(25 35 182);
            }
            
            .MuiButton-containedPapel:hover {
                background-color: rgb(14, 21, 128);
            }
            
            @media (hover: none) {
                .MuiButton-containedPapel:hover {
                    background-color:  rgb(25 35 182);
                }
            }
            
            .MuiButton-containedVidrios {
                color: #fff;
                background-color: rgb(110 147 74);
            }
            
            .MuiButton-containedVidrios:hover {
                background-color: rgb(80, 107, 53);
            }
            
            @media (hover: none) {
                .MuiButton-containedVidrios:hover {
                    background-color:  rgb(110 147 74);
                }
            }
            .MuiButton-containedPrimary {
                color: #fff;
                background-color: #87ca4f;
            }

            .MuiButton-containedPrimary:hover {
                background-color: rgb(94, 141, 55);
            }

            @media (hover: none) {
                .MuiButton-containedPrimary:hover {
                    background-color: #87ca4f;
                }
            }

            .MuiButton-containedSecondary {
                color: #fff;
                background-color: #f68921;
            }

            .MuiButton-containedSecondary:hover {
                background-color: rgb(172, 95, 23);
            }

            @media (hover: none) {
                .MuiButton-containedSecondary:hover {
                    background-color: #f68921;
                }
            }

            .MuiButton-disableElevation {
                box-shadow: none;
            }

            .MuiButton-disableElevation:hover {
                box-shadow: none;
            }

            .MuiButton-disableElevation.Mui-focusVisible {
                box-shadow: none;
            }

            .MuiButton-disableElevation:active {
                box-shadow: none;
            }

            .MuiButton-disableElevation.Mui-disabled {
                box-shadow: none;
            }

            .MuiButton-colorInherit {
                color: inherit;
                border-color: currentColor;
            }

            .MuiButton-textSizeSmall {
                padding: 4px 5px;
                font-size: 0.9285714285714285rem;
            }

            .MuiButton-textSizeLarge {
                padding: 8px 11px;
                font-size: 1.0714285714285714rem;
            }

            .MuiButton-outlinedSizeSmall {
                padding: 3px 9px;
                font-size: 0.9285714285714285rem;
            }

            .MuiButton-outlinedSizeLarge {
                padding: 7px 21px;
                font-size: 1.0714285714285714rem;
            }

            .MuiButton-containedSizeSmall {
                padding: 4px 10px;
                font-size: 0.9285714285714285rem;
            }

            .MuiButton-containedSizeLarge {
                padding: 8px 22px;
                font-size: 1.0714285714285714rem;
            }

            .MuiButton-fullWidth {
                width: 100%;
            }

            .MuiButton-startIcon {
                display: inherit;
                margin-left: -4px;
                margin-right: 8px;
            }

            .MuiButton-startIcon.MuiButton-iconSizeSmall {
                margin-left: -2px;
            }

            .MuiButton-endIcon {
                display: inherit;
                margin-left: 8px;
                margin-right: -4px;
            }

            .MuiButton-endIcon.MuiButton-iconSizeSmall {
                margin-right: -2px;
            }

            .MuiButton-iconSizeSmall > *:first-child {
                font-size: 18px;
            }

            .MuiButton-iconSizeMedium > *:first-child {
                font-size: 20px;
            }

            .MuiButton-iconSizeLarge > *:first-child {
                font-size: 22px;
            }

            .MuiTypography-root {
                margin: 0;
            }

            .MuiTypography-body2 {
                font-size: 1rem;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.43;
            }

            .MuiTypography-body1 {
                font-size: 1.1428571428571428rem;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.5;
            }

            .MuiTypography-caption {
                font-size: 0.8571428571428571rem;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.66;
            }

            .MuiTypography-button {
                font-size: 1rem;
                font-family: inherit;
                font-weight: 500;
                line-height: 1.75;
                text-transform: uppercase;
            }

            .MuiTypography-h1 {
                color: #87ca4f;
                padding: 16px 0px;
                font-size: 26px;
                font-family: inherit;
                font-weight: 300;
                line-height: 1.167;
            }

            @media (max-width: 768px) {
                .MuiTypography-h1 {
                    font-size: 18px;
                }
            }

            .MuiTypography-h2 {
                color: #87ca4f;
                display: inline-block;
                padding: 16px 0px;
                font-size: 24px;
                font-family: inherit;
                font-weight: 300;
                line-height: 1.2;
            }

            .MuiTypography-h2::before {
                color: #ffffff00;
                width: 25px;
                content: "*";
                display: inline-block;
                margin-left: 5px;
                text-shadow: 0 0 0 #ffffff00;
                margin-right: 10px;
                background-size: contain;
                background-image: url(img/icon/c2g-css-ico.png);
                background-repeat: no-repeat;
                background-position: center;
            }

            .MuiTypography-h2::after {
                color: #ffffff00;
                width: 100%;
                height: 2px;
                content: "*";
                display: block;
                background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, #87ca4f 50%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);
                margin-top: 5px;
                text-shadow: 0 0 0 #ffffff00;
            }

            .MuiTypography-h3 {
                color: #87ca4f;
                padding: 16px 0px;
                font-size: 22px;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.167;
            }

            .MuiTypography-h3::after {
                color: #ffffff00;
                width: 100%;
                height: 1px;
                content: "*";
                display: block;
                margin-top: 5px;
                text-shadow: 0 0 0 #ffffff00;
            }

            .MuiTypography-h4 {
                color: #87ca4f;
                padding: 16px 0px;
                font-size: 20px;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.235;
            }

            .MuiTypography-h5 {
                color: #87ca4f;
                padding: 16px 0px;
                font-size: 18px;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.334;
            }

            .MuiTypography-h6 {
                color: #87ca4f;
                padding: 16px 0px;
                font-size: 16px;
                font-family: inherit;
                font-weight: 500;
                line-height: 1.6;
            }

            .MuiTypography-subtitle1 {
                font-size: 1.1428571428571428rem;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.75;
            }

            .MuiTypography-subtitle2 {
                font-size: 1rem;
                font-family: inherit;
                font-weight: 500;
                line-height: 1.57;
            }

            .MuiTypography-overline {
                font-size: 0.8571428571428571rem;
                font-family: inherit;
                font-weight: 400;
                line-height: 2.66;
                text-transform: uppercase;
            }

            .MuiTypography-srOnly {
                width: 1px;
                height: 1px;
                overflow: hidden;
                position: absolute;
            }

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

            .MuiTypography-alignCenter {
                text-align: center;
            }

            .MuiTypography-alignRight {
                text-align: right;
            }

            .MuiTypography-alignJustify {
                text-align: justify;
            }

            .MuiTypography-noWrap {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .MuiTypography-gutterBottom {
                margin-bottom: 0.35em;
            }

            .MuiTypography-paragraph {
                margin-bottom: 16px;
            }

            .MuiTypography-colorInherit {
                color: inherit;
            }

            .MuiTypography-colorPrimary {
                color: #87ca4f;
            }

            .MuiTypography-colorSecondary {
                color: #f68921;
            }

            .MuiTypography-colorTextPrimary {
                color: rgba(0, 0, 0, 0.87);
            }

            .MuiTypography-colorTextSecondary {
                color: rgba(0, 0, 0, 0.54);
            }

            .MuiTypography-colorError {
                color: #f44336;
            }

            .MuiTypography-displayInline {
                display: inline;
            }

            .MuiTypography-displayBlock {
                display: block;
            }

            .MuiTypography-root {
                margin: 0;
            }

            .MuiTypography-body2 {
                font-size: 1rem;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.43;
            }

            .MuiTypography-body1 {
                font-size: 1.1428571428571428rem;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.5;
            }

            .MuiTypography-caption {
                font-size: 0.8571428571428571rem;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.66;
            }

            .MuiTypography-button {
                font-size: 1rem;
                font-family: inherit;
                font-weight: 500;
                line-height: 1.75;
                text-transform: uppercase;
            }

            .MuiTypography-h1 {
                color: #87ca4f;
                padding: 16px 0px;
                font-size: 26px;
                font-family: inherit;
                font-weight: 300;
                line-height: 1.167;
            }

            @media (max-width: 768px) {
                .MuiTypography-h1 {
                    font-size: 18px;
                }
            }

            .MuiTypography-h2 {
                color: #87ca4f;
                display: inline-block;
                padding: 16px 0px;
                font-size: 24px;
                font-family: inherit;
                font-weight: 300;
                line-height: 1.2;
            }

            .MuiTypography-h2::before {
                color: #ffffff00;
                width: 25px;
                content: "*";
                display: inline-block;
                margin-left: 5px;
                text-shadow: 0 0 0 #ffffff00;
                margin-right: 10px;
                background-size: contain;
                background-image: url(img/icon/c2g-css-ico.png);
                background-repeat: no-repeat;
                background-position: center;
            }

            .MuiTypography-h2::after {
                color: #ffffff00;
                width: 100%;
                height: 2px;
                content: "*";
                display: block;
                background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, #87ca4f 50%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);
                margin-top: 5px;
                text-shadow: 0 0 0 #ffffff00;
            }

            .MuiTypography-h3 {
                color: #87ca4f;
                padding: 16px 0px;
                font-size: 22px;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.167;
            }

            .MuiTypography-h3::after {
                color: #ffffff00;
                width: 100%;
                height: 1px;
                content: "*";
                display: block;
                margin-top: 5px;
                text-shadow: 0 0 0 #ffffff00;
            }

            .MuiTypography-h4 {
                color: #87ca4f;
                padding: 16px 0px;
                font-size: 20px;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.235;
            }

            .MuiTypography-h5 {
                color: #87ca4f;
                padding: 16px 0px;
                font-size: 18px;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.334;
            }

            .MuiTypography-h6 {
                color: #87ca4f;
                padding: 16px 0px;
                font-size: 16px;
                font-family: inherit;
                font-weight: 500;
                line-height: 1.6;
            }

            .MuiTypography-subtitle1 {
                font-size: 1.1428571428571428rem;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.75;
            }

            .MuiTypography-subtitle2 {
                font-size: 1rem;
                font-family: inherit;
                font-weight: 500;
                line-height: 1.57;
            }

            .MuiTypography-overline {
                font-size: 0.8571428571428571rem;
                font-family: inherit;
                font-weight: 400;
                line-height: 2.66;
                text-transform: uppercase;
            }

            .MuiTypography-srOnly {
                width: 1px;
                height: 1px;
                overflow: hidden;
                position: absolute;
            }

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

            .MuiTypography-alignCenter {
                text-align: center;
            }

            .MuiTypography-alignRight {
                text-align: right;
            }

            .MuiTypography-alignJustify {
                text-align: justify;
            }

            .MuiTypography-noWrap {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .MuiTypography-gutterBottom {
                margin-bottom: 0.35em;
            }

            .MuiTypography-paragraph {
                margin-bottom: 16px;
            }

            .MuiTypography-colorInherit {
                color: inherit;
            }

            .MuiTypography-colorPrimary {
                color: #87ca4f;
            }

            .MuiTypography-colorSecondary {
                color: #f68921;
            }

            .MuiTypography-colorTextPrimary {
                color: rgba(0, 0, 0, 0.87);
            }

            .MuiTypography-colorTextSecondary {
                color: rgba(0, 0, 0, 0.54);
            }

            .MuiTypography-colorError {
                color: #f44336;
            }

            .MuiTypography-displayInline {
                display: inline;
            }

            .MuiTypography-displayBlock {
                display: block;
            }

            .MuiSvgIcon-root {
                fill: currentColor;
                width: 1em;
                height: 1em;
                display: inline-block;
                font-size: 1.7142857142857142rem;
                transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                flex-shrink: 0;
                user-select: none;
            }

            .MuiSvgIcon-colorPrimary {
                color: #87ca4f;
            }

            .MuiSvgIcon-colorSecondary {
                color: #f68921;
            }

            .MuiSvgIcon-colorAction {
                color: rgba(0, 0, 0, 0.54);
            }

            .MuiSvgIcon-colorError {
                color: #f44336;
            }

            .MuiSvgIcon-colorDisabled {
                color: rgba(0, 0, 0, 0.26);
            }

            .MuiSvgIcon-fontSizeInherit {
                font-size: inherit;
            }

            .MuiSvgIcon-fontSizeSmall {
                font-size: 1.4285714285714284rem;
            }

            .MuiSvgIcon-fontSizeLarge {
                font-size: 2.5rem;
            }

            .jss104 {
                color: #3b5998;
            }

            .jss105 {
                color: #C32AA3;
            }

            .jss106 {
                color: #1DA1F2;
            }

            .jss107 {
                color: #007BB5;
            }

            .jss108 {
                color: #FF0000;
            }

            .jss99kike {
                color: #fff;
            }

            .jss100 {
                color: #fff;
                box-shadow: 0px 0px 7px 0px #87ca4f;
                background-color: #87ca4f;
            }

            .jss101 {
                color: #fff;
                padding: 16px;
                background-color: #464748;
            }

            .jss102 {
                color: #fff;
                font-weight: bold;
            }

            .jss103 {
                margin-top: 18px;
                margin-bottom: 18px;
            }

            .MuiPaper-root {
                color: rgba(0, 0, 0, 0.87);
                transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                background-color: #fff;
            }

            .MuiPaper-rounded {
                border-radius: 4px;
            }

            .MuiPaper-outlined {
                border: 1px solid rgba(0, 0, 0, 0.12);
            }

            .MuiPaper-elevation0 {
                box-shadow: none;
            }

            .MuiPaper-elevation1 {
                box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation2 {
                box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation3 {
                box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation4 {
                box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation5 {
                box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation6 {
                box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation7 {
                box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation8 {
                box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation9 {
                box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation10 {
                box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation11 {
                box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation12 {
                box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation13 {
                box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation14 {
                box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation15 {
                box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation16 {
                box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation17 {
                box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation18 {
                box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation19 {
                box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation20 {
                box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation21 {
                box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation22 {
                box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation23 {
                box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation24 {
                box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
            }

            .MuiAppBar-root {
                width: 100%;
                display: flex;
                z-index: 1100;
                box-sizing: border-box;
                flex-shrink: 0;
                flex-direction: column;
            }

            .MuiAppBar-positionFixed {
                top: 0;
                left: auto;
                right: 0;
                position: fixed;
            }

            @media print {
                .MuiAppBar-positionFixed {
                    position: absolute;
                }
            }

            .MuiAppBar-positionAbsolute {
                top: 0;
                left: auto;
                right: 0;
                position: absolute;
            }

            .MuiAppBar-positionSticky {
                top: 0;
                left: auto;
                right: 0;
                position: sticky;
            }

            .MuiAppBar-positionStatic {
                position: static;
            }

            .MuiAppBar-positionRelative {
                position: relative;
            }

            .MuiAppBar-colorDefault {
                color: rgba(0, 0, 0, 0.87);
                background-color: #f5f5f5;
            }

            .MuiAppBar-colorPrimary {
                color: #fff;
                background-color: #87ca4f;
            }

            .MuiAppBar-colorSecondary {
                color: #fff;
                background-color: #f68921;
            }

            .MuiAppBar-colorInherit {
                color: inherit;
            }

            .MuiAppBar-colorTransparent {
                color: inherit;
                background-color: transparent;
            }

            .MuiToolbar-root {
                display: flex;
                position: relative;
                align-items: center;
            }

            .MuiToolbar-gutters {
                padding-left: 2px;
                padding-right: 2px;
            }

            @media (min-width: 600px) {
                .MuiToolbar-gutters {
                    padding-left: 3px;
                    padding-right: 3px;
                }
            }

            .MuiToolbar-regular {
                min-height: 56px;
            }

            @media (min-width: 0px) and (orientation: landscape) {
                .MuiToolbar-regular {
                    min-height: 48px;
                }
            }

            @media (min-width: 600px) {
                .MuiToolbar-regular {
                    min-height: 64px;
                }
            }

            .MuiToolbar-dense {
                min-height: 48px;
            }

            @media (min-width: 0px) and (max-width:599.95px) {
                .jss18 {
                    display: none;
                }
            }

            @media (min-width: 0px) {
                .jss19 {
                    display: none;
                }
            }

            @media (max-width: 599.95px) {
                .jss20 {
                    display: none;
                }
            }

            @media (min-width: 600px) and (max-width:959.95px) {
                .jss21 {
                    display: none;
                }
            }

            @media (min-width: 600px) {
                .jss22 {
                    display: none;
                }
            }

            @media (max-width: 959.95px) {
                .jss23 {
                    display: none;
                }
            }

            @media (min-width: 960px) and (max-width:1279.95px) {
                .jss24 {
                    display: none;
                }
            }

            @media (min-width: 960px) {
                .jss25 {
                    display: none;
                }
            }

            @media (max-width: 1279.95px) {
                .jss26 {
                    display: none;
                }
            }

            @media (min-width: 1280px) and (max-width:1919.95px) {
                .jss27 {
                    display: none;
                }
            }

            @media (min-width: 1280px) {
                .jss28 {
                    display: none;
                }
            }

            @media (max-width: 1919.95px) {
                .jss29 {
                    display: none;
                }
            }

            @media (min-width: 1920px) {
                .jss30 {
                    display: none;
                }
            }

            @media (min-width: 1920px) {
                .jss31 {
                    display: none;
                }
            }

            @media (min-width: 0px) {
                .jss32 {
                    display: none;
                }
            }

            .MuiList-root {
                margin: 0;
                padding: 0;
                position: relative;
                list-style: none;
            }

            .MuiList-padding {
                padding-top: 8px;
                padding-bottom: 8px;
            }

            .MuiList-subheader {
                padding-top: 0;
            }

            .MuiListItem-root {
                width: 100%;
                display: flex;
                position: relative;
                box-sizing: border-box;
                text-align: left;
                align-items: center;
                padding-top: 8px;
                padding-bottom: 8px;
                justify-content: flex-start;
                text-decoration: none;
            }

            .MuiListItem-root.Mui-focusVisible {
                background-color: rgba(0, 0, 0, 0.08);
            }

            .MuiListItem-root.Mui-selected, .MuiListItem-root.Mui-selected:hover {
                background-color: rgba(0, 0, 0, 0.08);
            }

            .MuiListItem-root.Mui-disabled {
                opacity: 0.5;
            }

            .MuiListItem-container {
                position: relative;
            }

            .MuiListItem-dense {
                padding-top: 4px;
                padding-bottom: 4px;
            }

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

            .MuiListItem-divider {
                border-bottom: 1px solid rgba(0, 0, 0, 0.12);
                background-clip: padding-box;
            }

            .MuiListItem-gutters {
                padding-left: 16px;
                padding-right: 16px;
            }

            .MuiListItem-button {
                transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            }

            .MuiListItem-button:hover {
                text-decoration: none;
                background-color: rgba(0, 0, 0, 0.04);
            }

            @media (hover: none) {
                .MuiListItem-button:hover {
                    background-color: transparent;
                }
            }

            .MuiListItem-secondaryAction {
                padding-right: 48px;
            }

            .MuiIcon-root {
                width: 1em;
                height: 1em;
                overflow: hidden;
                font-size: 1.7142857142857142rem;
                flex-shrink: 0;
                user-select: none;
            }

            .MuiIcon-colorPrimary {
                color: #87ca4f;
            }

            .MuiIcon-colorSecondary {
                color: #f68921;
            }

            .MuiIcon-colorAction {
                color: rgba(0, 0, 0, 0.54);
            }

            .MuiIcon-colorError {
                color: #f44336;
            }

            .MuiIcon-colorDisabled {
                color: rgba(0, 0, 0, 0.26);
            }

            .MuiIcon-fontSizeInherit {
                font-size: inherit;
            }

            .MuiIcon-fontSizeSmall {
                font-size: 1.4285714285714284rem;
            }

            .MuiIcon-fontSizeLarge {
                font-size: 2.571428571428571rem;
            }

            .MuiButtonBase-root {
                color: inherit;
                border: 0;
                cursor: pointer;
                margin: 0;
                display: inline-flex;
                outline: 0;
                padding: 0;
                position: relative;
                align-items: center;
                user-select: none;
                border-radius: 0;
                vertical-align: middle;
                -moz-appearance: none;
                justify-content: center;
                text-decoration: none;
                background-color: transparent;
                -webkit-appearance: none;
                -webkit-tap-highlight-color: transparent;
            }

            .MuiButtonBase-root::-moz-focus-inner {
                border-style: none;
            }

            .MuiButtonBase-root.Mui-disabled {
                cursor: default;
                pointer-events: none;
            }

            @media print {
                .MuiButtonBase-root {
                    color-adjust: exact;
                }
            }

            .MuiButton-root {
                color: rgba(0, 0, 0, 0.87);
                padding: 6px 16px;
                font-size: 1rem;
                min-width: 64px;
                box-sizing: border-box;
                transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                font-family: inherit;
                font-weight: 500;
                line-height: 1.75;
                border-radius: 4px;
                text-transform: uppercase;
            }

            .MuiButton-root:hover {
                text-decoration: none;
                background-color: rgba(0, 0, 0, 0.04);
            }

            .MuiButton-root.Mui-disabled {
                color: rgba(0, 0, 0, 0.26);
            }

            @media (hover: none) {
                .MuiButton-root:hover {
                    background-color: transparent;
                }
            }

            .MuiButton-root:hover.Mui-disabled {
                background-color: transparent;
            }

            .MuiButton-label {
                width: 100%;
                display: inherit;
                align-items: inherit;
                justify-content: inherit;
            }

            .MuiButton-text {
                padding: 6px 8px;
            }

            .MuiButton-textPrimary {
                color: #87ca4f;
            }

            .MuiButton-textPrimary:hover {
                background-color: rgba(135, 202, 79, 0.04);
            }

            @media (hover: none) {
                .MuiButton-textPrimary:hover {
                    background-color: transparent;
                }
            }

            .MuiButton-textSecondary {
                color: #f68921;
            }

            .MuiButton-textSecondary:hover {
                background-color: rgba(246, 137, 33, 0.04);
            }

            @media (hover: none) {
                .MuiButton-textSecondary:hover {
                    background-color: transparent;
                }
            }

            .MuiButton-outlined {
                border: 1px solid rgba(0, 0, 0, 0.23);
                padding: 5px 15px;
            }

            .MuiButton-outlined.Mui-disabled {
                border: 1px solid rgba(0, 0, 0, 0.12);
            }

            .MuiButton-outlinedPrimary {
                color: #87ca4f;
                border: 1px solid rgba(135, 202, 79, 0.5);
            }

            .MuiButton-outlinedPrimary:hover {
                border: 1px solid #87ca4f;
                background-color: rgba(135, 202, 79, 0.04);
            }

            @media (hover: none) {
                .MuiButton-outlinedPrimary:hover {
                    background-color: transparent;
                }
            }

            .MuiButton-outlinedSecondary {
                color: #f68921;
                border: 1px solid rgba(246, 137, 33, 0.5);
            }

            .MuiButton-outlinedSecondary:hover {
                border: 1px solid #f68921;
                background-color: rgba(246, 137, 33, 0.04);
            }

            .MuiButton-outlinedSecondary.Mui-disabled {
                border: 1px solid rgba(0, 0, 0, 0.26);
            }

            @media (hover: none) {
                .MuiButton-outlinedSecondary:hover {
                    background-color: transparent;
                }
            }

            .MuiButton-contained {
                color: rgba(0, 0, 0, 0.87);
                box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
                background-color: #e0e0e0;
            }

            .MuiButton-contained:hover {
                box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
                background-color: #d5d5d5;
            }

            .MuiButton-contained.Mui-focusVisible {
                box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
            }

            .MuiButton-contained:active {
                box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
            }

            .MuiButton-contained.Mui-disabled {
                color: rgba(0, 0, 0, 0.26);
                box-shadow: none;
                background-color: rgba(0, 0, 0, 0.12);
            }

            @media (hover: none) {
                .MuiButton-contained:hover {
                    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
                    background-color: #e0e0e0;
                }
            }

            .MuiButton-contained:hover.Mui-disabled {
                background-color: rgba(0, 0, 0, 0.12);
            }
            .MuiButton-containedAceite {
                color: #fff;
                background-color: rgb(223 205 11);
            }
            
            .MuiButton-containedAceite:hover {
                background-color: rgb(175, 161, 5);
            }
            
            @media (hover: none) {
                .MuiButton-containedAceite:hover {
                    background-color:  rgb(223 205 11);
                }
            }
            
            
            .MuiButton-containedBotellas {
                color: #fff;
                background-color: rgb(205 108 18);
            }
            
            .MuiButton-containedBotellas:hover {
                background-color: rgb(158, 81, 9);
            }
            
            @media (hover: none) {
                .MuiButton-containedBotellas:hover {
                    background-color:  rgb(205 108 18);
                }
            }
            
            .MuiButton-containedElectronico {
                color: #fff;
                background-color: #b41e2d
            }
            
            .MuiButton-containedElectronico:hover {
                background-color: #8d1622
            }
            
            @media (hover: none) {
                .MuiButton-containedElectronico:hover {
                    background-color:  #b41e2d
                }
            }
            
            .MuiButton-containedPapel {
                color: #fff;
                background-color: rgb(25 35 182);
            }
            
            .MuiButton-containedPapel:hover {
                background-color: rgb(14, 21, 128);
            }
            
            @media (hover: none) {
                .MuiButton-containedPapel:hover {
                    background-color:  rgb(25 35 182);
                }
            }
            
            .MuiButton-containedVidrios {
                color: #fff;
                background-color: rgb(110 147 74);
            }
            
            .MuiButton-containedVidrios:hover {
                background-color: rgb(80, 107, 53);
            }
            
            @media (hover: none) {
                .MuiButton-containedVidrios:hover {
                    background-color:  rgb(110 147 74);
                }
            }

            .MuiButton-containedPrimary {
                color: #fff;
                background-color: #87ca4f;
            }

            .MuiButton-containedPrimary:hover {
                background-color: rgb(94, 141, 55);
            }

            @media (hover: none) {
                .MuiButton-containedPrimary:hover {
                    background-color: #87ca4f;
                }
            }

            .MuiButton-containedSecondary {
                color: #fff;
                background-color: #f68921;
            }

            .MuiButton-containedSecondary:hover {
                background-color: rgb(172, 95, 23);
            }

            @media (hover: none) {
                .MuiButton-containedSecondary:hover {
                    background-color: #f68921;
                }
            }

            .MuiButton-disableElevation {
                box-shadow: none;
            }

            .MuiButton-disableElevation:hover {
                box-shadow: none;
            }

            .MuiButton-disableElevation.Mui-focusVisible {
                box-shadow: none;
            }

            .MuiButton-disableElevation:active {
                box-shadow: none;
            }

            .MuiButton-disableElevation.Mui-disabled {
                box-shadow: none;
            }

            .MuiButton-colorInherit {
                color: inherit;
                border-color: currentColor;
            }

            .MuiButton-textSizeSmall {
                padding: 4px 5px;
                font-size: 0.9285714285714285rem;
            }

            .MuiButton-textSizeLarge {
                padding: 8px 11px;
                font-size: 1.0714285714285714rem;
            }

            .MuiButton-outlinedSizeSmall {
                padding: 3px 9px;
                font-size: 0.9285714285714285rem;
            }

            .MuiButton-outlinedSizeLarge {
                padding: 7px 21px;
                font-size: 1.0714285714285714rem;
            }

            .MuiButton-containedSizeSmall {
                padding: 4px 10px;
                font-size: 0.9285714285714285rem;
            }

            .MuiButton-containedSizeLarge {
                padding: 8px 22px;
                font-size: 1.0714285714285714rem;
            }

            .MuiButton-fullWidth {
                width: 100%;
            }

            .MuiButton-startIcon {
                display: inherit;
                margin-left: -4px;
                margin-right: 8px;
            }

            .MuiButton-startIcon.MuiButton-iconSizeSmall {
                margin-left: -2px;
            }

            .MuiButton-endIcon {
                display: inherit;
                margin-left: 8px;
                margin-right: -4px;
            }

            .MuiButton-endIcon.MuiButton-iconSizeSmall {
                margin-right: -2px;
            }

            .MuiButton-iconSizeSmall > *:first-child {
                font-size: 18px;
            }

            .MuiButton-iconSizeMedium > *:first-child {
                font-size: 20px;
            }

            .MuiButton-iconSizeLarge > *:first-child {
                font-size: 22px;
            }

            .jss39 {
                color: #FFFFFF;
                border: none;
                cursor: pointer;
                margin: .3125rem 1px;
                padding: 12px 30px;
                position: relative;
                font-size: 12px;
                min-width: auto;
                box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
                min-height: auto;
                text-align: center;
                transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
                font-weight: 400;
                line-height: 1.42857143;
                white-space: nowrap;
                will-change: box-shadow, transform;
                touch-action: manipulation;
                border-radius: 3px;
                letter-spacing: 0;
                text-transform: uppercase;
                vertical-align: middle;
                background-color: #999999;
            }

            .jss39:hover, .jss39:focus {
                color: #FFFFFF;
                box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
                background-color: #999999;
            }

            .jss39 .fab, .jss39 .fas, .jss39 .far, .jss39 .fal, .jss39 .material-icons {
                top: 0;
                display: inline-block;
                position: relative;
                font-size: 1.1rem;
                margin-right: 4px;
                vertical-align: middle;
            }

            .jss39 svg {
                top: 0;
                width: 18px;
                height: 18px;
                display: inline-block;
                position: relative;
                margin-right: 4px;
                vertical-align: middle;
            }

            .jss39.jss60 .fab, .jss39.jss60 .fas, .jss39.jss60 .far, .jss39.jss60 .fal, .jss39.jss60 .material-icons {
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                position: absolute;
                font-size: 20px;
                transform: none;
                line-height: 41px;
                margin-right: 0px;
            }

            .jss40 {
                width: 100%;
            }

            .jss41 {
                box-shadow: 0 2px 2px 0 rgba(135,202,79,0.14), 0 3px 1px -2px rgba(135,202,79,0.2), 0 1px 5px 0 rgba(135,202,79,0.12);
                background-color: #87ca4f;
            }

            .jss41:hover, .jss41:focus {
                box-shadow: 0 14px 26px -12px rgba(135,202,79,0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(135,202,79,0.2);
                background-color: #87ca4f;
            }

            .jss42 {
                box-shadow: 0 2px 2px 0 rgba(0,172,193,0.14), 0 3px 1px -2px rgba(0,172,193,0.2), 0 1px 5px 0 rgba(0,172,193,0.12);
                background-color: #00acc1;
            }

            .jss42:hover, .jss42:focus {
                box-shadow: 0 14px 26px -12px rgba(0,172,193,0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0,172,193,0.2);
                background-color: #00acc1;
            }

            .jss43 {
                box-shadow: 0 2px 2px 0 rgba(76,175,80,0.14), 0 3px 1px -2px rgba(76,175,80,0.2), 0 1px 5px 0 rgba(76,175,80,0.12);
                background-color: #4caf50;
            }

            .jss43:hover, .jss43:focus {
                box-shadow: 0 14px 26px -12px rgba(76,175,80,0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76,175,80,0.2);
                background-color: #4caf50;
            }

            .jss44 {
                box-shadow: 0 2px 2px 0 rgba(80,188,184,0.14), 0 3px 1px -2px rgba(80,188,184,0.2), 0 1px 5px 0 rgba(80,188,184,0.12);
                background-color: #50bcb8;
            }

            .jss44:hover, .jss44:focus {
                box-shadow: 0 14px 26px -12px rgba(80,188,184,0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(80,188,184,0.2);
                background-color: #50bcb8;
            }

            .jss45 {
                box-shadow: 0 2px 2px 0 rgba(244,67,54,0.14), 0 3px 1px -2px rgba(244,67,54,0.2), 0 1px 5px 0 rgba(244,67,54,0.12);
                background-color: #f44336;
            }

            .jss45:hover, .jss45:focus {
                box-shadow: 0 14px 26px -12px rgba(244,67,54,0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244,67,54,0.2);
                background-color: #f44336;
            }

            .jss46 {
                box-shadow: 0 2px 2px 0 rgba(135,202,79,0.14), 0 3px 1px -2px rgba(135,202,79,0.2), 0 1px 5px 0 rgba(135,202,79,0.12);
                background-color: #e91e63;
            }

            .jss46:hover, .jss46:focus {
                box-shadow: 0 14px 26px -12px rgba(135,202,79,0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(135,202,79,0.2);
                background-color: #e91e63;
            }

            .jss47, .jss47:focus, .jss47:hover, .jss47:visited {
                color: #999999;
                background-color: #FFFFFF;
            }

            .jss48 {
                color: #fff;
                box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
                background-color: #55acee;
            }

            .jss48:hover, .jss48:focus, .jss48:visited {
                color: #fff;
                box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
                background-color: #55acee;
            }

            .jss49 {
                color: #fff;
                box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
                background-color: #3b5998;
            }

            .jss49:hover, .jss49:focus {
                color: #fff;
                box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
                background-color: #3b5998;
            }

            .jss50 {
                color: #fff;
                box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
                background-color: #dd4b39;
            }

            .jss50:hover, .jss50:focus {
                color: #fff;
                box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
                background-color: #dd4b39;
            }

            .jss51 {
                color: #fff;
                box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
                background-color: #333333;
            }

            .jss51:hover, .jss51:focus {
                color: #fff;
                box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
                background-color: #333333;
            }

            .jss52, .jss52:focus, .jss52:hover, .jss52:visited {
                color: #FFFFFF;
                background: transparent;
                box-shadow: none;
            }

            .jss52.jss51, .jss52.jss51:focus, .jss52.jss51:hover, .jss52.jss51:visited {
                color: #333333;
            }

            .jss52.jss50, .jss52.jss50:focus, .jss52.jss50:hover, .jss52.jss50:visited {
                color: #dd4b39;
            }

            .jss52.jss49, .jss52.jss49:focus, .jss52.jss49:hover, .jss52.jss49:visited {
                color: #3b5998;
            }

            .jss52.jss48, .jss52.jss48:focus, .jss52.jss48:hover, .jss52.jss48:visited {
                color: #55acee;
            }

            .jss52.jss45, .jss52.jss45:focus, .jss52.jss45:hover, .jss52.jss45:visited {
                color: #f44336;
            }

            .jss52.jss46, .jss52.jss46:focus, .jss52.jss46:hover, .jss52.jss46:visited {
                color: #e91e63;
            }

            .jss52.jss44, .jss52.jss44:focus, .jss52.jss44:hover, .jss52.jss44:visited {
                color: #50bcb8;
            }

            .jss52.jss43, .jss52.jss43:focus, .jss52.jss43:hover, .jss52.jss43:visited {
                color: #4caf50;
            }

            .jss52.jss42, .jss52.jss42:focus, .jss52.jss42:hover, .jss52.jss42:visited {
                color: #00acc1;
            }

            .jss52.jss41, .jss52.jss41:focus, .jss52.jss41:hover, .jss52.jss41:visited {
                color: #87ca4f;
            }

            .jss53, .jss53:focus, .jss53:hover, .jss53:visited {
                color: inherit;
                background: transparent;
                box-shadow: none;
            }

            .jss54 {
                opacity: 0.65;
                pointer-events: none;
            }

            .jss55 {
                padding: 1.125rem 2.25rem;
                font-size: 0.875rem;
                line-height: 1.333333;
                border-radius: 0.2rem;
            }

            .jss56 {
                padding: 0.40625rem 1.25rem;
                font-size: 0.6875rem;
                line-height: 1.5;
                border-radius: 0.2rem;
            }

            .jss57 {
                border-radius: 30px;
            }

            .jss58 {
                width: 100% !important;
            }

            .jss59, .jss59:hover, .jss59:focus {
                color: #999999;
                box-shadow: none;
                background-color: transparent;
            }

            .jss60 {
                width: 41px;
                height: 41px;
                font-size: 20px;
                min-width: 41px;
                padding-left: 12px;
                padding-right: 12px;
            }

            .jss60 .fab, .jss60 .fas, .jss60 .far, .jss60 .fal, .jss60 svg, .jss60 .material-icons {
                margin-right: 0px;
            }

            .jss60.jss55 {
                width: 57px;
                height: 57px;
                min-width: 57px;
                line-height: 56px;
            }

            .jss60.jss56 {
                width: 30px;
                height: 30px;
                min-width: 30px;
            }

            .jss60.jss56 .fab, .jss60.jss56 .fas, .jss60.jss56 .far, .jss60.jss56 .fal, .jss60.jss56 .material-icons {
                font-size: 17px;
                line-height: 29px;
            }

            .jss60.jss56 svg {
                width: 17px;
                height: 17px;
            }

            .jss60.jss55 .fab, .jss60.jss55 .fas, .jss60.jss55 .far, .jss60.jss55 .fal, .jss60.jss55 .material-icons {
                font-size: 32px;
                line-height: 56px;
            }

            .jss60.jss55 svg {
                width: 32px;
                height: 32px;
            }

            .jss61 {
                pointer-events: none;
            }

            @media (max-width: 959.95px) {
                .jss62 {
                    top: unset !important;
                    left: unset !important;
                    position: static !important;
                    transform: none !important;
                    will-change: none !important;
                }

                .jss62 > div {
                    padding: 0px !important;
                    box-shadow: none !important;
                    margin-top: 0px !important;
                    transition: none !important;
                    margin-left: 1.5rem;
                    margin-right: 1.5rem;
                    margin-bottom: 5px !important;
                }
            }

            .jss63 {
                top: 100%;
                border: 0;
                margin: 2px 0 0;
                padding: 5px 0;
                z-index: 1000;
                font-size: 14px;
                min-width: 160px;
                box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
                list-style: none;
                text-align: left;
                border-radius: 3px;
                background-clip: padding-box;
                background-color: #fff;
            }

            .jss64 {
                padding: 0;
            }

            .jss65 {
                z-index: 1200;
                position: absolute !important;
            }

            @media (max-width: 959.95px) {
                .jss65 {
                    color: black;
                    float: none;
                    width: auto;
                    border: 0;
                    z-index: 1640;
                    position: static !important;
                    box-shadow: none;
                    margin-top: 0;
                    background-color: transparent;
                }
            }

            .jss66 {
                clear: both;
                color: #333;
                height: fit-content;
                margin: 0 5px;
                display: block;
                padding: 10px 20px;
                position: relative;
                font-size: 16px;
                min-height: unset;
                transition: all 150ms linear;
                font-weight: 400;
                line-height: 1.5em;
                white-space: nowrap;
                border-radius: 2px;
            }

            .jss67:hover {
                color: #fff;
                box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4);
                background-color: #212121;
            }

            .jss68:hover {
                color: #FFFFFF;
                box-shadow: 0 12px 20px -10px rgba(135,202,79,0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(135,202,79,0.2);
                background-color: #87ca4f;
            }

            .jss69:hover {
                color: #FFFFFF;
                box-shadow: 0 12px 20px -10px rgba(0,172,193,0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0,172,193,0.2);
                background-color: #00acc1;
            }

            .jss70:hover {
                color: #FFFFFF;
                box-shadow: 0 12px 20px -10px rgba(76,175,80,0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76,175,80,0.2);
                background-color: #4caf50;
            }

            .jss71:hover {
                color: #FFFFFF;
                box-shadow: 0 12px 20px -10px rgba(80,188,184,0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(80,188,184,0.2);
                background-color: #50bcb8;
            }

            .jss72:hover {
                color: #FFFFFF;
                box-shadow: 0 12px 20px -10px rgba(244,67,54,0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244,67,54,0.2);
                background-color: #f44336;
            }

            .jss73:hover {
                color: #FFFFFF;
                box-shadow: 0 4px 20px 0px rgba(0,0,0,0.14), 0 7px 10px -5px rgba(233,30,99,0.4);
                background-color: #e91e63;
            }

            .jss74 {
                text-align: right;
            }

            .jss75 {
                height: 1px;
                margin: 5px 0;
                overflow: hidden;
                background-color: rgba(0, 0, 0, 0.12);
            }

            .jss76 {
                width: 20px;
                height: 20px;
            }

            .jss77 {
                width: 0;
                height: 0;
                display: inline-block;
                border-top: 4px solid;
                transition: all 150ms ease-in;
                border-left: 4px solid transparent;
                margin-left: 4px;
                border-right: 4px solid transparent;
                vertical-align: middle;
            }

            .jss78 {
                transform: rotate(180deg);
            }

            .jss79 {
                margin-right: 4px;
            }

            .jss80 {
                color: #777;
                display: block;
                padding: 0.1875rem 1.25rem;
                font-size: 0.75rem;
                margin-top: 10px;
                min-height: unset;
                font-weight: inherit;
                line-height: 1.428571;
                white-space: nowrap;
            }

            .jss80:hover, .jss80:focus {
                cursor: auto;
                background-color: transparent;
            }

            .jss81 {
                padding: 0;
            }

            .jss82 {
                height: 100%;
            }

            .MuiFormControl-root {
                border: 0;
                margin: 0;
                display: inline-flex;
                padding: 0;
                position: relative;
                min-width: 0;
                flex-direction: column;
                vertical-align: top;
            }

            .MuiFormControl-marginNormal {
                margin-top: 16px;
                margin-bottom: 8px;
            }

            .MuiFormControl-marginDense {
                margin-top: 8px;
                margin-bottom: 4px;
            }

            .MuiFormControl-fullWidth {
                width: 100%;
            }

            .MuiPopover-paper {
                outline: 0;
                position: absolute;
                max-width: calc(100% - 32px);
                min-width: 16px;
                max-height: calc(100% - 32px);
                min-height: 16px;
                overflow-x: hidden;
                overflow-y: auto;
            }

            .MuiMenu-paper {
                max-height: calc(100% - 96px);
                -webkit-overflow-scrolling: touch;
            }

            .MuiMenu-list {
                outline: 0;
            }

            .MuiSvgIcon-root {
                fill: currentColor;
                width: 1em;
                height: 1em;
                display: inline-block;
                font-size: 1.7142857142857142rem;
                transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                flex-shrink: 0;
                user-select: none;
            }

            .MuiSvgIcon-colorPrimary {
                color: #87ca4f;
            }

            .MuiSvgIcon-colorSecondary {
                color: #f68921;
            }

            .MuiSvgIcon-colorAction {
                color: rgba(0, 0, 0, 0.54);
            }

            .MuiSvgIcon-colorError {
                color: #f44336;
            }

            .MuiSvgIcon-colorDisabled {
                color: rgba(0, 0, 0, 0.26);
            }

            .MuiSvgIcon-fontSizeInherit {
                font-size: inherit;
            }

            .MuiSvgIcon-fontSizeSmall {
                font-size: 1.4285714285714284rem;
            }

            .MuiSvgIcon-fontSizeLarge {
                font-size: 2.5rem;
            }

            @keyframes mui-auto-fill {
            }

            @keyframes mui-auto-fill-cancel {
            }

            .MuiInputBase-root {
                color: rgba(0, 0, 0, 0.87);
                cursor: text;
                display: inline-flex;
                position: relative;
                font-size: 1.1428571428571428rem;
                box-sizing: border-box;
                align-items: center;
                font-family: inherit;
                font-weight: 400;
                line-height: 1.1876em;
            }

            .MuiInputBase-root.Mui-disabled {
                color: rgba(0, 0, 0, 0.38);
                cursor: default;
            }

            .MuiInputBase-multiline {
                padding: 6px 0 7px;
            }

            .MuiInputBase-multiline.MuiInputBase-marginDense {
                padding-top: 3px;
            }

            .MuiInputBase-fullWidth {
                width: 100%;
            }

            .MuiInputBase-input {
                font: inherit;
                color: currentColor;
                width: 100%;
                border: 0;
                height: 1.1876em;
                margin: 0;
                display: block;
                padding: 6px 0 7px;
                min-width: 0;
                background: none;
                box-sizing: content-box;
                animation-name: mui-auto-fill-cancel;
                letter-spacing: inherit;
                animation-duration: 10ms;
                -webkit-tap-highlight-color: transparent;
            }

            .MuiInputBase-input::-webkit-input-placeholder {
                color: currentColor;
                opacity: 0.42;
                transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            }

            .MuiInputBase-input::-moz-placeholder {
                color: currentColor;
                opacity: 0.42;
                transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            }

            .MuiInputBase-input:-ms-input-placeholder {
                color: currentColor;
                opacity: 0.42;
                transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            }

            .MuiInputBase-input::-ms-input-placeholder {
                color: currentColor;
                opacity: 0.42;
                transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            }

            .MuiInputBase-input:focus {
                outline: 0;
            }

            .MuiInputBase-input:invalid {
                box-shadow: none;
            }

            .MuiInputBase-input::-webkit-search-decoration {
                -webkit-appearance: none;
            }

            .MuiInputBase-input.Mui-disabled {
                opacity: 1;
            }

            .MuiInputBase-input:-webkit-autofill {
                animation-name: mui-auto-fill;
                animation-duration: 5000s;
            }

            label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder {
                opacity: 0 !important;
            }

            label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-moz-placeholder {
                opacity: 0 !important;
            }

            label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:-ms-input-placeholder {
                opacity: 0 !important;
            }

            label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-ms-input-placeholder {
                opacity: 0 !important;
            }

            label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-webkit-input-placeholder {
                opacity: 0.42;
            }

            label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-moz-placeholder {
                opacity: 0.42;
            }

            label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus:-ms-input-placeholder {
                opacity: 0.42;
            }

            label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-ms-input-placeholder {
                opacity: 0.42;
            }

            .MuiInputBase-inputMarginDense {
                padding-top: 3px;
            }

            .MuiInputBase-inputMultiline {
                height: auto;
                resize: none;
                padding: 0;
            }

            .MuiInputBase-inputTypeSearch {
                -moz-appearance: textfield;
                -webkit-appearance: textfield;
            }

            .MuiInput-root {
                position: relative;
            }

            label + .MuiInput-formControl {
                margin-top: 16px;
            }

            .MuiInput-colorSecondary.MuiInput-underline:after {
                border-bottom-color: #f68921;
            }

            .MuiInput-underline:after {
                left: 0;
                right: 0;
                bottom: 0;
                content: "";
                position: absolute;
                transform: scaleX(0);
                transition: transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
                border-bottom: 2px solid #87ca4f;
                pointer-events: none;
            }

            .MuiInput-underline.Mui-focused:after {
                transform: scaleX(1);
            }

            .MuiInput-underline.Mui-error:after {
                transform: scaleX(1);
                border-bottom-color: #f44336;
            }

            .MuiInput-underline:before {
                left: 0;
                right: 0;
                bottom: 0;
                content: "\00a0";
                position: absolute;
                transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                border-bottom: 1px solid rgba(0, 0, 0, 0.42);
                pointer-events: none;
            }

            .MuiInput-underline:hover:not(.Mui-disabled):before {
                border-bottom: 2px solid rgba(0, 0, 0, 0.87);
            }

            .MuiInput-underline.Mui-disabled:before {
                border-bottom-style: dotted;
            }

            @media (hover: none) {
                .MuiInput-underline:hover:not(.Mui-disabled):before {
                    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
                }
            }

            .MuiSelect-select {
                cursor: pointer;
                min-width: 16px;
                user-select: none;
                border-radius: 0;
                -moz-appearance: none;
                -webkit-appearance: none;
            }

            .MuiSelect-select:focus {
                border-radius: 0;
                background-color: rgba(0, 0, 0, 0.05);
            }

            .MuiSelect-select::-ms-expand {
                display: none;
            }

            .MuiSelect-select.Mui-disabled {
                cursor: default;
            }

            .MuiSelect-select[multiple] {
                height: auto;
            }

            .MuiSelect-select:not([multiple]) option, .MuiSelect-select:not([multiple]) optgroup {
                background-color: #fff;
            }

            .MuiSelect-select.MuiSelect-select {
                padding-right: 24px;
            }

            .MuiSelect-filled.MuiSelect-filled {
                padding-right: 32px;
            }

            .MuiSelect-outlined {
                border-radius: 4px;
            }

            .MuiSelect-outlined.MuiSelect-outlined {
                padding-right: 32px;
            }

            .MuiSelect-selectMenu {
                height: auto;
                overflow: hidden;
                min-height: 1.1876em;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .MuiSelect-icon {
                top: calc(50% - 12px);
                color: rgba(0, 0, 0, 0.54);
                right: 0;
                position: absolute;
                pointer-events: none;
            }

            .MuiSelect-icon.Mui-disabled {
                color: rgba(0, 0, 0, 0.26);
            }

            .MuiSelect-iconOpen {
                transform: rotate(180deg);
            }

            .MuiSelect-iconFilled {
                right: 7px;
            }

            .MuiSelect-iconOutlined {
                right: 7px;
            }

            .MuiSelect-nativeInput {
                left: 0;
                width: 100%;
                bottom: 0;
                opacity: 0;
                position: absolute;
                pointer-events: none;
            }

            .jss33 {
                color: inherit;
                margin: 0;
                font-size: 14px;
                list-style: none;
                font-weight: 300;
                line-height: 1.5em;
                padding-top: 0;
                padding-left: 0;
                padding-bottom: 0;
            }

            @media (min-width: 960px) {
                .jss33 {
                    height: 100%;
                }
            }

            .jss34 {
                color: inherit;
                float: left;
                width: auto;
                margin: 0;
                display: block;
                padding: 0;
                position: relative;
                margin-right: 5px;
            }

            @media (max-width: 959.95px) {
                .jss34 {
                    width: 100%;
                }

                .jss34:after {
                    width: calc(100% - 30px);
                    height: 1px;
                    content: "";
                    display: block;
                    margin-left: 10px;
                    background-color: #e5e5e5;
                }
            }

            @media (min-width: 960px) {
                .jss34 {
                    height: 100%;
                    display: flex;
                    justify-items: center;
                }
            }

            .jss35 {
                color: inherit;
                margin: 0px;
                display: inline-flex;
                padding: 0.5rem;
                position: relative;
                font-size: 15px;
                font-weight: 400;
                line-height: 22px;
                border-radius: 3px;
                text-transform: uppercase;
                text-decoration: none;
            }

            .jss35:hover, .jss35:focus {
                color: inherit;
                background: rgba(200, 200, 200, 0.2);
            }

            @media (max-width: 1279.95px) {
                .jss35 {
                    font-size: 13px;
                }
            }

            @media (max-width: 1000px) {
                .jss35 {
                    font-size: 12px;
                }
            }

            @media (max-width: 959.95px) {
                .jss35 {
                    width: calc(100% - 30px);
                    margin-top: 8px;
                    text-align: left;
                    margin-left: 15px;
                    margin-bottom: 8px;
                }

                .jss35 > span:first-child {
                    justify-content: flex-start;
                }
            }

            @media (min-width: 960px) {
                .jss35 {
                    height: 100%;
                }
            }

            .jss36 {
                top: -1px!important;
                width: 22px;
                height: 22px;
                font-size: 22px!important;
                margin-right: 5px!important;
            }

            @media (min-width: 960px) {
                .jss37 {
                    height: 100%;
                }
            }

            .jss37, .jss37:hover, .jss37:focus {
                color: inherit;
                display: block;
                padding: 10px 20px;
                text-decoration: none;
            }

            .jss38 {
                color: #555555;
                border: none;
                padding: 10px 15px;
                font-size: 0.875em;
                max-width: 200px;
                min-width: 130px;
                word-wrap: normal;
                background: #FFFFFF;
                box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
                font-style: normal;
                line-break: auto;
                text-align: center;
                word-break: normal;
                font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
                font-weight: 400;
                line-height: 1.7em;
                text-shadow: none;
                white-space: normal;
                word-spacing: normal;
                border-radius: 3px;
                letter-spacing: normal;
                text-transform: none;
            }

            .jss1 {
                color: #555;
                width: 100%;
                border: 0;
                display: flex;
                padding: 0!important;
                z-index: unset;
                position: relative;
                flex-flow: row nowrap;
                box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
                transition: all 150ms ease 0s;
                align-items: center;
                border-radius: 3px;
                margin-bottom: 20px;
                justify-content: flex-start;
                background-color: #fff;
            }

            .jss2 {
                z-index: 1100;
                position: absolute;
            }

            .jss3 {
                z-index: 1100;
                position: fixed;
            }

            .jss4 {
                flex: 1;
                width: 100%;
                display: flex;
                flex-wrap: nowrap;
                min-height: 50px;
                align-items: center;
                margin-left: auto;
                margin-right: auto;
                padding-left: 15px;
                padding-right: 15px;
                justify-content: space-between;
            }

            @media (min-width: 576px) {
                .jss4 {
                    max-width: 540px;
                }
            }

            @media (min-width: 768px) {
                .jss4 {
                    max-width: 720px;
                }
            }

            @media (min-width: 992px) {
                .jss4 {
                    max-width: 95%;
                }
            }

            @media (min-width: 1200px) {
                .jss4 {
                    max-width: 1140px;
                }
            }

            @media (min-width: 960px) {
                .jss4 {
                    align-items: stretch;
                }
            }

            .jss5 {
                flex: 1;
            }

            .jss6 {
                color: inherit;
                padding: 8px 16px;
                font-size: 18px;
                font-weight: 300;
                line-height: 30px;
                border-radius: 3px;
                letter-spacing: unset;
                text-transform: none;
            }

            .jss6:hover, .jss6:focus {
                color: inherit;
                background: transparent;
            }

            .jss7 {
                margin: 20px 10px;
            }

            .jss8 {
                color: #FFFFFF;
                box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(135,202,79,0.46);
                background-color: #87ca4f;
            }

            .jss9 {
                color: #FFFFFF;
                box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(0,172,193,0.46);
                background-color: #00acc1;
            }

            .jss10 {
                color: #FFFFFF;
                box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(76,175,80,0.46);
                background-color: #4caf50;
            }

            .jss11 {
                color: #FFFFFF;
                box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(80,188,184,0.46);
                background-color: #50bcb8;
            }

            .jss12 {
                color: #FFFFFF;
                box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(244,67,54,0.46);
                background-color: #f44336;
            }

            .jss13 {
                color: #FFFFFF;
                box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(233,30,99,0.46);
                background-color: #e91e63;
            }

            .jss14 {
                color: #FFFFFF;
                box-shadow: none;
                padding-top: 25px;
                background-color: transparent !important;
            }

            .jss15 {
                color: #FFFFFF;
                box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(33, 33, 33, 0.46);
                background-color: #212121 !important;
            }

            .jss16 {
                color: #87ca4f;
                border: 0;
                padding: 0.625rem 0;
                box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
                margin-bottom: 20px;
                background-color: #fff !important;
            }

            .jss17 {
                top: 0;
                left: auto;
                color: #87ca4f;
                right: 0;
                width: 260px;
                border: none;
                bottom: 0;
                height: 100vh;
                display: block;
                position: fixed;
                border-top: none;
                box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
                overflow-y: visible;
                text-align: left;
                transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
                visibility: visible;
                padding-left: 0;
                padding-right: 0px;
                transition-duration: .2s, .2s, .35s;
                transition-property: top, bottom, width;
                transition-timing-function: linear, linear, ease;
            }

            .MuiPaper-root {
                color: rgba(0, 0, 0, 0.87);
                transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                background-color: #fff;
            }

            .MuiPaper-rounded {
                border-radius: 4px;
            }

            .MuiPaper-outlined {
                border: 1px solid rgba(0, 0, 0, 0.12);
            }

            .MuiPaper-elevation0 {
                box-shadow: none;
            }

            .MuiPaper-elevation1 {
                box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation2 {
                box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation3 {
                box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation4 {
                box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation5 {
                box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation6 {
                box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation7 {
                box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation8 {
                box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation9 {
                box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation10 {
                box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation11 {
                box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation12 {
                box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation13 {
                box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation14 {
                box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation15 {
                box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation16 {
                box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation17 {
                box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation18 {
                box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation19 {
                box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation20 {
                box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation21 {
                box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation22 {
                box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation23 {
                box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
            }

            .MuiPaper-elevation24 {
                box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
            }

            .MuiCard-root {
                overflow: hidden;
            }

            .MuiCardActions-root {
                display: flex;
                padding: 8px;
                align-items: center;
            }

            .MuiCardActions-spacing > :not(:first-child) {
                margin-left: 8px;
            }

            .MuiCardContent-root {
                padding: 16px;
            }

            .MuiCardContent-root:last-child {
                padding-bottom: 24px;
            }

            .MuiCardHeader-root {
                display: flex;
                padding: 16px;
                align-items: center;
            }

            .MuiCardHeader-avatar {
                flex: 0 0 auto;
                margin-right: 16px;
            }

            .MuiCardHeader-action {
                flex: 0 0 auto;
                align-self: flex-start;
                margin-top: -8px;
                margin-right: -8px;
            }

            .MuiCardHeader-content {
                flex: 1 1 auto;
            }

            .MuiCardMedia-root {
                display: block;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }

            .MuiCardMedia-media {
                width: 100%;
            }

            .MuiCardMedia-img {
                object-fit: cover;
            }

            .jss84 {
                width: 100%;
                padding: 10px;
                overflow: hidden;
                margin-top: 77px;
                text-transform: uppercase;
            }

            .jss92 {
                width: 100%;
                padding: 8px;
                margin-top: 45px;
                border-bottom: 1px;
            }

            .jss93 {
                cursor: pointer;
                height: 100%;
                position: relative;
                min-height: 400px;
            }

            .jss93:hover .jss94 {
                background-size: 110%;
            }

            .jss94 {
                height: 0;
                transition: all 0.8s;
                padding-top: 56.25%;
                background-size: 100%;
            }

            .jss95 {
                text-decoration: none;
            }

            .jss95:hover {
                text-decoration: none;
            }


            .jss96 {
                min-height: 110px;
            }

            .jss86 {
                margin: 30px 0px;
            }

            .jss87 {
                color: #fff;
                display: inline-block;
                padding: 15px;
                background-color: #87ca4f;
            }

            .jss88 {
                width: 100%;
                position: relative;
                object-fit: cover;
                padding-bottom: 50px;
            }

            .jss85 {
                width: 100%;
                position: relative;
                object-fit: cover;
                padding-bottom: 50px;
            }

            .jss97 {
                width: 100%;
                height: 477px;
                margin-bottom: 20px;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center top;
            }

            @media (max-width: 1279.95px) {
                .jss97 {
                    height: 300px;
                }
            }

            @media (max-width: 959.95px) {
                .jss97 {
                    height: 200px;
                }
            }

            .jss98 {
                font-size: 2rem;
                font-weight: lighter;
                text-transform: uppercase;
            }

            @media (max-width: 1279.95px) {
                .jss98 {
                    font-size: 1.5rem;
                }
            }

            @media (max-width: 959.95px) {
                .jss98 {
                    font-size: 1.2rem;
                }
            }

            @media (max-width: 599.95px) {
                .jss98 {
                    font-size: 0.7rem;
                }
            }

            .jss89 {
                width: 220px;
                height: 220px;
                padding: 20px;
                box-shadow: 2px 2px 12px #464748;
                margin-top: 20px;
                border-radius: 110px;
                background-size: 100% 50%;
                background-color: #87ca4f;
                background-repeat: no-repeat;
                background-position: center top;
            }

            .jss90 {
                color: #FFFFFF;
                margin: 0;
                font-size: 1.9rem;
                margin-top: 50%;
                font-weight: bold;
                text-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
            }

            .jss91 {
                color: #FFF;
                margin: 0;
                padding: 0;
                font-size: 1.25rem;
            }

h3.styled {
    position: relative;
    font-size: 4em;
    font-weight: 400;
    margin-left: -50px;
    color: #87ca4f;
    transform: scale(1);
}

h3.styled:before {
    content: "*";
    display: inline-block;
    width: 51px;
    height: 48px;
    top: -30px;
    left: 15px;
    position: relative;
    -webkit-mask-image: url(/girsu.riotercero/img/icon/h2-before.png);
    mask-image: url(/girsu.riotercero/img/icon/h2-before.png);
    mask-mode: alpha;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: rgba(135, 202, 79, .99);
}
@media (max-width: 1024px) {
    h3.styled:before {
            top: 35px;
                    left: -165px;
                        }
                        }


.FlipCard_flip-card__YYTcb {
    background-color: transparent;
    width: 100%;
    height: 380px;
    perspective: 1000px;
    padding: 20px
}

.FlipCard_flip-card__YYTcb h3 {
    text-transform: uppercase;
    text-shadow: 1px 1px 4px rgba(0,0,0,.8)
}

.FlipCard_flip-card-inner__PrbRr {
    position: relative!important;
    width: 100%!important;
    height: 100%!important;
    text-align: center!important;
    transition: transform .6s!important;
    transform-style: preserve-3d!important;
    -webkit-backface-visibility: hidden!important;
    backface-visibility: hidden!important;
    -moz-backface-visibility: hidden!important
}

.FlipCard_flip-card__YYTcb:focus {
    outline: 0
}

.FlipCard_flip-card__YYTcb:focus .FlipCard_flip-card-inner__PrbRr,.FlipCard_flip-card__YYTcb:hover .FlipCard_flip-card-inner__PrbRr {
    transform: rotateY(180deg)
}

.FlipCard_flip-card-back__G5zI9,.FlipCard_flip-card-front__CsjJQ {
    padding: 30px;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover!important;
    box-shadow: inherit;
    border-radius: 5px
}

.FlipCard_flip-card-front__CsjJQ h3 {
    text-shadow: 2px 2px 4px #464748!important;
    background-color: #87ca4f;
    border-radius: 4px;
    box-shadow: 0 0 8px #464748!important;
    font-size: 25px!important;
    margin: 0;
    padding: 5px
}

.FlipCard_flip-card-front__CsjJQ {
    background: linear-gradient(270deg,#0c1406,#170c01);
    color: #fff;
    z-index: 2;
    justify-content: center;
    align-items: center
}

.FlipCard_flip-card-back__G5zI9 {
    background: linear-gradient(90deg,#fff,#fff);
    color: #464748;
    transform: rotateY(180deg);
    z-index: 1;
    justify-content: center;
    align-items: center
}

.box {
/*  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15); */
  transition: all 0.3s ease-in-out;
}


.box::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 97%;
  height: 99%;
  top:0px;
  opacity: 0;
  border-radius: 5px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  transition: opacity 0.3s ease-in-out;
}

.box:hover:after {
    opacity: 1
}

.box:hover {
        transform: scale(1.05, 1.05)
}