/* Visores privados de Mario. Los estados de reproducción no indican conectividad del DVR. */
.mario-cameras{--mc-blue:#004f9f;--mc-cyan:#009fe3;--mc-ink:#173c5e;--mc-muted:#62778c;--mc-line:#dbe5ef;color:var(--mc-ink);font-family:"Segoe UI",Arial,sans-serif;max-width:1450px;margin-inline:auto}
.mario-cameras *{box-sizing:border-box}
.mario-cameras [hidden]{display:none!important}
.mario-cameras .mc-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:23px}
.mario-cameras .mc-eyebrow{font-size:10px;font-weight:750;letter-spacing:1.4px;color:var(--mc-blue);line-height:1.5;margin:0 0 9px}
.mario-cameras h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:0 0 10px;color:var(--mc-ink)}
.mario-cameras .mc-intro{max-width:760px;margin:0;color:var(--mc-muted);font-size:13px;line-height:1.8}
.mario-cameras .mc-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.mario-cameras .mc-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border:1px solid #b9ccdc;border-radius:8px;background:#fff;color:var(--mc-blue);font:650 12px/1.5 "Segoe UI",Arial,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}
.mario-cameras .mc-button:hover:enabled{background:#eef6fc;border-color:#88b2d1}
.mario-cameras .mc-button-primary{background:var(--mc-blue);border-color:var(--mc-blue);color:#fff}
.mario-cameras .mc-button-primary:hover:enabled{background:#003e7e;border-color:#003e7e;color:#fff}
.mario-cameras .mc-button-stop{color:#8a3c36;border-color:#dec4c1}
.mario-cameras .mc-button-stop:hover:enabled{background:#fff4f1;border-color:#c99f99}
.mario-cameras .mc-button:disabled{opacity:.58;cursor:default}
.mario-cameras .mc-button:focus-visible,.mario-cameras video:focus-visible{outline:3px solid var(--mc-cyan);outline-offset:3px}
.mario-cameras .mc-notice{padding:13px 16px;border:1px solid #cfe0ef;border-left:3px solid var(--mc-cyan);border-radius:8px;background:#edf6fc;color:#365e7f;font-size:12px;line-height:1.8;margin:0 0 21px;overflow-wrap:anywhere}
.mario-cameras .mc-notice[data-kind="error"]{background:#fff1ef;border-color:#ebcbc6;color:#913c32}
.mario-cameras .mc-notice[data-kind="warning"]{background:#fff9e1;border-color:#e9dba8;color:#78601c}
.mario-cameras .mc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 19px;padding:13px 17px;border:1px solid var(--mc-line);border-radius:9px;background:#fff}
.mario-cameras .mc-toolbar p{font-size:11px;line-height:1.7;color:var(--mc-muted);margin:0}
.mario-cameras .mc-counter{font-size:12px;font-weight:650;color:var(--mc-blue);font-variant-numeric:tabular-nums}
.mario-cameras .mc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.mario-cameras .mc-card{min-width:0;background:#fff;border:1px solid var(--mc-line);border-radius:13px;overflow:hidden;box-shadow:0 3px 10px #173c5e04}
.mario-cameras .mc-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid var(--mc-line)}
.mario-cameras .mc-camera-title{min-width:0;display:flex;gap:10px;align-items:center}
.mario-cameras .mc-channel{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:39px;height:30px;padding:4px 7px;border-radius:6px;background:#eaf4fc;color:var(--mc-blue);font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}
.mario-cameras .mc-card h2{font-size:16px;line-height:1.4;margin:0;color:var(--mc-ink);letter-spacing:-.2px;overflow-wrap:anywhere}
.mario-cameras .mc-badge{display:inline-flex;align-items:center;gap:5px;max-width:145px;padding:4px 7px;border-radius:5px;background:#eef2f5;color:#617486;font-size:9px;font-weight:700;line-height:1.6;white-space:nowrap}
.mario-cameras .mc-badge:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.mario-cameras .mc-badge[data-state="playing"]{background:#e6f4ed;color:#2c6c4d}
.mario-cameras .mc-badge[data-state="loading"],.mario-cameras .mc-badge[data-state="paused"]{background:#fff6d8;color:#7f651a}
.mario-cameras .mc-badge[data-state="error"]{background:#fff0ed;color:#9b4539}
.mario-cameras .mc-screen{position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#142b3e;overflow:hidden;isolation:isolate}
.mario-cameras video{display:block;width:100%;height:100%;position:absolute;inset:0;background:#142b3e;object-fit:contain;z-index:2}
.mario-cameras .mc-placeholder{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:14px;max-width:300px;padding:28px;text-align:center;color:#a8bfce}
.mario-cameras .mc-placeholder p{margin:0;font-size:11px;line-height:1.8;color:#c1d0da}
.mario-cameras .mc-camera-symbol{display:block;position:relative;width:48px;height:32px;border:2px solid #90acc1;border-radius:7px;opacity:.7}
.mario-cameras .mc-camera-symbol:before{content:"";position:absolute;top:8px;left:12px;width:13px;height:13px;border:2px solid #90acc1;border-radius:50%}
.mario-cameras .mc-camera-symbol:after{content:"";position:absolute;top:-6px;left:8px;width:14px;height:6px;border:2px solid #90acc1;border-bottom:0;border-radius:4px 4px 0 0}
.mario-cameras .mc-card-body{padding:17px 19px 19px}
.mario-cameras .mc-status{min-height:40px;margin:0 0 12px;color:var(--mc-muted);font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.mario-cameras .mc-card[data-phase="error"] .mc-status,.mario-cameras .mc-card[data-phase="uncertain"] .mc-status{color:#8a4938}
.mario-cameras .mc-card-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.mario-cameras .mc-card-actions .mc-button:first-child{min-width:120px}
.mario-cameras .mc-hint{margin:13px 0 0;padding-top:12px;border-top:1px solid #e6edf3;color:#73879a;font-size:10px;line-height:1.8}
.mario-cameras .mc-footnote{font-size:11px;line-height:1.85;color:var(--mc-muted);margin:20px 0 0;max-width:900px}
.mario-cameras .mc-empty{grid-column:1/-1;border:1px dashed #c9dae7;border-radius:10px;background:#fff;padding:35px 24px;color:var(--mc-muted);font-size:13px;line-height:1.8;text-align:center}
.mario-cameras .mc-loading{padding:30px 0;color:var(--mc-muted);font-size:13px;line-height:1.8}
@media(max-width:1050px){.mario-cameras .mc-card-heading{align-items:flex-start;gap:10px;flex-wrap:wrap}.mario-cameras .mc-camera-title{flex:1 1 150px}.mario-cameras .mc-card h2{font-size:15px}.mario-cameras .mc-card-heading,.mario-cameras .mc-card-body{padding:15px}}
@media(max-width:680px){.mario-cameras .mc-heading{flex-direction:column;gap:17px}.mario-cameras h1{font-size:27px}.mario-cameras .mc-grid{grid-template-columns:1fr;gap:20px}.mario-cameras .mc-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.mario-cameras .mc-card-heading{flex-wrap:nowrap}.mario-cameras .mc-card-heading,.mario-cameras .mc-card-body{padding:16px}.mario-cameras .mc-card h2{font-size:16px}.mario-cameras .mc-placeholder{gap:11px;padding:22px}.mario-cameras .mc-placeholder p{font-size:10px}.mario-cameras .mc-status{min-height:0}.mario-cameras .mc-button{min-height:41px}.mario-cameras .mc-badge{max-width:125px;font-size:8px}}
@media(max-width:370px){.mario-cameras .mc-card-heading{flex-wrap:wrap}.mario-cameras .mc-placeholder{padding:15px}.mario-cameras .mc-camera-symbol{transform:scale(.85)}}
@media print{.mario-cameras{display:none!important}}