/* ============================================================
   MODO CLARO DEL PANEL
   Mantiene la identidad: negro de la barra, dorado de la marca
   y los mismos acentos. Solo cambia el lienzo.
   ============================================================ */
body.claro{
  --bg:#F1EDE6; --bg2:#FFFFFF; --bg3:#F8F5F0; --linea:#E6DFD4;
  --txt:#1E1A16; --txt2:#736A5C;
  --oro:#A96D14; --oro-luz:#D9942F; --oro-hondo:#7E4F0C;
  --rosa:#D3305A; --verde:#12A150; --jade:#0E8C82; --rojo:#D03A3F; --ambar:#C2790C;
}

/* barra lateral clara, con el dorado de la marca como acento */
body.claro .lateral{background:#FFFFFF;border-right-color:#E6DFD4}
body.claro .marca{border-bottom-color:#EFE9DF}
body.claro .marca b{color:#A96D14}
body.claro .marca small{color:#9A9084}
body.claro .plegar{border-color:#E2DACE;color:#8A7F6E}
body.claro .plegar:hover{color:#A96D14;border-color:#D9942F}
body.claro .menu h5{color:#A0968A}
body.claro .mi{color:#5E5648}
body.claro .mi:hover{background:#F7F3EC;color:#1E1A16}
body.claro .mi.on{background:linear-gradient(100deg,rgba(217,148,47,.18),rgba(217,148,47,.05));color:#8A5A08}
body.claro .mi.on svg{color:#A96D14}
body.claro .pie-lat{border-top-color:#EFE9DF}
body.claro .lateral .pin{background:linear-gradient(145deg,#FF5C7C,#D3305A)}
body.claro.plegado .mi:hover::after{background:#FFFFFF;color:#1E1A16;border-color:#E2DACE;
  box-shadow:0 10px 24px -14px rgba(120,100,70,.5)}
body.claro .lateral ::-webkit-scrollbar-thumb{background:#E0D8CB}

/* la cabecera y el lienzo, claros */
body.claro .top{background:rgba(241,237,230,.92);border-bottom-color:#E2DACE}
body.claro .top h1{color:#1E1A16}
body.claro .hamb{border-color:#DDD4C6;color:#4A423A}

/* tarjetas con relieve suave, no planas */
body.claro .tarjeta{background:#FFFFFF;border-color:#EAE3D8;
  box-shadow:0 1px 2px rgba(105,85,55,.05), 0 10px 28px -22px rgba(105,85,55,.4)}
body.claro .cifra{background:#FFFFFF;border-color:#EAE3D8;
  box-shadow:0 1px 2px rgba(105,85,55,.05)}
body.claro .cifra.oro b{color:#A96D14} body.claro .cifra.rosa b{color:#C42A52}
body.claro .cifra.jade b{color:#0C7B72} body.claro .cifra.verde b{color:#0E8A44}
body.claro .item{background:#FCFAF7;border-color:#EAE3D8}
body.claro .item:hover{border-color:#D9CDB9;background:#FFFFFF}

/* campos y botones */
body.claro input[type=text],body.claro input[type=number],body.claro input[type=date],
body.claro input[type=time],body.claro input[type=password],body.claro input[type=url],
body.claro input[type=email],body.claro input[type=search],body.claro select,body.claro textarea{
  background-color:#FFFFFF;color:#1E1A16;border-color:#DED5C6}
body.claro input:focus,body.claro select:focus,body.claro textarea:focus{
  border-color:#D9942F;box-shadow:0 0 0 3px rgba(217,148,47,.16)}
body.claro ::placeholder{color:#A79C8B}
body.claro .btn{background:#FFFFFF;color:#3A332B;border-color:#DED5C6}
body.claro .btn:hover{border-color:#D9942F;color:#7E4F0C;background:#FFFBF4}
body.claro .btn.oro{background:linear-gradient(145deg,#FFE7BE,#F7C578 35%,#D9942F);color:#2A1B06;border-color:transparent}
body.claro .btn.verde{background:#12A150;color:#FFFFFF}
body.claro .btn.rojo{border-color:#E8BFC1;color:#C0392B;background:#FFF}
body.claro .btn.rojo:hover{background:#FDF0F0;border-color:#D03A3F}
body.claro .btn.reset{border-color:#EBD4A8;color:#9A6608;background:#FFFDF7}
body.claro .btn.reset:hover{background:#FFF6E4;border-color:#C2790C}

/* interruptores */
body.claro .sw i{background:#D6CCBD}
body.claro .sw i::after{background:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.18)}
body.claro .sw input:checked + i{background:linear-gradient(145deg,#F7C578,#D9942F)}
body.claro .sw input:checked + i::after{background:#FFFFFF}

/* tablas y pestañas */
body.claro th{color:#8A7F6E;border-bottom-color:#E6DFD4}
body.claro td{border-bottom-color:#F0EAE0}
body.claro tbody tr:hover{background:#FBF8F3}
body.claro .tabs{border-bottom-color:#E2DACE}
body.claro .tabs button{color:#7A7061}
body.claro .tabs button:hover{color:#1E1A16;background:#F7F3EC}
body.claro .tabs button.on{color:#A96D14;border-bottom-color:#D9942F}

/* etiquetas de estado, con contraste real */
body.claro .chip.nueva,body.claro .chip.nuevo{background:#FDF0D8;color:#8A5A08}
body.claro .chip.confirmada,body.claro .chip.en_proceso{background:#E1F0FB;color:#15618F}
body.claro .chip.completada,body.claro .chip.entregado{background:#DFF5E7;color:#0E6B37}
body.claro .chip.cancelada,body.claro .chip.cancelado{background:#FCE6E7;color:#A82A2E}
body.claro .chip.no_asistio{background:#EFEDF1;color:#5B5566}
body.claro .chip.pospuesta,body.claro .chip.pospuesto{background:#F0E8FC;color:#6B3FA8}
body.claro .chip.confirmado{background:#E1F0FB;color:#15618F}

/* ventanas y avisos */
body.claro .modal,body.claro .modal header,body.claro .modal footer{background:#FFFFFF;border-color:#EAE3D8}
body.claro .velo{background:rgba(58,48,36,.38)}
body.claro .cerrar{color:#8A7F6E}
body.claro .aviso{background:#FFFFFF;border-color:#EAE3D8;box-shadow:0 18px 38px -20px rgba(105,85,55,.45)}
body.claro .modo.vivo{background:rgba(18,161,80,.14);color:#0E7A3C;border-color:rgba(18,161,80,.32)}
body.claro .modo.manual{background:rgba(194,121,12,.14);color:#8A5A08;border-color:rgba(194,121,12,.3)}
body.claro .modo-fila .modo{filter:none}

/* piezas sueltas */
body.claro .mini.ph{background:#F2ECE2;color:#A0968A}
body.claro .caja-reset{background:#FFFCF5;border-color:#E9D6AE}
body.claro .clave-txt,body.claro .recu code{background:#FBF7F0;color:#8A5A08;border-color:#E4D9C6}
body.claro .arrastre{color:#B5AB9C}
body.claro .zona{border-color:#DED5C6;color:#8A7F6E}
body.claro .zona.sobre{border-color:#D9942F;background:#FFF9EE;color:#A96D14}
body.claro .zona b{color:#1E1A16}
body.claro .med{background:#FBF8F3;border-color:#E6DFD4}
body.claro .barra-prog{background:#E8E0D4}
body.claro .med__carp{background:rgba(255,255,255,.9);color:#7E4F0C}
body.claro .med__carp.dulce{color:#C42A52} body.claro .med__carp.pelu{color:#0C7B72}

/* chat dentro del panel */
body.claro .ch-marco{background:#FFFFFF;border-color:#EAE3D8}
body.claro .ch-lista{border-right-color:#EAE3D8}
body.claro .ch-filtros{border-bottom-color:#EAE3D8}
body.claro .ch-fil{background:#F7F3EC;border-color:#E2DACE;color:#6F6558}
body.claro .ch-fil.on{color:#2A1B06}
body.claro .ch-fila{border-bottom-color:#F0EAE0}
body.claro .ch-fila:hover{background:#FBF8F3}
body.claro .ch-fila.sel{background:#FFF8EC;border-left-color:#D9942F}
body.claro .ch-fila.nuevo{background:linear-gradient(90deg,rgba(211,48,90,.07),transparent 70%)}
body.claro .ch-cabecera{border-bottom-color:#EAE3D8}
body.claro .ch-ficha{background:#FBF8F3;border-bottom-color:#EAE3D8}
body.claro .ch-ficha span{background:#FFFFFF;border-color:#E6DFD4;color:#6F6558}
body.claro .ch-msg.ellos{background:#F6F2EB;border-color:#E6DFD4;color:#2A241D}
body.claro .ch-msg.yo{background:linear-gradient(145deg,#FFEBCB,#F8DBA8);border-color:#EDC98F;color:#3B2B10}
body.claro .ch-msg.sistema{border-color:#E2DACE;color:#8A7F6E}
body.claro .ch-escribir{border-top-color:#EAE3D8}
body.claro .ch-atajos button{background:#F7F3EC;border-color:#E2DACE;color:#6F6558}
body.claro .ch-atajos button:hover{color:#A96D14;border-color:#D9942F}

/* gráficos del informe */
body.claro .barra-pista{background:#EAE2D6}
body.claro .gcol span{color:#8A7F6E}
body.claro .cifra .var.sube{color:#0E7A3C} body.claro .cifra .var.baja{color:#B93035}
body.claro .par-cifra b{color:#A96D14}

body.claro ::-webkit-scrollbar-thumb{background:#DAD1C3}
body.claro ::-webkit-scrollbar-thumb:hover{background:#C7BCA9}
/* ---------- elegir carpeta al subir ---------- */
.elige-carpeta{display:flex;flex-direction:column;gap:10px}
.elige-carpeta button{display:flex;align-items:center;gap:13px;flex-wrap:wrap;text-align:left;
  background:var(--bg3);border:1px solid var(--linea);border-radius:13px;padding:15px 17px;cursor:pointer;
  color:var(--txt);transition:.18s}
.elige-carpeta button:hover{border-color:var(--oro);background:rgba(242,180,95,.07)}
.elige-carpeta b{font-size:.95rem;flex:0 0 auto}
.elige-carpeta span:not(.punto){font-size:.79rem;color:var(--txt2);width:100%;margin-left:24px;margin-top:-4px}
body.claro .elige-carpeta button{background:#FBF8F3}
body.claro .elige-carpeta button:hover{background:#FFF8EC}

/* ---------- encuadre de imagen ---------- */
.encuadre{display:flex;gap:20px;flex-wrap:wrap}
.encuadre__lienzo{width:280px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;position:relative;
  background:#26232F;border:1px solid var(--linea);cursor:grab;flex:0 0 auto;touch-action:none}
.encuadre__lienzo:active{cursor:grabbing}
.encuadre__lienzo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform-origin:center;user-select:none;-webkit-user-drag:none}
.encuadre__guia{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 33%,rgba(255,255,255,.14) 33%,rgba(255,255,255,.14) 33.4%,transparent 33.4%,
    transparent 66.6%,rgba(255,255,255,.14) 66.6%,rgba(255,255,255,.14) 67%,transparent 67%),
    linear-gradient(180deg,transparent 33%,rgba(255,255,255,.14) 33%,rgba(255,255,255,.14) 33.4%,transparent 33.4%,
    transparent 66.6%,rgba(255,255,255,.14) 66.6%,rgba(255,255,255,.14) 67%,transparent 67%)}
.encuadre__ctrl{flex:1;min-width:230px}
.encuadre__ctrl input[type=range]{width:100%;accent-color:var(--oro)}
.medida{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border-radius:12px;margin-bottom:14px;
  background:rgba(245,165,36,.08);border:1px solid rgba(245,165,36,.3);font-size:.82rem;line-height:1.55}
.medida.ok{background:rgba(37,211,102,.08);border-color:rgba(37,211,102,.3)}
.medida b{display:block;margin-bottom:3px}
.medida svg{width:19px;height:19px;flex:0 0 auto;margin-top:1px;color:var(--ambar)}
.medida.ok svg{color:var(--verde)}
body.claro .medida{background:#FFFAF0;border-color:#E9D6AE;color:#6B5836}
body.claro .medida.ok{background:#F1FBF4;border-color:#BEE6CD;color:#20603C}

/* ---------- galería del producto ---------- */
.gal{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.gal__f{position:relative;width:88px;aspect-ratio:4/3;border-radius:10px;overflow:hidden;
  border:1px solid var(--linea);background:var(--bg3);cursor:pointer}
.gal__f img{width:100%;height:100%;object-fit:cover}
.gal__f.principal{border-color:var(--oro);box-shadow:0 0 0 2px rgba(242,180,95,.3)}
.gal__f b{position:absolute;left:0;right:0;bottom:0;font-size:.6rem;text-align:center;padding:2px;
  background:rgba(8,7,12,.75);color:var(--oro);letter-spacing:.06em}
.gal__x{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:0;
  background:rgba(8,7,12,.72);color:#F09098;cursor:pointer;font-size:.85rem;line-height:1;display:grid;place-items:center}
.gal__mas{width:88px;aspect-ratio:4/3;border-radius:10px;border:2px dashed var(--linea);background:none;
  color:var(--txt2);cursor:pointer;display:grid;place-items:center;font-size:1.5rem}
.gal__mas:hover{border-color:var(--oro);color:var(--oro)}


/* ---------- detalles que se veían duros ---------- */
input[type=color]{-webkit-appearance:none;appearance:none;border:1px solid var(--linea);
  border-radius:10px;padding:0;overflow:hidden;background:transparent;cursor:pointer;width:46px;height:38px}
input[type=color]::-webkit-color-swatch-wrapper{padding:3px}
input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}
input[type=color]::-moz-color-swatch{border:0;border-radius:7px}
body.claro input[type=color]{border-color:#DED5C6;background:#FFFFFF}

/* las etiquetas ES / EN, más suaves */
.campo label .lang{background:rgba(242,180,95,.16);color:var(--oro);font-weight:700;
  border:1px solid rgba(242,180,95,.25);padding:1px 7px;border-radius:6px}
body.claro .campo label .lang{background:#FBF2E2;color:#8A5A08;border-color:#EBDCC0}

/* La flecha de los desplegables se define una sola vez, en 06-bloques.css */
input[type=range]{-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;
  background:var(--bg3);border:1px solid var(--linea);outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;
  background:linear-gradient(145deg,#FFE7BE,#D9942F);cursor:pointer;border:0;
  box-shadow:0 2px 8px -2px rgba(0,0,0,.5)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:0;
  background:linear-gradient(145deg,#FFE7BE,#D9942F);cursor:pointer}
body.claro input[type=range]{background:#EDE6DA;border-color:#DED5C6}

/* el aviso del chat, más visible */
.pin{background:linear-gradient(145deg,#FF5C7C,#D3305A);box-shadow:0 2px 8px -2px rgba(211,48,90,.7);
  animation:pinLate 2.2s ease-in-out infinite;min-width:20px;height:20px;display:inline-grid;place-items:center;
  font-size:.7rem;padding:0 6px}
@keyframes pinLate{0%,100%{transform:scale(1)}12%{transform:scale(1.16)}24%{transform:scale(1)}}
.prog{display:block;height:5px;border-radius:999px;background:#2A2637;margin-top:8px;max-width:260px;overflow:hidden}
.prog i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#F7C578,#D9942F);transition:width .4s}
body.claro .prog{background:#EAE2D6}
/* resalte del campo recién traducido */
input.recien,textarea.recien{border-color:var(--verde) !important;
  box-shadow:0 0 0 3px rgba(37,211,102,.18) !important;transition:.3s}