.portafolio-head{padding-top:clamp(70px,9vw,110px);padding-bottom:30px}.portafolio-head h1{color:var(--h-naranja);margin-bottom:14px;font-family:Nunito,sans-serif;font-weight:800}.portafolio-head .sub{color:var(--text-hi);font-family:Nunito,sans-serif;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:600}.portafolio-head p{max-width:640px;font-size:1.05rem}.toolbar{z-index:40;background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);padding:18px 0;position:sticky;top:78px}.toolbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.search{flex:1;min-width:260px;position:relative}.search input{border:1px solid var(--glass-border);width:100%;color:var(--text-hi);transition:border-color var(--t-fast), background var(--t-fast);background:#ffffff0a;border-radius:999px;outline:none;padding:12px 16px 12px 42px;font-family:inherit;font-size:.95rem}.search input::placeholder{color:var(--text-low)}.search input:focus{border-color:var(--glow-cyan);background:#25b7e80f}.search svg{width:18px;height:18px;color:var(--text-low);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--glass-border);color:var(--text-mid);cursor:pointer;letter-spacing:.02em;transition:all var(--t-fast);background:#ffffff08;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:.82rem;font-weight:500}.chip:hover{color:var(--text-hi);border-color:#ffffff2e}.chip.active{background:color-mix(in srgb, var(--chip-color,var(--glow-cyan)) 18%, transparent);color:var(--chip-color,var(--text-hi));border-color:var(--chip-color,var(--glow-cyan));box-shadow:0 0 0 1px var(--chip-color,transparent) inset, 0 0 14px -6px var(--chip-color,transparent)}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;padding:40px 0 80px;display:grid}.empty-state{text-align:center;color:var(--text-low);grid-column:1/-1;padding:60px 20px}.producto-card{background:var(--bg-700);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--t-med), border-color var(--t-med), box-shadow var(--t-med);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.producto-card:hover{border-color:var(--linea-color);box-shadow:0 30px 60px -28px var(--linea-color);transform:translateY(-6px)}.producto-card .img-wrap{background:var(--bg-800);border-bottom:1px solid var(--glass-border);place-items:center;width:100%;height:clamp(170px,28vw,220px);padding:0;display:grid;position:relative;overflow:hidden}.producto-card .img-wrap img{object-fit:contain;width:100%;height:100%;transition:transform var(--t-med);display:block}.producto-card:hover .img-wrap img{transform:scale(1.05)}.producto-card .placeholder{letter-spacing:.02em;text-align:center;background:linear-gradient(135deg, color-mix(in srgb, var(--linea-color) 35%, var(--bg-700)) 0%, var(--bg-800) 100%);color:#fff;border-radius:6px;place-items:center;width:100%;height:100%;padding:12px;font-family:Sora,sans-serif;font-size:2rem;font-weight:700;line-height:1.1;display:grid}.producto-card .card-body{background:var(--bg-700);flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.producto-card .nombre{letter-spacing:0;color:var(--text-hi);margin-bottom:6px;font-family:Nunito,sans-serif;font-size:1.18rem;font-weight:800}.producto-card .presentacion{color:var(--text-mid);margin-bottom:12px;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:400;line-height:1.45}.producto-card .img-wrap.has-context{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--linea-color) 26%, transparent), transparent 70%), var(--bg-800)}.producto-card .ctx-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-hi);border:1px solid var(--glass-border);backdrop-filter:blur(6px);background:#00000073;border-radius:999px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:.62rem;position:absolute;bottom:10px;left:10px}.producto-card .pa{color:var(--text-mid);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:.76rem;line-height:1.45}.producto-card .registro{color:var(--text-low);margin-top:auto;padding-top:10px;font-family:JetBrains Mono,monospace;font-size:.7rem}.producto-card .footer-row{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.producto-card .ver-mas{color:var(--linea-color);transition:gap var(--t-fast);align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:inline-flex}.producto-card:hover .ver-mas{gap:10px}.modal-backdrop{backdrop-filter:blur(8px);z-index:200;opacity:0;pointer-events:none;transition:opacity var(--t-med);background:#03060eb3;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{background:var(--bg-800);border-left:1px solid var(--glass-border);z-index:210;width:min(960px,100vw);height:100vh;transition:transform var(--t-med);flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.modal.open{transform:translate(0)}.modal-close{background:var(--glass);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-hi);cursor:pointer;backdrop-filter:blur(10px);z-index:5;transition:background var(--t-fast);border-radius:50%;align-self:flex-end;place-items:center;margin:16px 16px -40px auto;display:grid;position:sticky;top:0}.modal-close:hover{background:#ff5b2e2e}.modal-close svg{width:18px;height:18px}.modal-grid{grid-template-columns:minmax(300px,360px) 1fr;align-items:start;gap:2rem;padding:30px 36px 24px;display:grid}.modal-col-image{z-index:1;flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:relative}.modal-img-wrap{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--linea-color) 20%, transparent), transparent 70%), #ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-lg);place-items:center;width:100%;min-height:260px;padding:18px;display:grid;position:relative;overflow:hidden}.modal-img{object-fit:contain;width:100%;height:100%;max-height:420px;display:block}.modal-placeholder{aspect-ratio:1;color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--linea-color) 45%, var(--bg-700)) 0%, var(--bg-800) 100%);border:1px solid color-mix(in srgb, var(--linea-color) 40%, transparent);border-radius:var(--radius-lg);place-items:center;width:100%;max-height:360px;font-family:Sora,sans-serif;font-size:5rem;font-weight:700;display:grid}.modal-col-image h2{word-break:break-word;margin:6px 0 0;font-family:Sora,sans-serif;font-size:1.6rem}.modal-col-image .pa-mono{color:var(--text-mid);word-break:break-word;font-family:JetBrains Mono,monospace;font-size:.86rem}.modal-presentacion{color:var(--text-mid);margin:0;font-size:.88rem}.badge-registro{border:1px solid var(--glass-border);color:var(--text-mid);background:#ffffff0a;border-radius:6px;align-self:flex-start;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:.74rem}.modal-wa{justify-content:center;align-self:stretch;margin-top:8px}.modal-col-sections{flex-direction:column;gap:0;display:flex}.modal-empty{color:var(--text-low);border-radius:var(--radius-md);background:#ffffff05;padding:20px;font-style:italic}.modal-reservado{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;align-items:flex-start;gap:16px;padding:28px;display:flex}.modal-reservado>svg{width:26px;height:26px;color:var(--linea-color,var(--glow-cyan))}.modal-reservado p{color:var(--text-mid);margin:0;font-size:.92rem;line-height:1.6}@media (width<=768px){.modal-grid{grid-template-columns:1fr;gap:1.5rem;padding:22px}.modal-img-wrap{min-height:200px;padding:14px}.modal-img{max-height:300px}.modal-placeholder{max-height:260px;font-size:4rem}.modal-col-image h2{font-size:1.4rem}.modal-wa{align-self:stretch}}.modal-section{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff05;margin-bottom:24px;overflow:hidden}.modal-section summary{cursor:pointer;color:var(--text-hi);transition:background var(--t-fast);justify-content:space-between;align-items:center;padding:16px 22px;font-family:Sora,sans-serif;font-size:.98rem;font-weight:600;list-style:none;display:flex}.modal-section summary::-webkit-details-marker{display:none}.modal-section summary:after{content:"+";color:var(--linea-color);transition:transform var(--t-fast);font-family:JetBrains Mono,monospace;font-size:1.3rem}.modal-section[open] summary:after{content:"−"}.modal-section summary:hover{background:#ffffff08}.modal-section .content{color:var(--text-mid);padding:4px 22px 20px;font-size:.93rem;line-height:1.7}.tabla-dosif{border-collapse:collapse;width:100%;margin-top:10px;font-size:.86rem}.tabla-dosif th{text-align:left;color:var(--text-hi);border-bottom:1px solid var(--glass-border);background:#ffffff0a;padding:12px 14px;font-family:Sora,sans-serif;font-weight:600}.tabla-dosif td{vertical-align:top;border-bottom:1px solid var(--glass-border);color:var(--text-mid);padding:14px}.tabla-dosif tr:last-child td{border-bottom:0}.tabla-dosif td:first-child{color:var(--text-hi);font-weight:600}.tabla-titulo{color:var(--linea-color);letter-spacing:.1em;text-transform:uppercase;margin:14px 0 4px;font-family:JetBrains Mono,monospace;font-size:.78rem}.modal-disclaimer{color:var(--text-low);border-left:2px solid var(--linea-color);background:#00000040;border-radius:6px;margin:8px 36px 36px;padding:12px 16px;font-size:.72rem;line-height:1.55}@media (width<=768px){.modal-disclaimer{margin:8px 22px 24px}}body.modal-open{overflow:hidden}@media (width<=700px){.modal-hero,.modal-body{padding-left:22px;padding-right:22px}.modal{width:100vw}}.modal-cargando{color:var(--text-low);padding:18px 4px;font-family:Nunito,sans-serif;font-size:.9rem}.modal-ficha-link{justify-content:center;align-self:flex-start;margin-top:6px}