.frijolito-page{--primary:#b3125b;--onprimary:#fff;--secondary:#00756a;--bg:#fff8ec;--surface:#fff;--text:#2a1a1f;--text2:#5e4a50;--accent:#f5a300;--onaccent:#2a1a1f;--line:#ead9c3;background:var(--bg);color:var(--text);min-height:100%;font:17px/1.6 ui-rounded,SF Pro Rounded,-apple-system,Segoe UI,system-ui,sans-serif}.dark .frijolito-page{--primary:#ff7ab0;--onprimary:#1e1423;--secondary:#4dd6c8;--bg:#1e1423;--surface:#2d2033;--text:#fff4e6;--text2:#d9c7cf;--accent:#ffc83d;--onaccent:#1e1423;--line:#45344c}.frijolito-shell{background:#fff8ec}.dark .frijolito-shell{background:#1e1423}.frijolito-page *{box-sizing:border-box}.frijolito-page .bunting{background:repeating-linear-gradient(90deg, var(--primary) 0 36px, var(--accent) 36px 72px, var(--secondary) 72px 108px, var(--bg) 108px 144px);height:14px}.frijolito-page header.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:820px;margin:0 auto;padding:18px 20px 0;display:flex}.frijolito-page header.top a.brand{color:var(--primary);font-size:1.15rem;font-weight:800;text-decoration:none}.frijolito-page header.top nav a{color:var(--secondary);margin-left:14px;font-size:.95rem;font-weight:700;text-decoration:none}.frijolito-page header.top nav a:hover,.frijolito-page header.top nav a:focus{text-decoration:underline}.frijolito-page .frijolito-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.frijolito-page .frijolito-main{max-width:820px;margin:0 auto;padding:10px 20px 40px}.frijolito-page h1{color:var(--primary);margin:.6em 0 .2em;font-size:2rem;line-height:1.2}.frijolito-page h2{color:var(--secondary);margin:1.8em 0 .4em;font-size:1.35rem}.frijolito-page h3{margin:1.2em 0 .2em;font-size:1.05rem}.frijolito-page p,.frijolito-page li{color:var(--text)}.frijolito-page .muted{color:var(--text2);font-size:.92rem}.frijolito-page a{color:var(--primary)}.frijolito-page .card{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin:18px 0;padding:6px 22px 18px}.frijolito-page .langs{margin:6px 0 0}.frijolito-page .langs a{border:2px solid var(--secondary);color:var(--secondary);border-radius:999px;margin-right:8px;padding:2px 14px;font-weight:700;text-decoration:none;display:inline-block}.frijolito-page details{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:10px 16px}.frijolito-page summary{cursor:pointer;color:var(--text);font-weight:700}.frijolito-page hr.sep{border:0;border-top:4px dotted var(--accent);margin:44px 0 10px}.frijolito-page footer{max-width:820px;color:var(--text2);margin:0 auto;padding:10px 20px 40px;font-size:.9rem}.frijolito-page footer a{color:var(--secondary)}.frijolito-page .btn{background:var(--accent);color:var(--onaccent);border:3px solid var(--text);border-radius:16px;padding:14px 26px;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-block}.frijolito-page .btn.sec{background:var(--primary);color:var(--onprimary);border-color:var(--primary)}.frijolito-page .hero{flex-wrap:wrap;align-items:center;gap:28px;padding:20px 0;display:flex}.frijolito-page .hero img{border-radius:38px;width:168px;height:168px;box-shadow:0 8px 24px #00000038}.frijolito-page .hero .t{flex:1;min-width:260px}.frijolito-page .hero p.lead{font-size:1.2rem}.frijolito-page .grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:14px 0;display:grid}.frijolito-page .tile{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 18px}.frijolito-page .tile b{color:var(--primary)}.frijolito-page .shots{margin:8px 0 4px}.frijolito-page .shots-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:4px 2px 18px;display:flex;overflow-x:auto}.frijolito-page .shots-row img{scroll-snap-align:start;border:1px solid var(--line);border-radius:22px;flex-shrink:0;width:180px;height:auto;box-shadow:0 8px 24px #0000002e}