.credit{position:absolute;bottom:20px;left:20px;color:inherit}.options{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;min-width:600px;max-width:900px;width:calc(100% - 100px);height:400px}@media screen and (max-width:718px){.options{min-width:520px}.options .option:nth-child(5){display:none}}@media screen and (max-width:638px){.options{min-width:440px}.options .option:nth-child(4){display:none}}@media screen and (max-width:558px){.options{min-width:360px}.options .option:nth-child(3){display:none}}@media screen and (max-width:478px){.options{min-width:280px}.options .option:nth-child(2){display:none}}.options .option{position:relative;overflow:hidden;min-width:60px;margin:10px;background:var(--optionBackground,var(--defaultBackground,#e6e9ed));background-size:auto 120%;background-position:center;cursor:pointer;transition:.5s cubic-bezier(.05,.61,.41,.95)}.options .option:nth-child(1){--defaultBackground:#ed5565}.options .option:nth-child(2){--defaultBackground:#fc6e51}.options .option:nth-child(3){--defaultBackground:#ffce54}.options .option:nth-child(4){--defaultBackground:#2ecc71}.options .option:nth-child(5){--defaultBackground:#5d9cec}.options .option:nth-child(6){--defaultBackground:#ac92ec}.options .option.active{flex-grow:10000;transform:scale(1);max-width:600px;margin:0;border-radius:40px;background-size:auto 100%}.options .option.active .shadow{box-shadow:inset 0 -120px 120px -120px #000,inset 0 -120px 120px -100px #000}.options .option.active .label{bottom:20px;left:20px}.options .option.active .label .info>div{left:0;opacity:1}.options .option:not(.active){flex-grow:1;border-radius:30px}.options .option:not(.active) .shadow{bottom:-40px;box-shadow:inset 0 -120px 0 -120px #000,inset 0 -120px 0 -100px #000}.options .option:not(.active) .label{bottom:10px;left:10px}.options .option:not(.active) .label .info>div{left:20px;opacity:0}.options .option .shadow{position:absolute;bottom:0;left:0;right:0;height:120px;transition:.5s cubic-bezier(.05,.61,.41,.95)}.options .option .label{display:flex;position:absolute;right:0;height:40px;transition:.5s cubic-bezier(.05,.61,.41,.95)}.options .option .label .icon{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:40px;max-width:40px;height:40px;border-radius:100%;background-color:#fff;color:var(--defaultBackground)}.options .option .label .info{display:flex;flex-direction:column;justify-content:center;margin-left:10px;color:#fff;white-space:pre}.options .option .label .info>div{position:relative;transition:.5s cubic-bezier(.05,.61,.41,.95),opacity .5s ease-out}.options .option .label .info .main{font-weight:700;font-size:1.2rem}.options .option .label .info .sub{transition-delay:.1s}.cont_modal{position:relative;width:300px;height:400px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition-delay:.7s;-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}.cont_photo{position:relative;width:300px;height:440px;overflow:hidden;background-color:#eee;border-radius:5px;top:-20px;float:left;z-index:2;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition:all .5s;box-shadow:1px 1px 20px -5px rgba(0,0,0,.5)}.cont_img_back{position:absolute;width:100%;height:100%;overflow:hidden;border-radius:5px}.cont_img_back>img{object-fit:cover;margin:auto;height:440px;opacity:.9;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition:all 1s}.cont_img_back:hover>img{transform:scale(1.5);opacity:.7}.cont_text_ingredients{position:absolute;width:0;top:0;left:290px;margin-left:10px;height:400px;float:left;border-radius:5px;z-index:3;box-shadow:1px 1px 20px -5px rgba(0,0,0,.2);background:#fbf9f9;background:-moz-linear-gradient(-45deg,rgba(251,249,249,1) 28%,rgba(232,234,237,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(251,249,249,1) 28%,rgba(232,234,237,1) 100%);background:linear-gradient(135deg,rgba(251,249,249,1) 28%,rgba(232,234,237,1) 100%);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition-delay:.7s;-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}.cont_mins{position:relative;float:left;width:100%}.sub_mins{position:relative;float:left;width:60px;height:60px;background-color:rgba(255,253,112,.8);border-radius:50%;margin:20px;margin-bottom:0;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition:all .5s;transition-delay:1s;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.sub_mins>h3{font-size:24px;margin-top:7px;margin-bottom:-10px}.sub_mins>span{font-size:9px;font-weight:700}.cont_servings{position:relative;float:left;width:60px;height:60px;background-color:rgba(255,253,112,.8);border-radius:50%;margin:16px;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition-delay:.7s;-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}.cont_servings>h3{font-size:24px;margin-top:5px;margin-bottom:-10px}.cont_servings>span{font-size:9px;font-weight:700}.cont_icon_right{position:relative;float:right;margin-top:16px}.cont_icon_right>a{margin:16px;margin-top:16px;color:#fff}.cont_detalles{position:absolute;bottom:-185px;height:200px;border-radius:5px;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 68%,rgba(0,0,0,.65) 100%,rgba(0,0,0,.65) 101%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 68%,rgba(0,0,0,.65) 100%,rgba(0,0,0,.65) 101%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 68%,rgba(0,0,0,.65) 100%,rgba(0,0,0,.65) 101%);width:100%;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition-delay:1.2s;-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}.cont_detalles>h3{margin-top:50px;color:#fff;font-size:24px}.cont_detalles>p{margin:25px;margin-top:-10px;color:#fff;width:80%;text-align:center!important;font-size:14px}.cont_tabs{position:relative;float:left;width:410px;height:60px;border-bottom:3px solid #ededec}.cont_tabs>ul{width:300px;background-color:#eee}.cont_tabs>ul>li{position:relative;float:left;width:50%;list-style:none}.cont_tabs>ul>li>a{border-top:7px solid #9fc66c;position:relative;display:block;float:left;color:#241c3e;text-decoration:none;margin-left:15px;font-size:14px}.cont_tabs>ul>li:first-child>a{border-top:0;margin-top:-15px;color:#9a96a4;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition:all .2s}.cont_tabs>ul>li:first-child>a:hover{border-top:7px solid #9fc66c;color:#241c3e;margin-top:0}.cont_btn_open_dets{position:absolute;right:-15px;top:50%}.cont_btn_open_dets>a{display:block;width:30px;height:30px;background-color:#9fc66c;border-radius:50%;color:#fff;box-shadow:0 0 20px -2px #9fc66c;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition:all .5s;transform:rotate(180deg)}.cont_btn_open_dets>a>i{margin-top:4px}.cont_title_preparation{position:relative;float:left;margin:20px 0;width:410px}.cont_title_preparation>p{font-weight:700;font-size:14px;margin-left:40px;text-align:left;color:#36354e}.cont_info_preparation{position:relative;float:left}.cont_info_preparation>p{margin:-10px 0;margin-left:50px;border-left:2px solid #e3e3e3;font-size:12px;padding:20px 0;padding-left:20px;text-align:left;padding-right:15px;color:#565656}.cont_btn_mas_dets{position:absolute;bottom:0;left:50%}.cont_btn_mas_dets>a{color:#36354e}.cont_over_hidden{position:relative;float:left;width:100%;height:400px;overflow:hidden}.cont_text_det_preparation{position:relative;width:410px}.cont_modal_active>.cont_text_ingredients>.cont_btn_open_dets>a{transform:rotate(0)}.cont_modal_active>.cont_text_ingredients{width:410px;left:285px;z-index:1;box-shadow:15px 20px 70px -5px rgba(0,0,0,.2)}.cont_modal_active{width:700px}.cont_modal_active>.cont_photo{box-shadow:25px 10px 70px -5px rgba(0,0,0,.3)}.cont_modal_active>.cont_photo>.cont_mins>.sub_mins{opacity:1}.cont_modal_active>.cont_photo>.cont_servings{opacity:1}.cont_modal_active>.cont_photo>.cont_detalles{bottom:0}