.camaritas{--camera-accent:var(--cyan,#2ec9f4);display:grid;gap:18px;max-width:1500px;margin-inline:auto;color:inherit}
.camaritas .camera-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.camaritas .camera-toolbar>div{flex:1;min-width:240px}.camaritas h2,.camaritas p{margin:0}.camaritas .camera-toolbar p{margin-top:6px;opacity:.75}
.camaritas .camera-message{padding:12px 16px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff05;line-height:1.6}
.camaritas form{display:grid;gap:16px;max-width:640px;padding:20px;border:1px solid #ffffff25;border-radius:16px}.camaritas form label{display:grid;gap:8px}.camaritas input,.camaritas select{width:100%;padding:12px;background:var(--panel,#171725);color:inherit;border:1px solid #ffffff30;border-radius:8px}
.camaritas .camera-group{margin-bottom:18px;border:1px solid #ffffff20;border-radius:16px;background:var(--panel,#14141e);overflow:hidden}.camaritas summary{cursor:pointer;padding:18px 20px;font-weight:700;font-size:18px}.camaritas summary span{margin-left:10px;font-size:14px;opacity:.65}
.camaritas .camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 18px 18px}.camaritas .camera-empty{padding:20px;opacity:.65;grid-column:1/-1}.camaritas .camera-tile{border:1px solid #ffffff25;border-radius:12px;overflow:hidden;min-width:0}.camaritas .camera-tile header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#ffffff06}.camaritas .camera-tile strong{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.camaritas [data-camera-state]{font-size:12px;white-space:nowrap;color:var(--camera-accent)}
.camaritas .camera-picture{position:relative;aspect-ratio:16/9;background:#08080d;display:grid;place-items:center}.camaritas video{display:block;width:100%;height:100%;object-fit:contain}.camaritas .camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#bcb8cd;pointer-events:none}.camaritas footer{display:flex;gap:10px;flex-wrap:wrap;padding:12px 14px}.camaritas .camera-expanded{grid-column:1/-1}.camaritas [hidden]{display:none!important}
@media(max-width:760px){.camaritas .camera-grid{grid-template-columns:1fr}.camaritas .camera-tile header{align-items:flex-start;flex-direction:column}.camaritas .camera-toolbar .btn{width:100%}}
.camaritas .camera-options > summary{padding:8px 14px;font-size:12px;font-weight:600;color:var(--camera-accent)}.camaritas .camera-options footer{padding-top:4px}.camaritas [data-camera-move]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}

/* Controles propios de Camaritas: evitar botones nativos claros y estirados. */
.camaritas .btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 14px;border:1px solid #a63c48;border-radius:6px;background:#0b1826;color:#eef2fa;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:pointer;white-space:normal;text-align:center;box-shadow:none}
.camaritas .btn:hover{background:#1d2b3a;border-color:#e16a77}
.camaritas .btn:focus-visible{outline:2px solid #e99aa4;outline-offset:3px}
.camaritas .btn:disabled{opacity:.55;cursor:default}
.camaritas .btn.primary,.camaritas [data-camera-stop],.camaritas [data-camera-own-stop]{background:#491722;color:#fff;border-color:#bd4658}
.camaritas footer{align-items:center}
.camaritas [data-camera-move]{flex:1;min-width:220px;margin-left:auto}
.camaritas [data-camera-move] select{width:auto;flex:1;min-width:100px;padding:8px;min-height:36px}
@media(max-width:760px){.camaritas [data-camera-move]{flex-basis:100%;margin-left:0}}