:root{--ink:#173746;--muted:#5d7583;--accent:#b95b2c;--blue:#177294;--line:#d8e3e8;--paper:#fff;--bg:#edf2f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:15px/1.6 'Segoe UI',Arial,sans-serif;color:var(--ink)}[hidden]{display:none!important}header{padding:18px max(24px,calc((100% - 1380px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white;gap:24px}.brand{font-size:21px;letter-spacing:2px;text-decoration:none;color:white;font-weight:800}.brand span{display:block;font-size:10px;letter-spacing:3px;color:#aac5d2}.display-controls{display:flex;gap:18px}.display-controls label{font-size:12px;color:#c6dce6}.display-controls select{display:block;min-width:130px;margin-top:3px;background:#254a5d;color:white;border-color:#507387}main{max-width:1430px;margin:auto;padding:0 26px}.hero{background:var(--ink);color:white;margin:0 -26px 30px;padding:38px 48px;display:grid;grid-template-columns:1fr 230px;gap:30px}.hero h1{font-size:clamp(34px,5vw,62px);letter-spacing:-2px;margin:5px 0;line-height:1.15;font-weight:850}.hero em{color:#6ec4d9;font-style:normal;font-weight:300}.hero p:not(.eyebrow){max-width:650px;color:#d2e1e7;font-size:17px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.1px;color:var(--muted);margin:0 0 7px}.hero .eyebrow{color:#89b7c9}.hero nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.hero nav a{padding:9px 15px;background:#254a5d;border:1px solid #436575;border-radius:4px;color:white;text-decoration:none;font-size:13px}.hero nav a.accent{background:var(--accent);border-color:var(--accent)}.hero-ring{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-ring svg{width:200px}.hero-ring span{font-size:11px;letter-spacing:3px;margin-top:10px;color:#a4c8d8}.panel{padding:28px 32px;background:var(--paper);border:1px solid var(--line);border-radius:9px;margin-bottom:24px;scroll-margin-top:15px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}h2{margin:0;font-size:26px;letter-spacing:-.6px;line-height:1.3}h3{font-size:17px;margin:12px 0}p{margin:10px 0}.pill{font-size:11px;padding:6px 10px;background:#eef5f7;color:var(--muted);border:1px solid var(--line);border-radius:30px;white-space:nowrap}.type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.type-card{border:1px solid var(--line);border-radius:5px;padding:12px;background:#f8fbfc;min-width:0}.type-card svg{width:100%;height:auto}.type-card h3{font-size:13px;margin:0;line-height:1.4}.type-card strong{color:var(--accent);font-size:11px;display:block;letter-spacing:1px}.type-card p{font-size:11px;color:var(--muted);line-height:1.4;margin:5px 0}.face-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.face-grid .type-card{background:#fff8f2}.face-grid svg{width:100%;height:auto}figure{margin:0}figcaption{color:var(--muted);font-size:12px;padding:12px 0}.original-face{max-width:100%;display:block;margin:18px auto}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:5px;margin:15px 0;max-height:650px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}td,th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right}td:first-child,th:first-child{text-align:left}th{background:var(--ink);color:white;text-align:left;position:sticky;top:0;z-index:1;font-weight:600}tr:nth-child(even)td{background:#f4f8fa}tr:hover td{background:#e8f4f8}.prose-table td{white-space:normal;text-align:left;min-width:160px}.prose-table td:first-child{min-width:140px;font-weight:600}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.knowledge-grid p{font-size:13px;color:var(--muted)}.notice{background:#fff6e9;border-left:3px solid #c78734;padding:12px 16px;font-size:13px;margin:12px 0;border-radius:3px}.notice.error{background:#fff0f0;border-color:#b33138;color:#923239}.notice.good{background:#eaf6ef;border-color:#348565;color:#236147}.hint,.source-line{color:var(--muted);font-size:12px}.source-line a{color:var(--blue)}details{margin:15px 0;border-top:1px solid var(--line);padding-top:13px}summary{cursor:pointer;font-weight:600;font-size:14px}details>p{font-size:13px}#originalTable{max-width:100%;display:block;margin:15px auto}.table-tools{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.table-tools label:first-child{flex:1;min-width:280px}label{font-size:12px;font-weight:600;display:block}label>span{display:block}label small{float:right;color:var(--muted);font-weight:400}input,select,button{font:inherit;border:1px solid #b9ccd6;border-radius:4px;padding:9px 10px;background:#fff;color:var(--ink)}input,select{width:100%;margin-top:5px;min-width:0;font-size:13px}button{cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}button:hover{border-color:var(--blue);background:#eef6f9}button.primary{color:white;background:var(--blue);border-color:var(--blue)}button:disabled{opacity:.5;cursor:wait}.form-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:20px 0}.selector-panel{border-top:4px solid var(--blue)}.summary{font-size:17px;font-weight:600}.class-strip{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.class-chip{padding:8px 12px;border:1px solid var(--line);border-radius:5px;font-size:11px;background:#f4f7f9}.class-chip.pass{color:#236147;background:#eaf6ef}.class-chip.fail{color:#a74747;background:#fff2f0}.class-chip strong{display:block}.options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-height:530px;overflow:auto}.option-card{border:1px solid var(--line);padding:16px;border-radius:5px;font-size:12px}.option-card.recommended{border:2px solid var(--blue);background:#f0f9fc}.option-card button{width:100%;margin-top:10px}.option-card h3{margin:4px 0}.option-card p{color:var(--muted);margin:3px 0}.badge{display:inline-block;padding:3px 8px;border-radius:20px;background:#edf2f5;font-size:10px;font-weight:700}.badge.pass{background:#e4f4e9;color:#28714b}.badge.fail{background:#fae6e6;color:#9d3c3c}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.detail-layout svg{width:100%;max-height:510px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden}.spec{background:#fff;padding:10px 12px}.spec dt{font-size:11px;color:var(--muted)}.spec dd{margin:4px 0 0;font-size:15px;font-weight:600}.bolt-summary{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.bolt-summary span{background:#eaf4f8;border:1px solid #ccdfe7;padding:10px 15px;border-radius:4px;font-size:13px}.source-section{margin-top:20px}.source-section h3{font-size:14px}a{color:var(--blue)}footer{padding:12px 0 30px;font-size:12px;color:var(--muted)}footer span{float:right}#status{font-size:12px;color:var(--muted)}.stale{opacity:.65}.stale .summary{color:#a56a2f}@media(max-width:1050px){.type-grid,.face-grid{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(3,1fr)}.options{grid-template-columns:repeat(3,1fr)}.knowledge-grid{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr 1fr}}@media(max-width:700px){main{padding:0 14px}.hero{margin:0 -14px 20px;padding:30px 24px;grid-template-columns:1fr}.hero-ring{display:none}header{padding:14px;align-items:flex-start;flex-wrap:wrap}.display-controls{width:100%}.display-controls label{flex:1}.display-controls select{min-width:0}.panel{padding:22px 18px}.section-heading{flex-wrap:wrap}h2{font-size:22px}.type-grid,.face-grid,.form-grid,.options{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.table-tools label{width:100%}footer span{float:none;display:block}.pill{white-space:normal}}@media print{body{background:#fff}header,.hero nav,.display-controls,button,.table-tools,#selectForm,#boltForm{display:none!important}main{padding:0}.hero{background:#fff;color:#173746;border-bottom:1px solid #ccc;margin:0}.hero p:not(.eyebrow){color:#173746}.hero-ring{display:none}.panel{border:0;padding:12px 0;break-inside:avoid}.type-grid,.face-grid{grid-template-columns:repeat(5,1fr)}.table-wrap{max-height:none;overflow:visible}table{font-size:8px}td,th{padding:5px}.options{max-height:none}.notice{font-size:10px}details:not([open]){display:none}footer span{float:none}
}

/* BOTON YOUTUBE METALVAM */
.btn-youtube {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e62117;
    color: #ffffff !important;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.btn-youtube:hover {
    background: #b71910;
    transform: translateY(-2px);
}