#view-relationship{max-width:1300px;margin:auto;padding:0 0 32px}
.rel-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px;background:linear-gradient(120deg,#25231e,#121418);border:1px solid #746039;border-radius:18px;color:#f5f1e8;margin-bottom:16px}.rel-banner h2{margin:9px 0;font-size:27px}.rel-banner small{color:#d8b676;letter-spacing:.12em}.rel-banner p{color:#d4d0c7}.rel-controls{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:14px;margin:20px 0}.rel-controls label,.rel-card label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.rel-controls select,.rel-card input,.rel-card select,.rel-card textarea{width:100%;min-width:0;min-height:44px;font-size:16px;padding:11px;border:1px solid #bdb7aa;border-radius:9px;background:#fff;color:#252b33}.rel-card{padding:24px;border:1px solid #ddd6ca;border-radius:16px;background:#fff;box-shadow:0 5px 18px #28231a08;margin-bottom:18px;color:#252b33}.rel-card h3{font-size:20px;margin:0 0 14px}.rel-card p{line-height:1.65;overflow-wrap:anywhere}.rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rel-wide{grid-column:1/-1}.rel-card form{display:grid;gap:14px;margin-top:18px}.rel-card .rel-check{flex-direction:row;align-items:center;gap:10px;font-weight:400}.rel-check input{width:20px;min-height:20px;flex:0 0 20px}.rel-card button,.rel-banner button,.rel-guide button,.rel-card .linkbtn{min-height:44px;padding:11px 17px;border-radius:10px;white-space:normal}.rel-record{padding:16px;border:1px solid #e2dcd1;border-radius:11px;margin:12px 0;overflow-wrap:anywhere}.rel-record summary{cursor:pointer;font-weight:600;line-height:1.6;min-height:40px}.rel-record dl{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:10px}.rel-record dt{color:#6e6557}.rel-record dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.rel-health{padding:14px 18px;background:#f2eee5;border-radius:10px;font-size:14px;color:#514632}.rel-health p{margin:8px 0}.rel-warning{padding:12px;border-left:3px solid #ad8139;background:#fcf4df;color:#684718}.rel-periods{display:grid;gap:20px}.rel-periods small{display:block;margin:6px 0}.rel-track{height:12px;background:#f0eee8;border-radius:6px;overflow:hidden}.rel-track span{display:block;height:12px;min-width:4px;max-width:100%;background:#87734b;border-radius:6px}.rel-track .rel-period-rural{background:#658567}.rel-track .rel-period-especial{background:#ae8242}.rel-track .rel-period-lacuna{background:#aa7272}.rel-table{overflow:auto}.rel-table table{width:100%;border-collapse:collapse}.rel-table th,.rel-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.rel-guide{border:1px solid #a88d5c;border-radius:18px;max-width:540px;width:calc(100% - 32px);padding:28px;box-sizing:border-box}.rel-guide::backdrop{background:#111a}.rel-guide h3{font-size:24px}.rel-guide p{line-height:1.7}.rel-actions{display:flex;gap:10px;flex-wrap:wrap}.rel-card a{overflow-wrap:anywhere}.rel-card input:focus-visible,.rel-card select:focus-visible,.rel-card textarea:focus-visible,.rel-controls select:focus-visible{outline:3px solid #bda775;outline-offset:2px}
.rel-card button[type=submit],.rel-guide #relNext{background:#25272c;color:#f7efd9;border:1px solid #9b8050;font-weight:600}.rel-card button.ghost,.rel-guide button.ghost{background:#faf7f0;color:#52452d;border:1px solid #d5c5a5}.rel-banner button{background:#ddc28c;color:#211c12;border:1px solid #ddc28c;font-weight:600}
@media(max-width:700px){.rel-banner{padding:20px;display:block}.rel-banner button{margin-top:12px}.rel-controls,.rel-grid{grid-template-columns:1fr}.rel-card{padding:18px}.rel-record dl{grid-template-columns:1fr}.rel-record dt{margin-top:10px}.rel-card button{width:100%}.rel-wide{grid-column:auto}.rel-guide{padding:22px}}