/* Quest · reporte (13/10/2026): estilos de la maqueta de Dis (aw-v2/quest-reportar/quest-reportar.css), acotados a la página Quest real.
   Paleta: fondo #1a1917, paneles #201e1b, oro #c9b27f, crema rgb(227,217,189), líneas rgba(227,217,189,.22), rojo de cambios #C43B3B. */
.aw-quest, .rq-ov { --qr-bar:#201e1b; --qr-gold:#c9b27f; --qr-cream:rgb(227,217,189); --qr-ink:#d9d2bf; --qr-dim:#9d9685; --qr-line:rgba(227,217,189,.22); --qr-red:#C43B3B;
  --qr-cream-grad:linear-gradient(180deg,#f1e9d2 0%,#e3d9bd 55%,#cfc29e 100%); --qr-ui:Inter,system-ui,sans-serif; --qr-serif:"Cinzel","Trajan Pro",Georgia,serif }
/* botones (página) */
.qr-btn, .rq-ov .btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:34px; padding:0 14px; border:1px solid var(--qr-line); border-radius:3px;
  background:rgba(32,30,27,.92); color:var(--qr-ink); font:500 13px/1 var(--qr-ui); cursor:pointer; text-decoration:none; white-space:nowrap; pointer-events:auto }
.qr-btn:hover, .qr-btn:focus-visible, .rq-ov .btn:hover, .rq-ov .btn:focus-visible { border-color:var(--qr-gold); color:var(--qr-cream) }
.qr-btn--cream, .rq-ov .btn--cream { background:var(--qr-cream-grad); color:#1d1b17; border-color:rgba(255,250,236,.6); position:relative; padding:0 26px; font-weight:600 }
.qr-btn--cream::before, .qr-btn--cream::after, .rq-ov .btn--cream::before, .rq-ov .btn--cream::after { content:""; position:absolute; top:50%; width:6px; height:6px; border:1px solid rgba(29,27,23,.55); transform:translateY(-50%) rotate(45deg) }
.qr-btn--cream::before, .rq-ov .btn--cream::before { left:8px } .qr-btn--cream::after, .rq-ov .btn--cream::after { right:8px }
.qr-btn--cream:hover, .rq-ov .btn--cream:hover { color:#000; filter:brightness(1.05) }
.aw-quest .qtools { display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 14px }
.aw-quest .qtools [data-qload-slot] { display:contents }
.aw-quest .qact { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 8px }
.aw-quest .card .qprev { margin-left:auto; align-self:center; padding:2px 6px; font:600 10px/1 var(--qr-ui); letter-spacing:.08em; color:var(--qr-red); border:1px solid var(--qr-red); border-radius:2px }
/* vídeo: miniatura; el iframe se carga al pulsar */
.aw-quest .qv { position:relative; aspect-ratio:16/9; margin:0 0 18px; background:#000 center/cover; border:1px solid var(--qr-line); border-radius:3px; overflow:hidden; cursor:pointer }
.aw-quest .qv button { position:absolute; inset:0; margin:auto; width:76px; height:52px; border-radius:12px; border:0; background:rgba(196,59,59,.92); color:#fff; font-size:22px; cursor:pointer }
.aw-quest .qv span { position:absolute; left:12px; bottom:10px; font-size:12px; color:var(--qr-cream); background:rgba(0,0,0,.6); padding:3px 8px; border-radius:2px }
.aw-quest .qv iframe { position:absolute; inset:0; width:100%; height:100%; border:0 }
/* formulario: panel lateral derecho de 560 px sobre velo (móvil: pantalla completa) */
html.rq-on, html.rq-on body { overflow:hidden }
.rq-ov { position:fixed; inset:0; background:rgba(10,9,8,.72); z-index:1000; display:flex; justify-content:flex-end; color:var(--qr-ink); font:15px/1.55 var(--qr-ui) }
.rq-ov[hidden] { display:none }
.rq-ov *, .rq-ov *::before, .rq-ov *::after { box-sizing:border-box }
.rq-ov .rq { width:min(560px,100%); height:100%; background:var(--qr-bar); border-left:1px solid var(--qr-line); display:flex; flex-direction:column }
.rq-ov .rq header { display:flex; align-items:center; gap:10px; padding:14px 18px; border-bottom:1px solid var(--qr-line) }
.rq-ov .rq header h3 { margin:0; font:600 16px/1.2 var(--qr-serif); color:var(--qr-gold); flex:1 }
.rq-ov .x { width:34px; height:34px; border:0; background:none; color:var(--qr-dim); font-size:20px; cursor:pointer } .rq-ov .x:hover { color:var(--qr-cream) }
.rq-ov .rq-body { flex:1; overflow:auto; padding:16px 18px }
.rq-ov .rq-intro { font-size:13px; color:var(--qr-dim); margin:0 0 14px }
.rq-ov .fld { margin:0 0 16px; position:relative }
.rq-ov .fld > .lb { display:flex; align-items:center; gap:8px; font:600 12px/1.2 var(--qr-ui); letter-spacing:.06em; text-transform:uppercase; color:var(--qr-gold); margin-bottom:6px }
.rq-ov .fld .req { color:var(--qr-red) }
.rq-ov .fld .hint { font-size:12px; color:var(--qr-dim); margin-top:4px }
.rq-ov .in { width:100%; background:#16150f; border:1px solid var(--qr-line); border-radius:3px; color:var(--qr-cream); font:14px/1.4 var(--qr-ui); padding:8px 10px }
.rq-ov textarea.in { min-height:72px; resize:vertical } .rq-ov .in:focus { outline:none; border-color:var(--qr-gold) }
.rq-ov .in[readonly] { opacity:.6 }
.rq-ov .fld.is-changed { padding-left:10px; border-left:2px solid var(--qr-red) }
.rq-ov .chg { font:600 10px/1 var(--qr-ui); letter-spacing:.08em; color:#fff; background:var(--qr-red); padding:3px 6px; border-radius:2px; text-transform:uppercase }
.rq-ov .undo { margin-left:auto; font:500 11px var(--qr-ui); color:var(--qr-dim); background:none; border:0; cursor:pointer; text-transform:none; letter-spacing:0 } .rq-ov .undo:hover { color:var(--qr-cream) }
.rq-ov .old { font-size:12px; color:var(--qr-dim); margin-top:4px; text-decoration:line-through }
.rq-ov .row { display:flex; gap:8px; align-items:flex-start; margin-bottom:6px } .rq-ov .row > * { flex:1 } .rq-ov .row .n { flex:0 0 80px }
.rq-ov .row .rm { flex:0 0 34px; height:34px; border:1px solid var(--qr-line); background:none; color:var(--qr-dim); border-radius:3px; cursor:pointer }
.rq-ov .add { background:none; border:1px dashed var(--qr-line); color:var(--qr-dim); border-radius:3px; padding:6px 10px; font:13px var(--qr-ui); cursor:pointer; width:100% } .rq-ov .add:hover { color:var(--qr-cream); border-color:var(--qr-gold) }
.rq-ov .err { color:#e07a6e; font-size:12px } .rq-ov .ok { color:#9fc48a; font-size:12px }
.rq-ov .yt .err, .rq-ov .yt .ok { margin-top:4px }
.rq-ov .yt-prev { display:flex; gap:10px; align-items:center; margin-top:6px } .rq-ov .yt-prev img { width:120px; aspect-ratio:16/9; object-fit:cover; border-radius:2px }
.rq-ov .adv summary { cursor:pointer; color:var(--qr-dim); font-size:13px; margin:4px 0 12px } .rq-ov .adv summary:hover { color:var(--qr-cream) }
.rq-ov .coords { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px }
.rq-ov .rq footer { border-top:1px solid var(--qr-line); padding:12px 18px; display:flex; align-items:center; gap:10px; flex-wrap:wrap }
.rq-ov .rq footer .sum { font-size:12px; color:var(--qr-dim); flex:1 }
@media (max-width:899px), (hover: none) and (pointer: coarse) and (max-height: 600px) {
  .rq-ov .rq { width:100%; border-left:0 }
  .rq-ov .rq input, .rq-ov .rq textarea, .rq-ov .rq select, .rq-ov .rq .in { font-size:16px }  /* 13/10: sin zoom de iOS al tocar un campo (como el reporte del mapa) */
  .aw-quest .qact .qr-btn { flex:1 } .rq-ov .row .n { flex-basis:64px }
}
/* David 13/10 17:32: botones «Reportar» de la página con el mismo estilo que el botón Reportar del mapa (.rep-btn--cream) */
.aw-quest .qr-btn[data-qrep] { min-height:30px; padding:0 20px; border-color:rgba(255,250,236,.6); background:var(--qr-cream-grad); color:#1d1b17; font:500 13px/1 var(--qr-ui); position:relative }
.aw-quest .qr-btn[data-qrep]::before, .aw-quest .qr-btn[data-qrep]::after { content:""; position:absolute; top:50%; width:6px; height:6px; border:1px solid rgba(29,27,23,.55); transform:translateY(-50%) rotate(45deg) }
.aw-quest .qr-btn[data-qrep]::before { left:5px } .aw-quest .qr-btn[data-qrep]::after { right:5px }
.aw-quest .qr-btn[data-qrep]:hover, .aw-quest .qr-btn[data-qrep]:focus-visible { color:#1d1b17; border-color:rgba(255,250,236,.6); filter:brightness(1.05) }