.photo-drop{border:2px dashed #7b9a8d;border-radius:12px;padding:18px;margin:12px 0;background:#f4f8f3}.photo-drop.dragging{background:#e5f4cc;border-color:#153d33}.photo-drop button{cursor:pointer}.photo-upload-preview{display:flex;flex-wrap:wrap;gap:12px}.photo-upload-preview>div{max-width:190px}.photo-upload-preview img{display:block;width:180px;height:135px;max-width:100%;object-fit:contain;background:#eef0eb;border-radius:8px}.photo-upload-preview button{font-size:13px;padding:7px 10px}.photo-drop p[role=status]{overflow-wrap:anywhere}

/* Cabecera móvil: accesos compactos y centrados, incluidos los del propietario. */
@media (max-width: 650px) {
  body header .nav {width:100%!important;max-width:100%!important;padding:12px!important;gap:12px!important;}
  body header .nav > .brand {width:min(320px,78vw)!important;max-width:100%!important;height:auto!important;aspect-ratio:320/49;}
  body header .nav > .brand .header-logo {width:100%!important;max-width:none!important;height:auto!important;transform:translateY(-28%)!important;}
  body header #mainNav.navlinks {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;gap:8px!important;align-items:stretch!important;justify-items:stretch!important;border:0!important;}
  body header #mainNav.navlinks > a, body header #mainNav.navlinks > button {position:static!important;inset:auto!important;transform:none!important;float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;height:auto!important;margin:0!important;padding:10px 8px!important;font-size:13px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;box-sizing:border-box!important;}
  body header .language-bar {padding:8px 12px!important;gap:8px!important;}
  body header .language-bar label {font-size:13px!important;}
  body header .language-bar select {width:auto!important;max-width:48%!important;min-width:0!important;}
}

/* Retirada de fotos: botón visible, táctil y con contraste suficiente. */
.photo-drop-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0}
.photo-drop-actions button{cursor:pointer}
.photo-clear{background:#fff;color:#8a2b2b;border:1px solid #e0b4b4;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600}
.photo-clear:hover{background:#fdf1f1}
.photo-upload-preview>div.photo-tile{max-width:190px;display:flex;flex-direction:column;gap:6px}
.photo-upload-preview .photo-remove{width:100%;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#8a2b2b;border:1px solid #e0b4b4;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.2}
.photo-upload-preview .photo-remove:hover,.photo-upload-preview .photo-remove:focus-visible{background:#fdf1f1;border-color:#c98b8b}
@media(max-width:650px){
  .photo-upload-preview>div.photo-tile{max-width:calc(50% - 6px)}
  .photo-upload-preview .photo-remove{min-height:44px;font-size:14px}
  .photo-drop-actions button{flex:1 1 auto;min-height:44px}
}