@media (max-width: 767.98px) {
    .menu-box {
        max-height: 95px;
        overflow: hidden;
        transition-property: all;
        transition-duration: 0.3s;
        padding-top: 5px;
        padding-left: 3px;
        transition-delay: 0s;
        transition-timing-function: ease-in-out; }
    .menu-box.opened {
        max-height: 500px; } }

    .menu-box__item {
        height: 40px;
        width: 40px;
        background-color: #FFFFFF;
        box-shadow: 0 0 10px 0 rgba(97, 112, 119, 0.15);
        position: relative;
        display: inline-block;
        margin: 0 11px 15px 0px; }
    @media (min-width: 768px) {
        .menu-box__item {
            margin: 0 19px 19px 0px; } }

    .menu-box__link {
        color: #191B1C;
        font-family: "BK-Sans";
        font-size: 1rem;
        line-height: 40px;
        text-align: center;
        height: 100%;
        width: 100%;
        display: block; }
    .menu-box__link.active {
        font-weight: bold;
        color: #F76900; }
    .menu-box__link.disable {
        background-color: #F3F5F5;
        color: #CFD6DB; }
    .menu-box__link:focus {
        box-shadow: 0 0 0 4px #3E4A50; }

    .menu-box__show-more {
        width: 100%;
        height: 32px;
        position: relative;
        color: #F76900;
        -webkit-box-shadow: 0px -15px 15px 0px white;
        -moz-box-shadow: 0px -15px 15px 0px white;
        box-shadow: 0px -15px 15px 0px white;
        background: white;
        transition-property: all;
        transition-duration: 0.2s;
        transition-delay: 0s;
        transition-timing-function: ease-in-out;
        margin-bottom: 40px; }
    @media (min-width: 768px) {
        .menu-box__show-more {
            display: none; } }
    .menu-box__show-more:focus {
        background-color: white;
        color: #F76900;
        box-shadow: 0 0 0 4px #3E4A50; }
    .menu-box__show-more.opened .menu-box__icon {
        transform: rotate(180deg); }


    /* Para la parte inferior */

.result-box {
    height: 80px;
    width: 80px;
    position: relative;
    /* MODIFIER .result-box_yellow | .result-box--yellow */ }
@media (min-width: 768px) {
    .result-box {
        height: 152px;
        width: 152px; } }
.result-box--yellow {
    background-color: #FED430; }

.result-box__label {
    position: absolute;
    bottom: 8px;
    left: 12px;
    color: #191B1C;
    font-family: "BK-Text";
    font-size: 1.25rem;
    line-height: 1.25rem; }
@media (min-width: 768px) {
    .result-box__label {
        bottom: 16px;
        left: 24px; } }

.result-content__title {
    color: #191B1C;
    font-family: "BK-Text";
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal; }

.result-content__line {
    height: 3px;
    width: 48px;
    /* MODIFIER result-content__line_orange | result-content__line--orange*/ }
.result-content__line--orange {
    background-color: #F76900; }

.result-content__text {
    color: #191B1C;
    font-family: "BK-Sans";
    font-size: 1rem;
    line-height: 1.5rem; }
@media (min-width: 992px) {
    .result-content__text {
        width: 89%; } }

.result-container__link {
    color: #191B1C;
    font-family: "BK-Sans";
    font-size: 0.75rem;
    letter-spacing: 1px;
    line-height: 1rem; }
@media (max-width: 767.98px) {
    .result-container__link {
        display: none; } }
.result-container__link:focus {
    box-shadow: 0 0 0 4px #3E4A50;
    background: transparent; }

.result-content__link:focus {
    box-shadow: 0 0 0 4px #3E4A50;
    display: table; }

.result-content__new-item {
    color: #191B1C;
    font-family: "BK-Text";
    font-size: 20px;
    line-height: 32px;
    display: table; }
.result-content__new-item:focus {
    box-shadow: 0 0 0 4px #3E4A50; }

.result-content__sub-title {
    color: #191B1C;
    font-family: "BK-Sans";
    font-size: 1rem;
    line-height: 2rem; }