:root {
    --deg: -40deg;

	/* Colors */
	--color-1: #008a58;
	--tc-1: #242424;
	--tc-2: #676767;
	--bc-1: #bbbbbb;
	--hd-color-green-2: #13322b;
	--orange-2: #ff523c;

	/* Sizes */
	--box-w: 130px;

	/* Images */
	--i-bag-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='61' viewBox='0 0 66 61' fill='none'%3E%3Cpath d='M44.1351 57.5486H21.4085C16.8738 57.5486 12.987 54.3096 12.1798 49.8492L8.34607 28.7579H57.187L53.3533 49.8492C52.5462 54.3096 48.6592 57.5486 44.1245 57.5486H44.1351Z' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M56.4754 16.6726H9.05744C5.72013 16.6726 3.01477 19.378 3.01477 22.7153C3.01477 26.0526 5.72013 28.7579 9.05744 28.7579H56.4754C59.8127 28.7579 62.5182 26.0526 62.5182 22.7153C62.5182 19.378 59.8127 16.6726 56.4754 16.6726Z' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.77942 19.5612L20.3996 2.9411' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M61.7641 19.5612L45.144 2.9411' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

	--chicken-icn: url("https://img.icons8.com/3d-fluency/94/poultry-leg.png");
    --avocado: url("https://img.icons8.com/emoji/48/avocado-emoji.png");
    --onion: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Capa_2' data-name='Capa 2' viewBox='0 0 15.45 15.92'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: url(%23Degradado_sin_nombre_3-3); %7D .cls-2 %7B fill: url(%23Degradado_sin_nombre_3-2); %7D .cls-3 %7B fill: url(%23Degradado_sin_nombre_21); %7D .cls-4 %7B fill: url(%23Degradado_sin_nombre_3); %7D .cls-5 %7B fill: url(%23Degradado_sin_nombre_22); %7D %3C/style%3E%3ClinearGradient id='Degradado_sin_nombre_3' data-name='Degradado sin nombre 3' x1='1304.3' y1='-692.94' x2='1306.1' y2='-694.14' gradientTransform='translate(-544.5 -294.03) scale(.43 -.43)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.72' stop-color='%238dbc03'/%3E%3Cstop offset='.78' stop-color='%2389b704'/%3E%3Cstop offset='.85' stop-color='%237daa06'/%3E%3Cstop offset='.92' stop-color='%236a930a'/%3E%3Cstop offset='1' stop-color='%234f730f'/%3E%3Cstop offset='1' stop-color='%234f730f'/%3E%3C/linearGradient%3E%3ClinearGradient id='Degradado_sin_nombre_3-2' data-name='Degradado sin nombre 3' x1='1305.23' y1='-693.39' x2='1308.26' y2='-696.11' xlink:href='%23Degradado_sin_nombre_3'/%3E%3ClinearGradient id='Degradado_sin_nombre_3-3' data-name='Degradado sin nombre 3' x1='1306.5' y1='-691.48' x2='1308.56' y2='-693.4' xlink:href='%23Degradado_sin_nombre_3'/%3E%3CradialGradient id='Degradado_sin_nombre_22' data-name='Degradado sin nombre 22' cx='1289.22' cy='-700.77' fx='1289.22' fy='-700.77' r='20.55' gradientTransform='translate(-544.5 -294.03) scale(.43 -.43)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f8e0fb'/%3E%3Cstop offset='.1' stop-color='%23f3bcfd'/%3E%3Cstop offset='.36' stop-color='%23d970f7'/%3E%3Cstop offset='.48' stop-color='%23cf52f5'/%3E%3Cstop offset='.74' stop-color='%23ae3ed0'/%3E%3Cstop offset='1' stop-color='%23902daf'/%3E%3C/radialGradient%3E%3CradialGradient id='Degradado_sin_nombre_21' data-name='Degradado sin nombre 21' cx='1289.11' cy='-701.3' fx='1289.11' fy='-701.3' r='21.72' gradientTransform='translate(-544.5 -294.03) scale(.43 -.43)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f8e0fb'/%3E%3Cstop offset='.09' stop-color='%23edb2f8'/%3E%3Cstop offset='.22' stop-color='%23d77cf0'/%3E%3Cstop offset='.32' stop-color='%23c95aea'/%3E%3Cstop offset='.38' stop-color='%23c44de8'/%3E%3Cstop offset='1' stop-color='%23882aa6'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg id='my-svg'%3E%3Cg%3E%3Cpath class='cls-4' d='M13.14,2.35c-.78,1.09-1.55,1.9-1.73,1.8-.18-.1.31-1.06,1.09-2.16.78-1.09,1.73-1.8,1.73-1.8,0,0-.31,1.06-1.09,2.16Z'/%3E%3Cpath class='cls-2' d='M13.23,2.44c-1.04.84-1.8,1.67-1.69,1.84s1.04-.37,2.09-1.22,1.69-1.84,1.69-1.84c0,0-1.04.37-2.09,1.22Z'/%3E%3Cpath class='cls-1' d='M14.02,2.02c-.93.98-1.79,1.68-1.93,1.55-.14-.13.5-1.03,1.43-2.02.93-.98,1.93-1.55,1.93-1.55,0,0-.5,1.03-1.43,2.02Z'/%3E%3Cpath class='cls-5' d='M13.85,3.14h0s-1.44-1.36-1.44-1.36h0c-.9.95-2.28,1.24-3.5.77-2.56-.99-5.42-.52-7.26,1.43C-.84,6.62-.48,11.02,2.47,13.78c2.94,2.77,7.35,2.86,9.85.2,1.83-1.95,2.12-4.83.99-7.32-.54-1.19-.34-2.58.55-3.53Z'/%3E%3Cpath class='cls-3' d='M2.47,13.78c-.59-.48-.77-1.32-.73-2.06.05-.76.27-1.49.58-2.18.32-.69.71-1.33,1.17-1.93.46-.6.97-1.15,1.55-1.64.58-.49,1.22-.9,1.89-1.23.68-.32,1.41-.55,2.15-.68.37-.06.75-.07,1.12-.08.18,0,.36,0,.53-.07.17-.06.32-.16.46-.27.57-.46,1.1-.99,1.64-1.49-.52.53-1.02,1.07-1.58,1.56-.14.12-.3.23-.48.3-.18.07-.38.08-.56.09-.37.02-.73.09-1.08.16-1.42.33-2.72,1.06-3.82,2-1.09.95-2.02,2.12-2.67,3.41-.33.65-.58,1.34-.67,2.05-.09.7,0,1.49.51,2.04ZM.78,10.08c.01-.77.18-1.53.45-2.24.53-1.43,1.55-2.67,2.78-3.55,1.26-.86,2.84-1.17,4.38-1.02.38.03.78.06,1.16.14.38.09.81.1,1.18-.05.74-.31,1.31-.88,1.86-1.42-.57.53-1.17,1.07-1.89,1.34-.37.13-.75.11-1.13,0-.39-.08-.77-.17-1.16-.23-.78-.11-1.59-.13-2.38.01-.79.13-1.55.46-2.23.89-1.35.89-2.36,2.23-2.9,3.74-.26.76-.38,1.57-.35,2.36.05.79.25,1.6.69,2.25-.36-.7-.47-1.49-.47-2.25ZM4.57,14.38c.75-.1,1.47-.37,2.14-.71.66-.36,1.29-.79,1.85-1.29.57-.49,1.09-1.04,1.54-1.65.45-.61.82-1.27,1.11-1.97.27-.7.47-1.44.54-2.18.04-.37.03-.75,0-1.12,0-.18-.01-.36.03-.53.05-.17.14-.33.24-.48.42-.6.91-1.16,1.38-1.73-.49.55-1.01,1.08-1.45,1.68-.11.15-.21.31-.27.5-.06.19-.06.38-.06.57,0,.37-.04.73-.1,1.09-.24,1.44-.89,2.79-1.76,3.94-.88,1.14-1.99,2.14-3.24,2.88-.62.37-1.3.66-2.01.8-.7.14-1.48.09-2.07-.39.52.56,1.36.69,2.1.6ZM6.28,15.46c.8-.02,1.59-.19,2.34-.49,1.47-.63,2.76-1.72,3.56-3.13.39-.7.67-1.48.75-2.28.09-.8.02-1.6-.13-2.38-.08-.39-.19-.76-.3-1.14-.12-.37-.17-.75-.06-1.13.23-.74.73-1.37,1.22-1.97-.51.59-1.05,1.19-1.31,1.95-.13.38-.09.81.03,1.18.1.37.16.77.21,1.15.24,1.53.03,3.13-.75,4.43-.79,1.29-1.97,2.38-3.37,3-.7.31-1.44.53-2.21.59-.77.05-1.55-.02-2.28-.33.68.4,1.49.55,2.29.55ZM2.45,13.28c.06-.15.14-.29.22-.43.17-.28.36-.55.55-.81.38-.53.81-1.03,1.23-1.53.86-.99,1.73-1.98,2.7-2.86.96-.89,1.98-1.73,3.01-2.56.51-.42,1.02-.84,1.5-1.3.48-.45.94-.93,1.38-1.42-.91.96-1.85,1.9-2.99,2.57-1.09.75-2.16,1.53-3.16,2.41-1,.89-1.89,1.88-2.71,2.92-.41.52-.79,1.07-1.15,1.63-.18.28-.34.58-.48.88-.07.15-.13.31-.18.47-.04.15-.08.36.04.48-.1-.14-.02-.32.03-.46ZM3.04,13.88c.16-.05.31-.13.46-.2.3-.16.58-.33.85-.53.54-.39,1.06-.8,1.56-1.25.99-.89,1.92-1.84,2.75-2.89.82-1.05,1.54-2.17,2.21-3.3.6-1.18,1.48-2.18,2.38-3.15-.46.47-.91.96-1.33,1.47-.42.51-.82,1.05-1.2,1.58-.76,1.08-1.54,2.14-2.37,3.16-.82,1.02-1.75,1.95-2.69,2.87-.47.45-.95.91-1.45,1.33-.26.2-.51.41-.78.6-.13.09-.27.18-.42.25-.14.06-.31.15-.46.06.14.12.33.06.49,0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    
	--user-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Capa_2' data-name='Capa 2' viewBox='0 0 34.4 42.88'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Capa_1-2' data-name='Capa 1'%3E%3Cg%3E%3Ccircle class='cls-1' cx='17.2' cy='11.12' r='11.12'/%3E%3Cpath class='cls-1' d='m34.4,42.88H0c0-8.02,6.51-14.53,14.53-14.53h5.35c4.01,0,7.64,1.63,10.27,4.26s4.26,6.26,4.26,10.27Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    
    /* icons top */
    --dish-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Capa_2' data-name='Capa 2' viewBox='0 0 45.77 45.77'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Capa_1-2' data-name='Capa 1'%3E%3Cpath class='cls-1' d='m22.88,0C10.27,0,0,10.26,0,22.88s10.27,22.88,22.88,22.88,22.88-10.26,22.88-22.88S35.5,0,22.88,0Zm-10.15,8.95h2.19s0,.07,0,.1v7.86c0,.36.18.69.49.87.31.18.69.18,1,0,.31-.18.5-.51.49-.87v-7.86s0-.07,0-.1h2s0,.07,0,.1v7.86c0,.36.18.69.49.87.31.18.69.18,1,0,.31-.18.5-.51.49-.87v-7.86s0-.07,0-.1h2.09s.9,4.68.9,7.96c0,5.67-4.28,4.78-4.28,6.96s1.29,4.18,1.29,8.95-1.69,5.97-2.98,5.97-2.98-.9-2.98-5.97,1.29-6.77,1.29-8.95-4.28-1.39-4.28-6.96c0-4.97.8-7.96.8-7.96Zm15.12,0c5.07,2.49,5.97,6.96,5.97,9.55,0,4.38-2.98,6.47-2.98,9.35,0,1.69.99,2.98.99,5.97s-.5,4.97-1.99,4.97-1.99-1.19-1.99-5.97V8.95Z'/%3E%3C/g%3E%3C/svg%3E");
    --steak: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='37' viewBox='0 0 44 37' fill='none'%3E%3Cpath d='M33.1677 21.4447L24.5868 17.8551C24.4275 17.7914 24.2682 17.7702 24.1195 17.802C23.6735 17.887 23.3337 18.3437 23.4823 18.8322L24.7567 23.3775C25.9568 24.0041 27.2312 24.4501 28.7286 24.4501C30.4915 24.4501 32.0314 23.9722 33.2951 23.1651C33.9536 22.7403 33.8898 21.7526 33.1677 21.4447ZM21.3159 19.6074L19.2768 12.3647C19.1706 11.9717 18.9051 11.6531 18.5547 11.462L15.5705 9.83711C15.2731 9.67781 14.9439 9.59285 14.6147 9.60347C14.2855 9.61409 13.9563 9.70965 13.6695 9.89019C9.35783 12.6726 6.33118 16.2622 6.33118 17.8339C6.33118 18.9171 7.20199 19.9685 8.26398 19.9685C10.8765 19.9685 12.3845 18.4392 14.0094 18.4392C16.5369 18.4392 18.4803 19.3313 20.2114 20.4252C20.7742 20.7862 21.4752 20.2553 21.2946 19.6074H21.3159ZM32.711 8.62645C32.5942 8.54149 32.4668 8.499 32.3393 8.47776C31.9358 8.41404 31.5216 8.59459 31.3411 8.98753L28.3781 15.3382C28.0276 16.0816 28.3781 16.9524 29.1215 17.2604L34.7819 19.6287C35.4934 19.926 36.3324 19.5649 36.566 18.8322C36.8422 17.9613 36.9802 17.0162 36.9696 16.0391C36.9696 12.747 35.1642 10.2725 32.7216 8.62645H32.711ZM28.6967 6.7892C27.348 6.39626 25.9886 6.19448 24.7461 6.19448C22.6646 6.19448 20.5725 6.66176 18.5972 7.39454C17.9706 7.62818 17.9175 8.49901 18.5016 8.8176L20.6256 9.97517C20.9017 10.1238 21.1035 10.3787 21.1884 10.6761L22.0486 13.7346C22.1655 14.1488 22.4628 14.478 22.8558 14.6479L24.385 15.2851C25.086 15.5719 25.8824 15.2639 26.201 14.5842L29.2489 8.04234C29.4826 7.55382 29.2277 6.93786 28.6967 6.77857V6.7892ZM32.711 8.62645C32.5942 8.54149 32.4668 8.499 32.3393 8.47776C31.9358 8.41404 31.5216 8.59459 31.3411 8.98753L28.3781 15.3382C28.0276 16.0816 28.3781 16.9524 29.1215 17.2604L34.7819 19.6287C35.4934 19.926 36.3324 19.5649 36.566 18.8322C36.8422 17.9613 36.9802 17.0162 36.9696 16.0391C36.9696 12.747 35.1642 10.2725 32.7216 8.62645H32.711ZM33.1677 21.4447L24.5868 17.8551C24.4275 17.7914 24.2682 17.7702 24.1195 17.802C23.6735 17.887 23.3337 18.3437 23.4823 18.8322L24.7567 23.3775C25.9568 24.0041 27.2312 24.4501 28.7286 24.4501C30.4915 24.4501 32.0314 23.9722 33.2951 23.1651C33.9536 22.7403 33.8898 21.7526 33.1677 21.4447ZM26.201 14.5842L29.2489 8.04234C29.4826 7.55382 29.2277 6.93786 28.6967 6.77857C27.348 6.38563 25.9886 6.18385 24.7461 6.18385C22.6646 6.18385 20.5725 6.65113 18.5972 7.38391C17.9706 7.61755 17.9175 8.48838 18.5016 8.80697L20.6256 9.96454C20.9017 10.1132 21.1035 10.3681 21.1884 10.6655L22.0486 13.724C22.1655 14.1382 22.4628 14.4674 22.8558 14.6373L24.385 15.2745C25.086 15.5612 25.8824 15.2533 26.201 14.5736V14.5842ZM19.2768 12.3647C19.1706 11.9717 18.9051 11.6531 18.5547 11.462L15.5705 9.83711C15.2731 9.67781 14.9439 9.59285 14.6147 9.60347C14.2855 9.61409 13.9563 9.70965 13.6695 9.89019C9.35783 12.6726 6.33118 16.2622 6.33118 17.8339C6.33118 18.9171 7.20199 19.9685 8.26398 19.9685C10.8765 19.9685 12.3845 18.4392 14.0094 18.4392C16.5369 18.4392 18.4803 19.3313 20.2114 20.4252C20.7742 20.7862 21.4752 20.2553 21.2946 19.6074L19.2556 12.3647H19.2768ZM42.3539 11.8549C41.8229 10.3469 40.9627 8.55211 39.6352 6.79983C36.9802 3.30587 32.3287 0.0667725 25.1709 0.0667725C18.0131 0.0667725 12.0447 2.91293 7.59492 6.55556C3.14518 10.1982 0.256592 14.5311 0.256592 18.4392V25.5758C0.256592 29.3565 3.38946 32.2239 7.05333 32.2239C8.77376 32.2239 10.1331 31.7566 11.2269 31.3743C12.3102 30.9814 13.1279 30.6946 14.0518 30.6946C15.4006 30.6946 17.1635 31.9372 19.5954 33.5089C22.0168 35.0913 25.1603 36.8223 29.3764 36.8223C36.9909 36.8223 43.1398 30.5035 43.1398 22.7722V15.4975C43.1398 15.4975 43.1398 15.4338 43.1398 15.3913C43.1398 14.4993 42.9062 13.3842 42.3645 11.8655L42.3539 11.8549ZM40.06 15.3807V17.1648C39.9644 24.4713 36.0032 27.6255 29.3657 27.6255C21.7619 27.6255 18.2255 21.4978 14.0412 21.4978C11.5668 21.4978 9.95257 23.0271 7.05333 23.0271C4.15409 23.0271 3.32573 20.149 3.32573 19.034V18.4392C3.32573 16.2622 5.56655 12.1735 9.54902 8.92381C13.5209 5.67412 19.0538 3.13594 25.1815 3.13594C31.3092 3.13594 35.0049 5.75906 37.2032 8.64768C38.2971 10.092 39.0299 11.6106 39.4759 12.8744C39.922 14.1382 40.0706 15.2214 40.0706 15.3701L40.06 15.3807ZM32.711 8.62645C32.5942 8.54149 32.4668 8.499 32.3393 8.47776C31.9358 8.41404 31.5216 8.59459 31.3411 8.98753L28.3781 15.3382C28.0276 16.0816 28.3781 16.9524 29.1215 17.2604L34.7819 19.6287C35.4934 19.926 36.3324 19.5649 36.566 18.8322C36.8422 17.9613 36.9802 17.0162 36.9696 16.0391C36.9696 12.747 35.1642 10.2725 32.7216 8.62645H32.711ZM33.1677 21.4447L24.5868 17.8551C24.4275 17.7914 24.2682 17.7702 24.1195 17.802C23.6735 17.887 23.3337 18.3437 23.4823 18.8322L24.7567 23.3775C25.9568 24.0041 27.2312 24.4501 28.7286 24.4501C30.4915 24.4501 32.0314 23.9722 33.2951 23.1651C33.9536 22.7403 33.8898 21.7526 33.1677 21.4447ZM26.201 14.5842L29.2489 8.04234C29.4826 7.55382 29.2277 6.93786 28.6967 6.77857C27.348 6.38563 25.9886 6.18385 24.7461 6.18385C22.6646 6.18385 20.5725 6.65113 18.5972 7.38391C17.9706 7.61755 17.9175 8.48838 18.5016 8.80697L20.6256 9.96454C20.9017 10.1132 21.1035 10.3681 21.1884 10.6655L22.0486 13.724C22.1655 14.1382 22.4628 14.4674 22.8558 14.6373L24.385 15.2745C25.086 15.5612 25.8824 15.2533 26.201 14.5736V14.5842ZM19.2768 12.3647C19.1706 11.9717 18.9051 11.6531 18.5547 11.462L15.5705 9.83711C15.2731 9.67781 14.9439 9.59285 14.6147 9.60347C14.2855 9.61409 13.9563 9.70965 13.6695 9.89019C9.35783 12.6726 6.33118 16.2622 6.33118 17.8339C6.33118 18.9171 7.20199 19.9685 8.26398 19.9685C10.8765 19.9685 12.3845 18.4392 14.0094 18.4392C16.5369 18.4392 18.4803 19.3313 20.2114 20.4252C20.7742 20.7862 21.4752 20.2553 21.2946 19.6074L19.2556 12.3647H19.2768Z' fill='%23D65821'/%3E%3Cpath d='M39.4654 12.8745C39.0193 11.6107 38.2972 10.092 37.1927 8.64772C34.9944 5.75911 31.4261 3.13599 25.171 3.13599C18.9159 3.13599 13.5103 5.67416 9.53847 8.92385C5.56662 12.1842 3.31519 16.2622 3.31519 18.4393V19.034C3.31519 20.1491 4.22851 23.0271 7.04279 23.0271C9.85706 23.0271 11.5563 21.4978 14.0307 21.4978C18.215 21.4978 21.7408 27.6255 29.3552 27.6255C35.9927 27.6255 39.9645 24.4714 40.0495 17.1649V15.3807C40.0495 15.2214 39.9008 14.1382 39.4548 12.8745H39.4654ZM20.2327 20.4252C18.4911 19.3314 16.5582 18.4393 14.0307 18.4393C12.3952 18.4393 10.8978 19.9686 8.28533 19.9686C7.23396 19.9686 6.3525 18.9172 6.3525 17.8339C6.3525 16.2516 9.37918 12.6727 13.6909 9.89024C13.9776 9.7097 14.3068 9.61413 14.636 9.60351C14.9652 9.60351 15.2944 9.67785 15.5918 9.83715L18.576 11.462C18.9265 11.6532 19.192 11.9824 19.2982 12.3647L21.3372 19.6075C21.5177 20.2447 20.8168 20.7757 20.254 20.4252H20.2327ZM22.0487 13.7347L21.1885 10.6761C21.1036 10.3788 20.9018 10.1239 20.6257 9.97521L18.5017 8.81765C17.9176 8.49905 17.9707 7.62822 18.5973 7.39458C20.5726 6.65119 22.6541 6.19453 24.7462 6.19453C25.9887 6.19453 27.3481 6.3963 28.6968 6.78924C29.2278 6.94854 29.4827 7.55388 29.249 8.05301L26.2011 14.5949C25.8825 15.2746 25.086 15.5932 24.3851 15.2958L22.8559 14.6586C22.4629 14.4887 22.1655 14.1594 22.0487 13.7453V13.7347ZM33.2952 23.1545C32.0314 23.9616 30.4916 24.4395 28.7287 24.4395C27.2313 24.4395 25.9568 24.0041 24.7568 23.3669L23.4824 18.8216C23.3444 18.3331 23.6842 17.8764 24.1196 17.7915C24.2683 17.7702 24.4276 17.7809 24.5869 17.8446L33.1678 21.4341C33.8899 21.7315 33.9536 22.7191 33.2952 23.1545ZM36.5555 18.8322C36.3219 19.565 35.4829 19.9261 34.7714 19.6287L29.111 17.2605C28.3676 16.9419 28.0278 16.071 28.3676 15.3383L31.3305 8.98757C31.5111 8.59463 31.9252 8.40346 32.3288 8.4778C32.4562 8.49904 32.5837 8.54154 32.7005 8.6265C35.1431 10.2726 36.9485 12.747 36.9485 16.0392C36.9591 17.0162 36.821 17.9508 36.5449 18.8322H36.5555Z' fill='%23FCD2D2'/%3E%3C/svg%3E");
    --fish:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='36' viewBox='0 0 48 36' fill='none'%3E%3Cpath d='M46.7871 15.8747C46.4897 15.3968 35.6893 0.0510254 18.6337 0.0510254C17.7097 0.0510254 16.9663 0.794395 16.9663 1.71833V5.28663C12.8352 7.77169 9.27752 11.17 6.53758 14.3242C6.53758 14.3242 3.44718 9.38591 3.41532 9.32219C3.00115 8.49384 2.00289 8.16464 1.17454 8.57881C0.590442 8.87617 0.25061 9.439 0.25061 10.0762C0.25061 11.7223 1.91794 16.7561 1.91794 16.7561C1.91794 16.7561 0.25061 21.7475 0.25061 23.4361C0.25061 23.9989 0.547999 24.5724 1.07899 24.8804C1.87549 25.3476 2.89496 25.0822 3.36224 24.275C3.3941 24.2113 6.46323 19.751 6.46323 19.751C10.1165 24.0839 15.3521 28.7566 21.9683 30.7638V33.4613C21.9683 34.3852 22.7117 35.1286 23.6357 35.1286C28.5739 35.1286 32.121 31.6559 33.6927 30.0841C30.7935 27.9283 26.9703 23.7547 26.9703 16.7561C26.9703 13.687 27.565 11.1913 28.0535 9.63018C28.3297 8.74872 29.2642 8.26022 30.1563 8.54696C31.0377 8.82307 31.5262 9.76823 31.2395 10.6497C30.8147 11.9772 30.3156 14.1118 30.3156 16.7561C30.3156 23.5423 34.8184 27.0044 36.9955 28.2787C43.4099 24.1795 46.649 17.8925 46.8508 17.4995C47.1163 16.9792 47.0844 16.3632 46.7764 15.8641L46.7871 15.8747ZM37.0167 18.4341C36.0928 18.4341 35.3494 17.6907 35.3494 16.7668C35.3494 15.8428 36.0928 15.0994 37.0167 15.0994C37.9407 15.0994 38.6841 15.8428 38.6841 16.7668C38.6841 17.6907 37.9407 18.4341 37.0167 18.4341Z' fill='%2300519B'/%3E%3C/svg%3E"); ;


	/* User & Dish Icons */
	--user-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.4 42.88'%3E%3Ccircle cx='17.2' cy='11.12' r='11.12'/%3E%3Cpath d='m34.4,42.88H0c0-8.02,6.51-14.53,14.53-14.53h5.35c4.01,0,7.64,1.63,10.27,4.26s4.26,6.26,4.26,10.27Z'/%3E%3C/svg%3E");

	--dish-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Capa_2' data-name='Capa 2' viewBox='0 0 45.77 45.77'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Capa_1-2' data-name='Capa 1'%3E%3Cpath class='cls-1' d='m22.88,0C10.27,0,0,10.26,0,22.88s10.27,22.88,22.88,22.88,22.88-10.26,22.88-22.88S35.5,0,22.88,0Zm-10.15,8.95h2.19s0,.07,0,.1v7.86c0,.36.18.69.49.87.31.18.69.18,1,0,.31-.18.5-.51.49-.87v-7.86s0-.07,0-.1h2s0,.07,0,.1v7.86c0,.36.18.69.49.87.31.18.69.18,1,0,.31-.18.5-.51.49-.87v-7.86s0-.07,0-.1h2.09s.9,4.68.9,7.96c0,5.67-4.28,4.78-4.28,6.96s1.29,4.18,1.29,8.95-1.69,5.97-2.98,5.97-2.98-.9-2.98-5.97,1.29-6.77,1.29-8.95-4.28-1.39-4.28-6.96c0-4.97.8-7.96.8-7.96Zm15.12,0c5.07,2.49,5.97,6.96,5.97,9.55,0,4.38-2.98,6.47-2.98,9.35,0,1.69.99,2.98.99,5.97s-.5,4.97-1.99,4.97-1.99-1.19-1.99-5.97V8.95Z'/%3E%3C/g%3E%3C/svg%3E");

	/* Other */
	--deg: -40deg;
	--tr: all 0.5s ease;
	
	
    --fill:-webkit-fill-available;
    --t-base: all 0.4s ease;

	}
	
	a.skip-link.screen-reader-text {
    display: none;
    }

/* TOP NAVIGATION */
/* /home/rccgaowg/hellodish.newfacecards.com/l/v3/partials/top-navigation.php */
    [dn]{display: none!important;}
	[for]{cursor: pointer;}
	
	[stopoverflow="true"] {
        overflow: hidden;
    }
    
    [not_logged_btn] {
        text-decoration: none;
        background-color: #0e4834;
        color: #ffffff;
        padding: 7px 20px;
        border-radius: 100px;
    }

	[top_nav_sect]{
		display: flex;
		width: -webkit-fill-available;
		min-height: 50px;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 998;
		background-color: #ffffffd1;
		--blur: 5px;
		backdrop-filter: blur(var(--blur));
		-webkit-backdrop-filter: blur(var(--blur));
		align-items: center;
		justify-content: space-between;
		padding: 7px 20px;
		box-shadow: 0 0 10px #00000050;
	}
	[menu_c_btn] {
		--wh: 35px;
		width: var(--wh);
		height: var(--wh);
		background-color: #e4e4e4;
		border-radius: 50%;
		padding: 5px;
		transition: all 0.5s ease;
		cursor: pointer;
	}
	[lines_box] {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 4px;
		transition: all 0.5s ease;
		--wh: 35px;
		width: var(--wh);
		height: var(--wh);
	}
	[m_line] {
		width: -webkit-fill-available;
		height: 3px;
		background-color: #333333;
		display: flex;
		margin: 0 6px;
		border-radius: 10px;
		transition: all 0.5s ease;
	}

	#hamb_menu:checked + [menu_c_btn] [lines_box] {
		transform: scale(0.7) translatex(-3.33px);
	}
	#hamb_menu:checked + [menu_c_btn] [m_line]:first-child {
		transform: rotate(var(--deg));
	}
	#hamb_menu:checked + [menu_c_btn] [m_line]:nth-child(2) {
		transform: scale(0);
	}
	#hamb_menu:checked + [menu_c_btn] [m_line]:last-child {
		transform: rotate(calc(-1* var(--deg)));
	}
	[menu_c_btn="profile"] {
		background-image: var(--user-i);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: 35%;
	}
	[menu_c_btn]:hover {
		transform: scale(1.15);
	}
	[menu_logo] {
    cursor: pointer;
    --wh: 25px;
    width: calc(5* var(--wh));
    height: var(--wh);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_2' data-name='Capa 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 653.6 134.63'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23009c5e; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23ff9000; %7D %3C/style%3E%3C/defs%3E%3Cg id='Capa_1-2' data-name='Capa 1'%3E%3Cpath class='cls-2' d='m142.77,116.54c-2.58,10.52-10.34,17.12-24.21,17.97-25.46,1.57-35.14-14.2-37.06-28.6-2.66-19.96,2.43-40.4,25.45-43.41,15.39-2.02,28.98,5.6,31.59,17.55,4.08,18.69-24.4,21.4-42.01,23.39.05.28.09.6.14.86,1.05,5.57,3.33,24.63,21.62,24.74,13.66.09,17.35-7.53,19.63-14.15,1.8-5.24,6.08-3.34,4.86,1.65h0Zm-46.83-18.48c12.34-1.07,30.81-3.97,30.97-15.08.1-7.03-8.12-17.23-18.57-14.99-12.55,2.7-13.27,19.14-12.4,30.06h0Z'/%3E%3Cpath class='cls-2' d='m76.98,126.52v4.74h-30.98v-4.74c4.54-2.1,7.44-6.67,7.39-11.67l-.33-33.88h-.02c0-7.3-2.68-18.87-12.33-18.87-11.18,0-17.2,8.92-17.2,17.64v34.99c0,5.07,2.95,9.67,7.55,11.79v4.74H0v-4.74c4.6-2.12,7.55-6.73,7.55-11.79V49.51c0-5.07-2.95-9.67-7.55-11.79v-4.74l19.04-5.64c2.23-.66,4.47,1.01,4.47,3.34v37.52c2.93-5.51,8.33-11.11,18.29-11.11,16.56,0,26.21,7.91,27.12,21.7h.09l.35,35.94c.05,5.08,3.02,9.67,7.63,11.79'/%3E%3Cpath class='cls-2' d='m177.65,126.52v4.74h-30.79v-4.73c4.56-2.12,7.48-6.73,7.48-11.79V49.51c0-5.07-2.92-9.67-7.48-11.79v-4.74l18.87-5.64c2.21-.66,4.43,1.01,4.43,3.34v84.04c0,5.07,2.92,9.67,7.48,11.79'/%3E%3Cpath class='cls-2' d='m212.32,126.52v4.74h-30.79v-4.73c4.56-2.12,7.48-6.73,7.48-11.79V49.51c0-5.07-2.92-9.67-7.48-11.79v-4.74l18.87-5.64c2.21-.66,4.43,1.01,4.43,3.34v84.04c0,5.07,2.92,9.67,7.48,11.79'/%3E%3Cpath class='cls-2' d='m248.4,62.45c5.46,0,10.21.81,14.24,2.42,4.04,1.61,7.37,3.89,10.02,6.86,2.64,2.95,4.62,6.47,5.92,10.54,1.29,4.08,1.95,8.63,1.95,13.65,0,12.55-2.65,22.12-7.93,28.75-5.29,6.63-13.35,9.94-24.19,9.94-6.28,0-11.47-.94-15.6-2.82-4.11-1.88-7.4-4.45-9.88-7.72-2.46-3.27-4.21-7.1-5.24-11.49-1.03-4.39-1.54-9.09-1.54-14.11s.6-9.7,1.82-14.04c1.2-4.34,3.13-8.15,5.77-11.43,2.65-3.27,6-5.84,10.08-7.72,4.07-1.88,8.94-2.82,14.58-2.82m-.13,66.92c3.66,0,6.63-1.25,8.87-3.76,2.23-2.51,3.94-5.46,5.11-8.87,1.16-3.4,1.92-6.95,2.27-10.62.36-3.66.55-6.63.55-8.87s-.14-5.2-.4-8.6c-.27-3.4-.96-6.71-2.09-9.94-1.12-3.23-2.8-5.98-5.04-8.27-2.23-2.29-5.33-3.42-9.26-3.42-3.41,0-6.23,1.23-8.48,3.7-2.23,2.46-4,5.39-5.3,8.79-1.3,3.41-2.2,6.9-2.69,10.49s-.73,6.54-.73,8.87.17,5.22.54,8.66c.36,3.46,1.14,6.79,2.35,10.02,1.21,3.23,2.95,6.01,5.24,8.33,2.29,2.33,5.32,3.49,9.08,3.49'/%3E%3Cpath class='cls-2' d='m384.49,86.7s-2.55,0-3.22,0c-10.88.13-18.01-7.63-20.39-13.64-1.1-2.57-2.38-7.79-.82-13.73-3.94,1.79-6.42,2.31-9.26,2.32-10.75.28-21.77-7.79-22.15-20.91h-32.18v93.83l88.03.05v-47.92Zm-32.03,30.97h-23.5v-13.1h23.5v13.1Z'/%3E%3Cpath class='cls-1' d='m351.71,0s-2.83,39.07-23.29,35.13c-4.96-.95-11.45-6.14-9.89-14.16,3.01-15.49,25.73-13.56,33.18-20.97'/%3E%3Cpath class='cls-2' d='m469.82,114.14c0,2.49.78,4.78,2.17,6.94,1.39,2.16,3.23,3.76,5.53,4.82v4.74h-20.13c-.96,0-1.77-.33-2.44-1.01-.67-.67-1.01-1.49-1.01-2.44v-6.61c-2.01,3.74-4.59,8.05-8.14,10.45-3.55,2.4-8.34,3.59-14.38,3.59s-10.57-.91-14.45-2.73c-3.88-1.82-7.04-4.48-9.49-7.98-2.44-3.5-4.19-7.83-5.25-13.01-1.06-5.18-1.78-12.32-1.78-18.93,0-5.37.53-10.23,1.58-14.59,1.05-4.36,2.78-8.12,5.17-11.28,2.4-3.16,5.56-5.61,9.49-7.33,3.93-1.73,9.18-3,14.93-3,5.18,0,9.27,1.68,13.1,4.22,3.83,2.54,6.9,6.11,9.2,10.71V29.86c0-1.05.41-1.94,1.22-2.66.81-.72,1.75-.98,2.8-.79l19.47,6.47v4.74c-2.3,1.06-4.07,2.66-5.45,4.82-1.39,2.16-2.17,4.52-2.17,7.01v64.7Zm-35.86,11.98c4.89,0,8.65-1.24,11.29-3.74,2.64-2.49,4.53-5.51,5.68-9.06.76-2.21,1.86-5.86,2.23-8.85.14-3.74.21-6.85.21-9.35,0-1.63-.12-3.6-.36-5.89-.24-2.3-.62-4.72-1.15-7.26-.53-2.54-1.25-5.03-2.16-7.48-.91-2.44-3.57-7.77-8.18-10.78-1.88-1.23-4.05-1.87-6.54-1.87-4.12,0-7.18,1.44-9.78,3.66-1.21,1.04-4.37,4.49-5.87,8.89-1.08,3.18-1.62,6.17-1.91,9.81-.29,3.64-.43,6.71-.43,9.2,0,1.63.07,3.62.22,5.97.14,2.35.34,4.83.79,7.4.29,1.62.85,3.74,1.44,5.62.79,2.53,1.77,4.84,3.02,6.9,1.24,2.06,2.83,3.71,4.74,4.96,1.92,1.25,4.17,1.87,6.76,1.87'/%3E%3Cpath class='cls-2' d='m577.27,112.66c-.82-11.44-7.94-14.32-11.24-16.13-3.3-1.8-7.81-3.64-11.72-5.1-3.91-1.46-7.54-2.97-10.89-4.52-3.35-1.55-6.14-3.36-8.38-5.4-2.23-2.04-3.37-4.57-3.35-7.59.07-11.9,10.5-13.88,14.95-13.24,2.67.39,5.04,1.15,7.04,2.36,2,1.22,3.65,2.75,4.96,4.6,1.3,1.85,2.26,3.87,2.86,6.06.6,2.19.91,4.3.91,6.35,0,1.75.79,3.19,2.37,4.31,1.58,1.12,3.21,1.68,4.89,1.68h.42c2.6,0,4.54-1.1,5.79-3.28,1.26-2.19,1.65-4.65,1.19-7.37-.44-5.06-3.12-11.43-9.85-16.05-7.4-5.63-30.93-7.01-41.87,2.77-4.19,3.74-6.91,9.78-6.63,16.79.19,3.89,1.35,7.1,3.49,9.63,2.14,2.53,4.75,4.7,7.82,6.49,3.07,1.8,6.35,3.33,9.84,4.6,3.49,1.27,7.65,2.77,10.67,4.08,3.02,1.31,5.54,2.75,7.54,4.31,2,1.56,3.66,3.7,4.35,5.93,1.21,3.92.2,6.87-1.54,9.03-1.18,1.28-2.51,2.42-4.03,3.32-.05.03-.11.06-.16.09-.27.16-.55.29-.83.43-.36.18-.71.34-1.03.47-.18.08-.36.15-.55.22-.24.09-.46.17-.65.23-.3.1-.61.18-.93.26-.27.07-.58.14-.95.22-1.56.31-3.24.43-5.09.3-2.69-.2-5.04-1.15-7.04-2.36-2-1.22-3.65-2.75-4.96-4.6-1.3-1.85-2.26-3.87-2.86-6.06-.6-2.19-.91-4.31-.91-6.35,0-1.75-.79-3.19-2.37-4.31-1.58-1.12-3.21-1.68-4.89-1.68h-.42c-2.61,0-4.54,1.1-5.79,3.28-.91,1.59-1.37,3.33-1.37,5.21-.07.96-.02,1.95.16,2.99,2.28,12.27,9.83,18.83,24.65,19.5,1.64.12,3.32.16,5.02.12,28.97.45,31.65-17.99,31.4-21.59'/%3E%3Cpath class='cls-2' d='m646.44,115.12c0,2.34.65,4.53,1.96,6.56,1.3,2.03,3.04,3.54,5.2,4.53v4.46h-29.19v-4.46c2.16-.99,3.04-2.48,4.3-4.46,1.26-1.98,1.89-4.14,1.89-6.49l.07-30.35c0-9.39-2.26-13.76-5.52-16.38-1.5-1.2-3.36-1.82-5.61-1.82-2.61,0-4.93.47-6.96,1.42-2.03.95-3.72,2.21-5.07,3.78-1.35,1.58-2.95,5.36-2.95,5.36,0,0-1.8,36.53,0,43.77.56,1.85,3.62,4.17,5.78,5.16v4.46h-29.19v-4.46c2.16-.99,3.9-2.5,5.2-4.53,1.31-2.03,2.37-4.21,2.37-6.56V48.18c0-2.34-1.07-4.53-2.37-6.55-1.31-2.03-3.04-3.54-5.2-4.53v-4.46l19.27-6.11c.99-.36,1.94-.2,2.84.47.9.67,1.3,1.56,1.3,2.64v39.3s.33-.27,1.33-1.53c.99-1.26,2.18-2.39,3.58-3.38,1.4-.99,2.99-1.78,4.8-2.36,1.8-.58,3.87-.88,6.22-.88,7.84,0,13.94,1.78,18.31,5.34,4.37,3.56,6.78,8.58,7.23,15.07l.41,33.92Z'/%3E%3Cpath class='cls-2' d='m506.71,120.88c-1.33-2.21-2-4.58-2-7.14v-54.4c0-1.18-.48-2.13-1.43-2.87-.95-.74-1.95-.96-3-.66l-18.97,5.89v4.86c2.28,1.08,4.11,2.72,5.49,4.93,1.38,2.21,2.07,4.59,2.07,7.14v35.12c0,2.55-.69,4.93-2.07,7.14-1.38,2.21-3.21,3.85-5.49,4.93v4.86h30.81v-4.86c-2.28-1.08-4.09-2.72-5.42-4.93'/%3E%3Cpath class='cls-2' d='m489.88,41.79c1.29,1.29,2.84,2.13,4.66,2.51,1.62.29,3.13.19,4.52-.29,1.39-.48,2.58-1.22,3.59-2.22,1-1,1.74-2.22,2.22-3.66.48-1.43.57-2.92.29-4.45-.38-1.82-1.22-3.37-2.51-4.66-1.29-1.29-2.85-2.13-4.66-2.51-1.53-.29-3.01-.19-4.45.29-1.43.48-2.66,1.22-3.66,2.22-1.01,1-1.75,2.2-2.22,3.59-.48,1.39-.57,2.9-.29,4.52.38,1.82,1.22,3.37,2.51,4.66'/%3E%3C/g%3E%3C/svg%3E");
    }
    
/*  */
/* SUB NAV */
    
	[sub_nav]{
		position: fixed;
		top: 64px;
		left: 0px;
		z-index: 995;
		width: -webkit-fill-available;
	}
	[nav_sect] {
		display: flex;
		gap: 10px;
		align-items: center;
	}
	[nav_sect="main_options"] {
		width: -webkit-fill-available;
		background-color: #e8e8e8e0;
		padding: 20px 22px;
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	[main_opts] {
		display: flex;
		gap: 3px;
		cursor: pointer;
		width: -webkit-fill-available;
		max-width: fit-content;
	}
	[options] {
		transition: all 0.5s ease;
		display: flex;
		min-height: 20px;
		min-width: 10px;
		background-color: #ffffff;
		padding: 5px 10px;
		align-items: center;
	}
	[options="persons"] {
		--br: 20px;
		border-radius: var(--br) 0 0 var(--br);
	}
	[icon="user"], [icon="dish"] {
		--wh: 20px;
		width: var(--wh);
		height: var(--wh);
	}
	[icon="user"] {
		background-image: var(--user-i);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: 50%;
	}
	[options="meals"] {
		--br: 20px;
		border-radius: 0 var(--br) var(--br) 0;
		gap: 4px;
		flex-direction: row-reverse;
	}
	/* collapse */
	[sub_nav][collapse="true"]{
		display: flex;
		flex-direction: row;
		flex-wrap: no-wrap;
	}
	[collapse="true"] [nav_sect="main_options"] {
		margin-top: 0px;
		width: -webkit-fill-available;
		transition: all 0.2s ease;
	}
	[collapse="true"] [nav_sect="search"], [collapse="true"] [nav_sect="main_options"] {
		padding: 6px 22px;
	}
	[icon="dish"] {
		background-image: var(--dish-i);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: 80%;
	}
	[options]{transition: var(--tr)}
	[options]:hover{filter: invert(1);}
	
/* SLIDE CARDS */
    
    [app_container] {
        margin: 0 auto;
        margin-top: 125px;
        max-width: 1250px;
    }

    [style*="--bg-img"] {
					background-image: var(--bg-img);
				}
	[cards_box] {
		display: flex;
		width: -webkit-fill-available;
		gap: 10px;
	}
	[cards_slider] {
		display: flex;
		width: fit-content;
		gap: 10px;
	}
	[card] {
		--wh: 150px;
		width: calc(2.5* var(--wh));
		height: var(--wh);
		background-size: cover;
		border-radius: 20px;
		cursor: grab;
	}

	[card]:nth-child(2n) {background-color: #ececec;}
	[card]:nth-child(2n+1) {background-color: #ececec;}
	[card]:nth-child(3n) {background-color: #f2971d;}
	[card]:first-child {
		background-color: #009c5e;
		margin-left: 20px;
	}
	[block_elem="slide_cards"]::-webkit-scrollbar {display: none;}
	[block_elem="slide_cards"] {
		display: flex;
		width: -webkit-fill-available;
		overflow: hidden;
		overflow-x: scroll;
	}
	
/* ADD TO CART */
    /*
	[add-remove] {
		--wh:45px;
		width: var(--wh);
		height: var(--wh);
		display: flex;
		padding: 0px;
		border-radius: 16px!important;
		opacity: 1 !important;
		background-image: var(--i-bag-plus);
		opacity: 0.5;
		cursor: pointer;
		transition: all 0.4s ease;
		align-items: center;
		background-color: #000000;
		position: absolute;
		z-index: 994!important;
		pointer-events: all;
		--move: 8px;
		transform: translate(calc(-1 * var(--move)), var(--move));
		filter: invert(1);
	}*/

	/* Base styling for [data-button] */
	[data-button]{
		transition: all 0.4s ease;
	}

	[data-button="add-to-box"], [data-button="remove-from-box"]{
		--wh: 20px;
		width: var(--wh);
		height: var(--wh);
		display: flex;
		background-color: #ffffff00 ;
	}

	[data-button="add-to-box"]:after{content: "";}
	[data-button="remove-from-box"]:after{content: "";}

	/* Estilos de elementos hijos de [add-remove] */
	[add-remove] svg{
		pointer-events: none;
		fill: transparent;
	}

	[add-remove] *{
		transition: all 0.5s ease;
	}

	[add-remove] [data-button]{
		width: calc(var(--wh) * 2);
		height: calc((var(--wh) * 2) + 4px);
	}

	/* Estados y focus */
	[focus="false"] [data-button], [style="--in-bag: '0';"] [data-button]{
		opacity: 0;
		pointer-events: none;
		position: absolute;
	}

	[focus="false"] [minus], [style="--in-bag: '0';"] [minus]{
		position: absolute;
	}

	[add-remove]:not([style]), [style="--in-bag: '0';"]{
		justify-content: center;
		align-items: center;
	}

	[focus="true"][style*="--in-bag: '"]:not([style="--in-bag: '0';"]){
		justify-content: space-between;
	}

	[focus="false"][style*="--in-bag: '"]:not([style="--in-bag: '0';"]){
		justify-content: center;
		border: solid 2px #333333;
	}

	[focus="false"] [minus], [focus="false"][style*="--in-bag: '"]:not([style="--in-bag: '0';"]) [plus]{
		position: absolute;
		opacity: 0;
	}

	/* Estilos basados en el atributo --in-bag */
	[style*="--in-bag: '"]:not([style="--in-bag: '0';"]) [bag] {
		width: 0%;
		animation: move-right 0.6s ease forwards;
		/* Prefijos para asegurar compatibilidad con navegadores más antiguos */
		-webkit-animation: move-right 0.6s ease forwards; /* Safari */
		-moz-animation: move-right 0.6s ease forwards;    /* Firefox */
		-ms-animation: move-right 0.6s ease forwards;     /* IE */
		-o-animation: move-right 0.6s ease forwards;      /* Opera */
	}

	[style*="--in-bag: '"]:not([style="--in-bag: '0';"]) [plus] {
		transform: scale(1.5) translate(-10px, 0px);
	}

	[style*="--in-bag: '"]:not([style="--in-bag: '0';"]):not([focus="false"]){
		width: calc(var(--wh) * 2);
	}

	[style*="--in-bag: '"]:not([style="--in-bag: '0';"]) [number]:after{
		content: var(--in-bag);
		color: #ffffff;
	}

	[style*="--in-bag: '"]:not([style="--in-bag: '0';"]) [minus] {
		transform: scale(1.5) translate(9px, 0px);
	}

	/* Estilos para [number] */
	[number]{ pointer-events: none;}

	/* Botones de add-remove */
	[focus="true"][style*="--in-bag: '"]:not([style="--in-bag: '0';"]) [add-remove-buttons] {
		width: calc(var(--wh) * 2);
		padding: 0px;
	}

	[add-remove-buttons] {
		position: absolute;
		display: flex;
		height: var(--wh);
		justify-content: space-between;
	}

	/* Estado updating para [number] */
	[updating="true"] [number]:after{
		content: ''!important;
		background-color: #ffffff;
		width: 4.5px;
		height: 5px;
		display: flex;
	}

	[updating="true"] [number]:after{
		/* Prefijos para mayor compatibilidad */
		-webkit-animation: pixelbounce 0.35s ease-in infinite alternate; /* Safari, Chrome */
		-moz-animation: pixelbounce 0.35s ease-in infinite alternate; /* Firefox */
		-ms-animation: pixelbounce 0.35s ease-in infinite alternate; /* IE */
		animation: pixelbounce 0.35s ease-in infinite alternate;
	}

	/* Keyframes de animaciones */
	@keyframes move-right {
		0% {
			position: relative;
			left: 0; /* O la posición que desees desde el inicio */
		}
		100% {
			position: absolute;
			left: 100%; /* O el valor que desees para el desplazamiento final */
		}
	}

	@keyframes pixelbounce {
		0%{ transform: translatey(-5px); }
		100%{ transform: translatey(5px); }
	}

	/* Prefijos para pixelbounce */
	@-webkit-keyframes pixelbounce {
		0% { 
			transform: translateY(-5px);
		}
		100% { 
			transform: translateY(5px);
		}
	}

	@-moz-keyframes pixelbounce {
		0% { 
			transform: translateY(-5px);
		}
		100% { 
			transform: translateY(5px);
		}
	}

	@-ms-keyframes pixelbounce {
		0% { 
			transform: translateY(-5px);
		}
		100% { 
			transform: translateY(5px);
		}
	}

	/* Estilos para recipe-card */
	[recipe-card]:not([recipe-card="selected"]) [data-button="add-to-box"] {
		background-image: linear-gradient(transparent,transparent)!important;
	}

	[recipe-card]{
		display: flex;
		flex-direction: row-reverse;
	}
	
	[focus="true"]:not([data-items]) [data-button="remove-from-box"]{
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 0px;
    height: 0px;
    }
    
    [focus="true"]:not([data-items]) [minus]{
    position: absolute;
    opacity: 0;
    }

	/* Media queries */
	@media only screen and (max-width: 1129px) {
		[tag_container] [main-tag] {
			display: none;
		}

		[add-remove]{
			filter: invert(0)!important;
			border-color: transparent!important;
			background-color: #00000099;
			--blur: 4px;
			backdrop-filter: blur(var(--blur));
			-webkit-backdrop-filter: blur(var(--blur));
		}
	}

/* RECIPES CARDS */

    [recipe-card], [recipe-card] * {
			transition: all 0.1s ease;
	}
	[recipes-container] {
		display: flex;
		width: -webkit-fill-available;
		margin: 20px;
		margin-top: 60px;
		gap: 20px;
		flex-wrap: wrap;
	}
	[recipe-card] {
		display: flex;
		gap: 10px;
		flex-direction: row-reverse;
		max-height: 300px;
		box-shadow: 0 0 20px #00000050;
		border-radius: 15px;
		width: -webkit-fill-available;
		max-width: 533px;
		max-width: 48%;
		cursor: pointer;
	}
	[sub_tags] {
		padding: 0px !important;
	}
	
	[add-remove] {
		--wh: 45px;
		width: var(--wh);
		min-width: var(--wh);
		height: var(--wh);
		display: flex;
		padding: 0px;
		border-radius: 16px;
		opacity: 1 !important;
		cursor: pointer;
		transition: all 0.4s ease;
		align-items: center;
		position: absolute;
		z-index: 994;
		pointer-events: all;
		--move: 8px;
		transform: translate(calc(-1* var(--move)), var(--move));
		filter: invert(1);
	}
	
	[add-remove] * {transition: all 0.5s ease;}

	[round-box] {
		width: -webkit-fill-available;
		min-height: 285px;
		border-radius: 15px;
		clip-path: border-box;
		display: flex;
		height: 100%;
	}
	[card-head] {
		width: 100%;
		background-size: cover;
		max-width: 400px;
		max-width: 230px;
		border-radius: 15px 0px 0px 15px;
		background-position: 50%;
	}
	[card-body] {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		padding: 5px 30px;
		padding-top: 15px;
		padding-right: 42px;
	}
	[in_tag], [data-tag] {
		display: inline-flex;
		padding: 4px 5px;
		background-color: rgb(0, 50, 140);
		border-radius: 7px;
		color: #ffffff;
		margin-bottom: 10px;
	}
	[top-body] h2 {
		font-size: 20px;
		margin: 0px;
		font-weight: 500;
	}
	[bottom-body] {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 10px 0px 5px 0px;
		flex-wrap: wrap;
	}
	[time_block] {
		display: flex;
		align-items: center;
		gap: 7px;
	}
	[icon="clock"] {
		--wh: 19px;
		width: var(--wh);
		height: var(--wh);
		display: inline-block;
		background-color: transparent;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' aria-label='Reloj'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='%23333' /%3E%3Cline x1='9.5' y1='9.5' x2='9.5' y2='2' stroke='%23fff' stroke-width='2' /%3E%3C/svg%3E%0A");
		background-size: cover;
		margin-top: 10px;
		margin-bottom: 10px;
		border-radius: 100%;
	}
	[dificulty] {
		padding: 0 7px !important;
		border: solid 1.5px grey;
		border-radius: 3px;
	}
	[tags_box]{
		margin-bottom: 10 px;
	}
	[tags_box] span:not(:first-child):before {
		content: ' • ';
	}

	.container{
		display: flex;
		gap: 10px;
		flex-direction: column;
	}
	[toggle] {
		display: flex;
		background-color: #dddbd9;
		padding: 10px 20px;
		border-radius: 5px;
		color: #473f38;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
		white-space: nowrap;
		transition: all 0.3s ease;
		z-index: 1;
		min-width: 25ch;
		height: 43px;
	}
	[card_extra] {
		display: none;
		opacity: 0;
		transition: all 0.5s ease;
	}
	[recipe-card="selected"] [card_extra] {
		display: initial;
		margin-bottom: 60px;
		opacity: 1;
	}
	[recipe-card="selected"] [tags_box]{
		margin: 0px;
	}
	[toggle]:before {
		content: attr(toggle);
		margin-right: 10px;
	}
	[toggle]:after {
		content: "+";
		transition: all 0.5s ease;
		font-family: mono;
	}
	[focus="true"] {
    border: solid 2px #333333;
    }
	
	[recipe-card="selected"] [add-remove]{
		--color: #029b5e;
		transform: translate(-45px, 275px);
		background-color: var(--color);
		border-color: #0a6b44 !important;
		padding: 4px !important;
		filter: invert(0);
		box-shadow: 0 0 10px 5px #03412933;
	}


	/* RESPONSIVE */
	@media only screen and (max-width: 655px) {
		[recipe-card] {
			max-width: 100%;
		}
		[recipes-container] {
			flex-direction: column;
		}
	}
	@media only screen and (max-width: 800px) {
		[toggle] {
			width: -webkit-fill-available;
		}
	}
	@media only screen and (max-width: 1129px) {
		[recipe-card]{
			max-height: fit-content;
		}
		[add-remove]{
			filter: invert(0) !important;
			border-color: transparent !important;
			background-color: #00000099;
			--blur: 4px;
			backdrop-filter: blur(var(--blur));
			-webkit-backdrop-filter: blur(var(--blur));
		}
		[round-box] {
			flex-direction: column;
			justify-content: space-between;
		}
		[card-head] {
			min-height: 190px;
			max-width: 100%;
			border-radius: 15px 15px 0px 0px;
		}

	}
	
/* OPEN / CLOSE RECIPES*/

    [backbox] {
			position: fixed;
			top: 0px;
			right: 0px;
			z-index: 9999;
			padding: 15px;
			background-color: #ffffff;
			display: flex;
			border-radius: 0 0 0 20px;
		}


	[back] {
		--wh: 40px;
		width: var(--wh);
		height: var(--wh);
		background-color: #ab1209;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 0 20px #00000033;
		padding: 5px;
		border-radius: 7px;
		z-index: 999;
		color: #ffffff;
		cursor: pointer;
		transition: all 0.3s ease; /* Si deseas animaciones */
		transform: scale(0);
	}


	[back]::before,
	[back]::after {
		content: "";
		position: absolute;
		width: 2px; 
		height: 20px; 
		background-color: #ffffff; 
		top: 50%;
		left: 50%;
		transform-origin: center center;
		transition: all 0.3s ease;
	}

	/* La línea diagonal superior-izquierda a inferior-derecha */
	[back]::before {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	/* La línea diagonal superior-derecha a inferior-izquierda */
	[back]::after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	[recipes-container="focus"] + [backbox] [back]{
		transform: scale(1);
	}

	[recipes-container]:not([recipes-container="focus"]) + [backbox] {
		z-index: -1;
		opacity: 0;
	}

	[item_selected="true"] {
		z-index: 9999;
	}

	[recipes-container]:not([recipes-container="focus"]) + [back]{
		display: ;
	}

	[recipe-card="selected"] div:not([card-head]):not([round-box]){
		padding: 0px 20px;
	}

	[recipe-card="selected"]
	[round-box] {
		background-color: #ffffff;
	}

	[recipe-card="selected"] {
		z-index: 999;
	}

	[recipe-card="selected"] [round-box] {
		display: flex;
		flex-direction: column;
		overflow: scroll;
		border-radius: 0px;
		justify-content: flex-start;
	}

	[recipe-card="selected"] [card-head] {
		min-height: 300px;
		max-height: 300px;
		max-width: 100%;
		border-radius: 0px;
	}


	[recipes-container="focus"] [recipe-card]:not([recipe-card="selected"]){
		animation: unzoom 0.5s ease forwards;
	}

	[recipes-container="focus"] [recipe-card="selected"] {
		animation: zoom 0.5s ease forwards;
		/* Valores iniciales para navegadores antiguos */
		position: inherit;
		max-width: 100%; /* Fallback */
		left: auto; /* Fallback */
		max-height: 100%; /* Fallback */
		height: auto; /* Fallback */
		top: auto; /* Fallback */
		width: auto; /* Fallback */
	}
	
	[card-body-block] {
    min-height: 195px !important;
    display: flex;
    align-items: center;
    }

	@keyframes zoom {
		0% {
			position: inherit;
			max-width: auto;
			left: auto;
			max-height: auto;
			height: auto;
			top: auto;
			width: auto;
		}

		100% {
			position: fixed;
			max-width: 100vw; /* Compatible con todos los navegadores modernos */
			left: 0;
			max-height: 100vh; /* Compatible con todos los navegadores modernos */
			height: 100vh; /* Fallback general */
			top: 0;
			width: 100%;
		}
	}

	/* Compatibilidad con navegadores antiguos */
	@-webkit-keyframes zoom {
		0% {
			position: inherit;
			max-width: auto;
			left: auto;
			max-height: auto;
			height: auto;
			top: auto;
			width: auto;
		}

		100% {
			position: fixed;
			max-width: 100vw;
			left: 0;
			max-height: 100vh;
			height: 100vh;
			top: 0;
			width: 100%;
		}
	}

	/* Fallback de prefijos */
	[recipes-container="focus"] [recipe-card="selected"] {
		-webkit-animation: zoom 0.5s ease forwards;
		-moz-animation: zoom 0.5s ease forwards;
		animation: zoom 0.5s ease forwards;
	}


	[recipe-card="selected"] [card-head] *{
		padding: 0px!important;
	}

	[recipe-card="selected"] [card-body] {
		max-width: -webkit-fill-available;
		margin: 30px 0px;
		justify-content: flex-start;
	}

	[recipe-card="selected"] [card-body] [in_tag] {
		position: relative;
		transform: translatey(0px);
	}

	[recipe-card="selected"] [card-body] [time_block] {
		padding: 0px!important;
	}

	[recipe-card="selected"] [dificulty]{
		margin: 0px 20px;
	}

	[data-tag]:empty {
		opacity: 0;
	}
	
/* DYNAMIC MODULE CSS */
    [door="open"] [icon]{
    width: fit-content;
    padding: 0 10px;
    }
    
    [dyn_mod] {
    display: flex;
    flex-direction: column;
    width: -webkit-fill-available;
    min-height: 300px;
    background-color: #ffffff;
    position: fixed;
    bottom: 0px;
    box-shadow: 0 0 10px #00000030;
    border-radius: 20px;
    transition: all 0.25s cubic-bezier(0, 1.21, 0, 0.74);
    z-index: 999;
    
    /**/
    max-height: 100%;
    overflow-y: scroll;
    }
    
    [door] {
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    position: absolute;
    width: -webkit-fill-available;
    pointer-events: none;
    z-index: 999;
    background-color: #ffffffcc;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 10px;
    }
    
    [dyn_mod="location"] [door]{
    background-color: transparent;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    }
    
    #inmod {
    margin-top: 20px;
    }
    
    [map_form_container] h3 {
    text-align: center;
    border-bottom: solid 1px #e0dfdf;
    padding-bottom: 20px;
    margin-top: 30px;
    }
    
    
    [icon="close"] {
    --wh: 30px;
    width: var(--wh);
    height: var(--wh);
    background-color: #ffffff;
    border-radius: var(--wh);
    box-shadow: 0 0 10px #00000030;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    cursor: pointer;
    transition: all 0.5s ease;
    font-family: sans-serif;
    }
    
    [icon="close"]:hover {
    transform: scale(1.2);
    }
    
    [door] *{
    pointer-events: all;
    }
    
    [type="checkbox"]:not(:checked) + [dyn_mod]{
    transform: translatey(3000px);
    }
    
    #dyn_mod:checked + [dyn_mod] + [shady_block] {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #00000060;
    top: 0px;
    z-index: 998;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    pointer-events: all;
    }
    
/* BOTTOM NAVIGATION MENU */

    [bottom_nav_sect]{
    display: flex;
    width: -webkit-fill-available;
    min-height: 50px;
    box-shadow: 0 0 10px #00000050;
    position: fixed;
    bottom: 0px;
    left: 0px;
    align-items: center;
    padding: 7px 20px;
    justify-content: space-between;
    background-color: #ffffffee;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 995;
    gap: 10px;
    }
    
    [app_container]{
    margin-bottom: 100px;
    }
    
    
    [boxicon]{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    --wh: 40px;
    min-width:var(--wh);
    height:var(--wh);
    border-radius: 15px;
    cursor: pointer;
    }
    
    [boxicon="calendar"]{
    border: solid 2px #EA6018;
    clip-path: border-box;
    }
    
    [boxicon="bag"]{
    border: solid 2px #009c5e;
    background-color: #009c5e;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='61' viewBox='0 0 66 61' fill='none'%3E%3Cpath d='M44.1351 57.5486H21.4085C16.8738 57.5486 12.987 54.3096 12.1798 49.8492L8.34607 28.7579H57.187L53.3533 49.8492C52.5462 54.3096 48.6592 57.5486 44.1245 57.5486H44.1351Z' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M56.4754 16.6726H9.05744C5.72013 16.6726 3.01477 19.378 3.01477 22.7153C3.01477 26.0526 5.72013 28.7579 9.05744 28.7579H56.4754C59.8127 28.7579 62.5182 26.0526 62.5182 22.7153C62.5182 19.378 59.8127 16.6726 56.4754 16.6726Z' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.77942 19.5612L20.3996 2.9411' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M61.7641 19.5612L45.144 2.9411' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    }
    
    [month]{
    background-color: #EA6018;
    background-color: #C44D0E;
    width: 100%;
    margin-top: -5px;
    display: flex;
    justify-content: center;
    color: #ffffff;
    }
    
    
    [items]:not([items="0"]):before {
    content: attr(items);
    background-image: linear-gradient(#FF4536, #FF764D);
    --wh: 20px;
    width:var(--wh);
    height:var(--wh);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 600;
    will-change: transform;
    transform: translate(-19px,-18px);
    transition: all 0.5s ease;
    
    }
    
    [location_set]{
    background-color: #e4e0e0;
    border-radius: 100px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    outline: solid 3px #33333300;
    padding: 7px;
    cursor: pointer;
    }
    
    [direction] {
    width: fit-content;
    min-width: 200px;
    }
    
    [location_info] {
    padding: 0px 7px;
    width: -webkit-fill-available;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    }
    
    
    [icon="pin_map"] {
    --wh: 27px;
    min-width: var(--wh);
    height: var(--wh);
    display: flex;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    border-radius: 100px;
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='48' viewBox='0 0 41 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2572 0.596252C9.2656 0.596252 0.355469 9.50634 0.355469 20.4873C0.355469 21.8998 0.514771 23.2805 0.790889 24.608C2.24582 34.6119 18.2819 46.7504 18.2819 46.7504C19.3864 47.6849 21.0006 47.7168 22.1369 46.8141L22.2219 46.7504C22.2219 46.7504 38.2367 34.6226 39.7129 24.6293C39.989 23.2911 40.1483 21.9104 40.1483 20.4873C40.1483 9.50634 31.2382 0.596252 20.2572 0.596252ZM20.2572 28.5692C15.7013 28.5692 12.0161 24.8841 12.0161 20.3388C12.0161 15.7934 15.7013 12.0977 20.2572 12.0977C24.8132 12.0977 28.4876 15.7828 28.4876 20.3388C28.4876 24.8947 24.8025 28.5692 20.2572 28.5692Z' fill='url(%23paint0_linear_8_444)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_8_444' x1='0.355469' y1='24.0344' x2='40.1483' y2='24.0344' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF4536'/%3E%3Cstop offset='1' stop-color='%23FF764D'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 60%;
    }
    
/* ANIMACION BOLITA */
    .bolita {
    position: absolute;
    --wh: 30px;
    width: var(--wh);
    height: var(--wh);
    background-color: transparent;
    border-radius: 50%;
    z-index: 1000;
    pointer-events: none;
    animation: moveToBag 0.8s ease-in-out forwards;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32px' height='32px' viewBox='0,0,256,256'%3E%3Cg fill='none' fill-rule='evenodd' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cg transform='scale(8,8)'%3E%3Cpath d='M3.003,29.003v-4h2v-4h2v-4h2l1,-1l-1,-1v-2h2v-4h2l2,-2h5l5,5v7h-2v2h-2l-1,-1l-1,1v2h-4v2h-4l-2,2h-2v2z' fill='%23ee9110'%3E%3C/path%3E%3Cpath d='M7.001,23.004v1.999h2.001v-1.999z' fill='%23cc273a'%3E%3C/path%3E%3Cpath d='M9.003,25.003v2.001h1.999v-2.001z' fill='%23cc273a'%3E%3C/path%3E%3Cpath d='M9.001,15.004v1.999h2.001v-1.999z' fill='%23cc273a'%3E%3C/path%3E%3Cpath d='M11.003,17.003v2.001h1.999v-2.001z' fill='%23cc273a'%3E%3C/path%3E%3Cpath d='M13.001,7.004v1.999h2.001v-1.999z' fill='%23cc273a'%3E%3C/path%3E%3Cpath d='M15.003,9.003v2.001h1.999v-2.001z' fill='%23cc273a'%3E%3C/path%3E%3Cpath d='M17.001,17.004v1.999h2.001v-1.999z' fill='%23cc273a'%3E%3C/path%3E%3Cpath d='M19.003,19.003v2.001h1.999v-2.001z' fill='%23cc273a'%3E%3C/path%3E%3Cpath d='M19.003,9.003v-6h6v2h2v2h2v6h-6v-2h-2v-2z' fill='%2300953f'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
        
    }
    
    @keyframes moveToBag {
    to {
    transform: translate(var(--tx), var(--ty));
    opacity: 0;
    }
    }
    
/* DATABOX ITEMS  */
    [databox] {
        padding: 20px;
        max-height: 400px;
        overflow-y: scroll;
    }
    
    [ingredients], [itm], [procedimiento] {
        padding: 0px !important;
    }
    
    [itm] {
        display: flex;
        align-items: center;
        gap: 7px;
        min-width: 215px;
        padding: 10px !important;
        background-color: #ffffff;
        border-radius: 8px;
    }
    
    [itm]:before {
        filter: grayscale(0.5);
        content: '';
        --wh: 25px;
        width: var(--wh);
        height: var(--wh);
        display: inline-flex;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url("data:image/svg+xml,%3Csvg width='7px' height='7px' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='5' fill='%23e3e3e3' /%3E%3C/svg%3E");
    }
    
    [itm]:after {
        content: attr(itm);
    }
    
    [utensilsbox]{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    }

    
/* PLTS PLATES AND PPL PEOPLE UPDATE MENU*/


    [config_body] {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      background-color: #cecece50;
    }
    
    
    
    [p_box] {
      padding-left: 32px;
      padding-right: 32px;
      max-width: 1000px;
      margin: 0 auto;
      margin-bottom: 60px;
    }
    
    [titular]{
      text-align: center;
      color: var(--tc-1);
    }
    
    [txt]{
      color: var(--tc-2);
    }
    
    [txt="center"] {
      text-align: center;
    }
    
    [choices] {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    
    
    [p_icon] {
      --wh: 48px;
      width: var(--wh);
      height: var(--wh);
      background-repeat: no-repeat;
      background-position: center;
    }
    
    [option] {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      padding: 10px;
      border-radius: 7px;
      cursor: pointer;
      background-color: transparent;
      border: solid 1px #000000;
    }
    
    [option]:not(:hover){
      border: solid 1px var(--bc-1);
    }
    
    [option] span{
      color: var(--tc-1);
    }
    
    
    [aria-checked]:after{
      transition: all 0.3s ease;
    }
    
    [aria-checked]:after:not(button) {
      content: '';
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      background-color: rgb(0, 168, 70);
      border-color: rgb(5, 104, 53);
      border-width: 1px;
      border-style: solid;
      position: absolute;
      transform: translate(-55px,-20px);
      background-image: url("");
      background-repeat: no-repeat;
      background-position: center;
    }
    
    [aria-checked="false"]:after{
      opacity: 0;
    }
    
    [aria-checked="true"]:after{
      opacity: 1;
    }
    
    
    
    
    [plan_size] {
      display: flex;
      flex-direction: column; 
      gap: 15px;
      margin: 10px 0px;
      margin-top: 30px;
    }
    
    [numval]:after {
      content: attr(numval);
    }
    
    
    [data-numval]:after {
      content: attr(data-numval);
    }
    
    [num_opt]:after {
      content: attr(num_opt);
    }
    
    
    
    [d-none] {
      display: none;
    }
    
    
    [num_opt]  {
      cursor: pointer;
      border: solid 1px var(--color-1);
      color: var(--color-1);
      padding: 10px;
      width: calc (100% / var(--opts));
      border-left-color: transparent;
    }
    
    [num_opt]:first-child {
      --br: 5px;
      border-radius: var(--br) 0px 0px var(--br);
      border-left-color: var(--color-1);
    }
    
    [num_opt]:last-child {
      --br: 5px;
      border-radius: 0px var(--br) var(--br) 0px;
      margin-left: -1px;
    }
    
    [num_selector] {
      display: grid;
      grid-template-columns: 2fr 3fr;
      gap: 10px;
      align-items: center;
    }
    
    [selected] {
      color: #eeeeee;
      z-index: 99;
      pointer-events: none;
      background-color:var(--color-1);
      transition: all 0.4s ease-in-out;
    }
    
    
    [num_options] {
      display: flex;
      width: 100%;
    }
    
    [num_opt] {
      width: 100%;
    }
    
    @media only screen and (max-width: 900px) { 
      [num_selector] {
        display: flex;
        flex-wrap: wrap;
      }
    }
    
    @media only screen and (max-width: 750px) {
      [double_box]{
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      [p_box]:first-child {
        border-right: 0px dashed rgb(187, 187, 187);
        border-bottom: 1px dashed rgb(187, 187, 187);
        margin-bottom: 20px;
      }
    
    
      [choice_plan] {
        margin-bottom: 50px;
      }
    
      [aria-checked]:after{
        transform: translate(-8vw,-20px);
      }
    
      [num_selector] {
        flex-direction: column;
      }
      [plan_size] {
        justify-content: center;
      }
    
    }
    
    [opt_price_box] {
      margin-top: 45px;
      border-color: rgb(228, 228, 228);
      border-style: solid;
      border-width: 1px;
      border-radius: 4px;
      background-color: rgb(255, 255, 255);
      display: flex;
      flex-direction: column;
      padding-top: 20px;
      gap: 10px;
    }
    
    [options_selected] {
      display: flex;
    }
    
    
    [choose_plan_txt] {
      font-weight: 600;
      text-align: left;
    }
    
    
    
    [opt_price_box] div {
      display: flex;
      justify-content: space-between;
      padding: 0 20px;
    }
    
    
    [divider] {
      border-top: solid 1px #00000030;
    }
    
    [num_selector="meals"] {
    
    }
    
    [box_total] {
      padding: 15px 20px!important;
      background-color: #eeeeee;
    }
    
    [taxes] {
      font-variant: all-small-caps;
      font-weight: 600;
    }
    
    [price] [iva] {
      margin-right: 10px;
      color: #00000099;
    }
    
    [label_nums_resume]{
      width:-webkit-fill-available;
      display: flex;
      justify-content: center;
    }
    
    [ab][for="nums_resume"]:after{
      content: '';
      --wh: 30px;
      width: var(--wh);
      height:var(--wh);
      display: flex;
      background-color: #ffffff;
      z-index: 99;
      border-radius: 100px;
      box-shadow: 0 0 5px 1px #00000033;
      cursor: pointer;
      transform: translatey(-70px);
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50px' height='50px' viewBox='0,0,256,256'%3E%3Cg fill='%23111111' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cg transform='scale(5.12,5.12)'%3E%3Cpath d='M24.96875,13c-0.51953,0.00781 -1.01562,0.21875 -1.38281,0.58594l-20,20c-0.52344,0.5 -0.73437,1.24609 -0.55078,1.94922c0.18359,0.69922 0.73047,1.24609 1.42969,1.42969c0.70313,0.18359 1.44922,-0.02734 1.94922,-0.55078l18.58594,-18.58594l18.58594,18.58594c0.5,0.52344 1.24609,0.73438 1.94922,0.55078c0.69922,-0.18359 1.24609,-0.73047 1.42969,-1.42969c0.18359,-0.70312 -0.02734,-1.44922 -0.55078,-1.94922l-20,-20c-0.38281,-0.38281 -0.90234,-0.59375 -1.44531,-0.58594z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-size: 70%;
      background-repeat: no-repeat;
      background-position: 50% 40%;
    }
    
    [opt_price_box], [opt_price_box] *{
      transition: all 0.5s ease;
    }
    
    #nums_resume:not(:checked) + [opt_price_box]{
      padding: 0px;
    }
    
    #nums_resume:not(:checked) + [opt_price_box] > div:not([box_total]){
      display: none;
    }
    
    #nums_resume:not(:checked) + [opt_price_box] + [label_nums_resume] label:after{
      transform: translate(-15px,-70px)  rotate(180deg);
      position: absolute;
    }


/**/

.disabled {
    pointer-events: none;
    filter: grayscale(1) opacity(0.5);
}


/* POPUP */


#dynamic_popup{
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #00000050;
  width: var(--fill);
  height: var(--fill);
  --b: 4px;
  backdrop-filter: blur(var(--b));
  -webkit-backdrop-filter: blur(var(--b));
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
  z-index: 999;
}

[popup_island] {
  max-width: 90%;
  min-width: 300px;
  min-height: 300px;
  background-color: #ffffff;
  border-radius: 7px;
  transition: var(--t-base);
  transform: scale(1);
  box-shadow:  0 0 10px 3px #00000022;
}

#dyn_popup_door:not(:checked) + #dynamic_popup{
  opacity: 0;
  pointer-events: none;
}

#dyn_popup_door:not(:checked) + #dynamic_popup [popup_island] {
  transform: scale(0);
}

#profile_icon:not(:checked) + [menu_c_btn="profile"] + [user_menu_modal]{
opacity: 0;
pointer-events: none;
}

[user_menu_modal]{
  position: absolute;
  right: 7px;
  top: 60px;
  z-index: 999;
  display: flex;
  background-color: #ffffff;
  padding: 20px;
  box-shadow: 0 0 10px 2px #00000033;
  border-radius: 7px;
  transition: all 0.4s ease;
}

[user_menu_modal] a{
  text-decoration: none;
  color: inherit;
}