.productos-section{width:min(calc(100% - 48px),1180px);margin:0 auto;padding-bottom:64px}.nutrition-ingesta-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-bottom:28px;padding:clamp(20px,3vw,28px);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,var(--green-tint-1),transparent 58%),var(--surface)}.nutrition-ingesta-copy{min-width:0}.nutrition-ingesta-label{display:inline-flex;margin-bottom:8px;color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.nutrition-ingesta-copy h2{margin:0;color:var(--text-strong);font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:800;letter-spacing:0;line-height:1.08}.nutrition-ingesta-copy p{max-width:720px;margin:10px 0 0;color:var(--text-muted-2);font-size:.96rem;line-height:1.55}.nutrition-ingesta-button{white-space:nowrap}.productos-search-row{margin-bottom:28px}.productos-search-box{display:flex;align-items:center;gap:10px;background:var(--bg-search);border:1.5px solid var(--border-faint);border-radius:var(--radius);padding:0 16px;height:50px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);backdrop-filter:blur(6px)}.productos-search-box:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--focus-ring)}.productos-search-box .search-icon{position:static;left:auto;flex-shrink:0;color:var(--muted);fill:none;stroke:currentColor}.productos-search-box input{flex:1;border:none;background:transparent;font:inherit;font-size:.95rem;color:var(--text);outline:none;min-width:0}.productos-search-box input::placeholder{color:var(--text-placeholder)}.productos-search-box .clear-btn{position:static;right:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:var(--bg-clear);color:var(--text-clear);cursor:pointer;transition:background .15s var(--ease)}.productos-search-box .clear-btn:hover{background:var(--bg-clear-hover)}.productos-grid-wrapper{min-height:200px}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.producto-card{position:relative;background:var(--surface);border:1.5px solid var(--border-faint);border-radius:calc(var(--radius) + 4px);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);backdrop-filter:blur(6px)}.producto-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f;border-color:var(--border-faint-hover)}.producto-card-img{width:100%;height:160px;object-fit:cover;border-radius:calc(var(--radius) + 4px) calc(var(--radius) + 4px) 0 0}.producto-card-body{padding:16px 18px 18px}.producto-card-title{font-size:1rem;font-weight:600;color:var(--text-strong);margin-bottom:4px;line-height:1.3}.producto-card-brand{display:block;font-size:.82rem;color:var(--muted);margin-bottom:12px}.productos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px;color:var(--text-empty);gap:10px}.productos-empty[hidden]{display:none}.productos-empty svg{color:var(--text-empty-sub);opacity:.5;margin-bottom:6px}.productos-empty p{font-size:1.05rem;font-weight:600;color:var(--text-empty-title);margin:0}.productos-empty span{font-size:.88rem;color:var(--text-empty-sub)}.productos-section{width:min(calc(100% - 48px),1120px)}.productos-search-row{display:flex;justify-content:center;margin-bottom:22px}.productos-search-box{width:min(100%,680px);height:54px;border-radius:14px;background:var(--surface);box-shadow:0 8px 28px #0e1e250f;backdrop-filter:none}.productos-search-box:focus-within{box-shadow:0 0 0 4px var(--focus-ring),0 10px 30px #0e1e2514}.productos-search-box input{min-height:52px}.productos-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px}.productos-toolbar-left{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.productos-toolbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.productos-filter-select{height:40px;padding:0 30px 0 12px;border:1px solid var(--border-faint);border-radius:11px;background:var(--surface);color:var(--text);font-size:.88rem;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8494' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.productos-filter-select:hover{border-color:var(--border-faint-hover)}.productos-filter-select:focus-visible{outline:0;border-color:var(--green);box-shadow:0 0 0 3px var(--focus-ring)}.productos-count{color:var(--text-muted-2);font-size:.82rem;font-weight:600}.productos-clear-filters{display:none;align-items:center;gap:6px;height:40px;padding:0 14px;border:1px solid var(--border-faint);border-radius:11px;background:var(--surface);color:var(--text-muted-2);font-size:.84rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .18s var(--ease),color .18s var(--ease)}.productos-clear-filters:hover{color:var(--red);border-color:var(--red)}.productos-clear-filters.is-visible{display:inline-flex}.productos-clear-filters:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.combo-filter{position:relative;display:inline-flex}.productos-combo-filter{min-width:180px}.alimentos-combo-filter{min-width:220px}.alimentos-sort-filter{min-width:250px}.combo-filter-btn{display:inline-flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer}.productos-combo-filter .combo-filter-btn{height:40px;padding:0 30px 0 12px;border:1px solid var(--border-faint);border-radius:11px;background:var(--surface);color:var(--text);font-size:.88rem;font-family:inherit}.productos-combo-filter .combo-filter-btn:hover{border-color:var(--border-faint-hover)}.productos-combo-filter .combo-filter-btn:focus-visible{outline:0;border-color:var(--green);box-shadow:0 0 0 3px var(--focus-ring)}.combo-filter-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-filter-caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-muted-2);flex-shrink:0;transition:transform .15s var(--ease);pointer-events:none}.combo-filter[data-open=true] .combo-filter-caret{transform:translateY(-50%) rotate(180deg)}.combo-filter-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:100%;min-width:240px;max-width:320px;background:var(--surface);border:1px solid var(--border-faint);border-radius:11px;box-shadow:0 10px 28px #0e1e2524;overflow:hidden;display:flex;flex-direction:column}.combo-filter-dropdown[hidden]{display:none}.combo-filter-search{width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--border-faint);background:transparent;color:var(--text);font-size:.86rem;font-family:inherit;box-sizing:border-box}.combo-filter-search:focus{outline:0;background:var(--bg)}.combo-filter-list{max-height:260px;overflow-y:auto;padding:6px}.combo-filter-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px 8px calc(10px + (var(--combo-depth, 0) * 16px));border:0;border-radius:8px;background:transparent;color:var(--text);font-size:.84rem;font-family:inherit;text-align:left;cursor:pointer;box-sizing:border-box}.combo-filter-option:hover{background:var(--bg)}.combo-filter-option--active{background:var(--green-soft);color:var(--green);font-weight:600}.combo-filter-option--active:hover{background:var(--green-soft)}.combo-filter-option .material-symbols-rounded,.combo-filter-option svg{width:16px;height:16px;flex-shrink:0;opacity:0}.combo-filter-option--active .material-symbols-rounded,.combo-filter-option--active svg{opacity:1}.combo-filter-option--nested .combo-filter-option-text:before{content:"";display:inline-block;width:8px;height:1px;margin-right:6px;background:var(--border);vertical-align:middle}.combo-filter-empty{padding:14px 12px;text-align:center;font-size:.84rem;color:var(--text-muted-2)}.combo-filter-group{padding:9px 10px 5px;color:var(--text-muted-2);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.alimento-selected-nutrient{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:2px 0 12px;padding:9px 11px;border:1px solid var(--green-soft);border-radius:11px;background:var(--green-tint-1);color:var(--text-strong)}.alimento-selected-nutrient span{min-width:0;color:var(--text-soft);font-size:.78rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alimento-selected-nutrient strong{flex:0 0 auto;color:var(--green);font-size:.9rem}@media (max-width:800px){.productos-combo-filter .combo-filter-btn,.productos-combo-filter .combo-filter-dropdown{display:none}}.productos-grid-wrapper{position:relative}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:24px}.producto-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.producto-card-arrow{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}.producto-card:hover .producto-card-arrow{transform:translate(3px)}.productos-sentinel{height:1px;margin-top:8px}.productos-loader{display:none;justify-content:center;align-items:center;gap:8px;padding:24px 0 8px}.productos-loader.is-visible{display:flex}.productos-loader-dot{width:9px;height:9px;border-radius:50%;background:var(--green);opacity:.5;animation:productosLoaderPulse 1.1s var(--ease) infinite}.productos-loader-dot:nth-child(2){animation-delay:.16s}.productos-loader-dot:nth-child(3){animation-delay:.32s}@media (max-width:520px){.productos-section{width:min(calc(100% - 32px),1120px)}.productos-search-row{margin-bottom:20px}.productos-search-box{height:50px;padding:0 12px}.productos-toolbar{gap:10px}.productos-filter-select,.productos-combo-filter{flex:1 1 140px;min-width:0}.alimento-card{display:flex!important;grid-template-columns:none!important}.producto-card-body{padding:14px 14px 16px}.producto-card-brand{margin-bottom:10px}}@media (max-width: 720px){.productos-section{width:min(calc(100% - 40px),1120px);padding:0 0 48px}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}}.alimento-card{display:flex;flex-direction:column;text-decoration:none}.alimento-card-media{display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:4 / 3;background:#fff}.alimento-card-img{width:100%;height:100%;object-fit:contain;background:#fff}.alimento-card-body{padding:18px 18px 16px}.alimentos-portion-legend{font-size:.78rem;font-weight:500;color:var(--text-muted-2);white-space:nowrap}.alimentos-compare-link{min-height:50px;white-space:nowrap}@media (max-width: 480px){.alimentos-compare-link{width:100%;justify-content:center}#alimentosGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#alimentosGrid .alimento-card{display:flex!important;min-width:0}#alimentosGrid .alimento-card-body{padding:12px}#alimentosGrid .producto-card-title{font-size:.9rem;line-height:1.25}}@media (max-width: 720px){.productos-section{width:100%;padding:0 20px 48px}.nutrition-ingesta-callout{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.nutrition-ingesta-button{width:100%}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}@media (max-width: 480px){.nutrition-ingesta-callout{padding:18px}}@keyframes productosLoaderPulse{0%,to{transform:scale(.7);opacity:.4}50%{transform:scale(1.15);opacity:1}}