/* Área de cliente (21-10-2026): la ventana de entrar, la página del Área de cliente, el Panel de Bwit y lo que se añade a la
   ficha («Guardar» y el velo de la propuesta). Estilo B: fondo claro, Inter, tarjetas redondeadas y el azul de Bwit.
   Lo cargan solo las páginas que lo usan (cuenta.js lo pone si falta). */
:root{--ac-azul:var(--azul,#004C97);--ac-tinta:var(--tinta,#15283D);--ac-gris:var(--gris,#5E6E81);--ac-gris2:var(--gris2,#8391A2);
  --ac-fondo:var(--b-gris,#F5F7FA);--ac-filete:var(--b-filete,#DCE3EB);--ac-letra:var(--b-letra,Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);
  --ac-amarillo:#E9B920;--ac-ambar-t:#FFF6DC;--ac-ambar:#7A5A00;--ac-verde-t:#E3F3EA;--ac-verde:#1B6B43;--ac-rojo:#B42318;--ac-rojo-t:#FDECEA}

/* ---------- ventana de entrar ---------- */
.ac-hoja{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100vw);height:100dvh;max-height:none;max-width:none;padding:0;border:0;
  background:#fff;color:var(--ac-tinta);font:400 16px/1.45 var(--ac-letra);box-shadow:-30px 0 60px -30px rgba(21,40,61,.35);overflow:auto}
.ac-hoja[open]{animation:ac-entra .35s cubic-bezier(.22,.68,.2,1)}
.ac-hoja::backdrop{background:rgba(21,40,61,.32);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
@keyframes ac-entra{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.ac-hoja[open]{animation:none}}
.ac-hoja-cab{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ac-filete)}
.ac-hoja-cab b{display:block;font-size:16px;font-weight:600}.ac-hoja-cab span{display:block;font-size:13px;color:var(--ac-gris)}
.ac-x{margin-left:auto;width:36px;height:36px;border:0;border-radius:50%;background:var(--ac-fondo);color:var(--ac-tinta);font-size:22px;line-height:1;cursor:pointer}
.ac-x:hover{background:#E8EDF3}
.ac-hoja-cuerpo{padding:22px 22px 32px}
.ac-hoja-cuerpo>section{margin:0;padding:0}   /* la web pone relleno a todas las <section> */
.ac-ojo{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ac-azul)}
.ac-ojo::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--ac-amarillo)}
.ac-hoja h2{margin:6px 0 8px;font-size:26px;line-height:1.15;letter-spacing:-.025em;font-weight:600}
.ac-hoja p{margin:0 0 14px;color:var(--ac-gris)}
.ac-hoja form{display:grid;gap:12px;margin-top:8px}
.ac-campo{display:grid;gap:6px;font-size:14px;font-weight:500;color:var(--ac-tinta)}
.ac-campo small{font-weight:400;color:var(--ac-gris2)}
.ac-campo input,.ac-campo select,.ac-campo textarea{width:100%;box-sizing:border-box;min-height:46px;padding:10px 14px;border:1px solid #C9D3DE;border-radius:12px;
  background:#fff;color:var(--ac-tinta);font:400 16px/1.3 var(--ac-letra)}
.ac-campo input:focus,.ac-campo select:focus,.ac-campo textarea:focus{outline:2px solid var(--ac-azul);outline-offset:1px;border-color:transparent}
.ac-codigo{font-size:26px!important;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
.ac-mas{border:1px solid var(--ac-filete);border-radius:12px;padding:10px 14px}
.ac-mas summary{cursor:pointer;font-size:14px;font-weight:500}.ac-mas summary span{color:var(--ac-gris2);font-weight:400}
.ac-mas[open]{display:grid;gap:10px}.ac-mas[open] summary{margin-bottom:4px}
.ac-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;color:var(--ac-tinta)}
.ac-check input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--ac-azul)}
.ac-check a{color:var(--ac-azul)}
.ac-capa{font-size:12.5px!important;line-height:1.4;color:var(--ac-gris2)!important;margin:0!important}
.ac-nota{font-size:13.5px}
.ac-enlace{padding:0;border:0;background:none;color:var(--ac-azul);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ac-ancho{width:100%}
.ac-error{margin:14px 0 0!important;padding:10px 12px;border-radius:10px;background:var(--ac-rojo-t);color:var(--ac-rojo)!important;font-size:14px}
.b-boton[disabled]{opacity:.55;cursor:default}
@media (max-width:560px){.ac-hoja{inset:auto 0 0 0;width:100vw;height:auto;max-height:92dvh;border-radius:18px 18px 0 0}
  @keyframes ac-entra{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}}

.ac-aviso{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%,20px);opacity:0;padding:12px 18px;border-radius:12px;background:var(--ac-tinta);
  color:#fff;font:500 14px/1.3 var(--ac-letra);transition:opacity .25s,transform .25s;pointer-events:none}
.ac-aviso.ver{opacity:1;transform:translate(-50%,0)}

/* ---------- piezas comunes ---------- */
.ac-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;background:#EEF2F6;color:#3D4C5E}
.ac-chip.recibida,.ac-chip.pendiente{background:var(--ac-ambar-t);color:var(--ac-ambar)}
.ac-chip.en_estudio{background:#E6EEF7;color:var(--ac-azul)}
.ac-chip.oferta_enviada,.ac-chip.verificada,.ac-chip.bien{background:var(--ac-verde-t);color:var(--ac-verde)}
.ac-chip.cerrada{background:#EEF2F6;color:var(--ac-gris)}
.ac-chip.bloqueada,.ac-chip.mal{background:var(--ac-rojo-t);color:var(--ac-rojo)}
.ac-boton-sec{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--ac-filete);border-radius:999px;background:#fff;
  color:var(--ac-tinta);font:500 14px/1 var(--ac-letra);text-decoration:none;cursor:pointer;white-space:nowrap}
.ac-boton-sec:hover{border-color:var(--ac-azul);color:var(--ac-azul)}
.ac-boton-sec.peligro:hover{border-color:var(--ac-rojo);color:var(--ac-rojo)}
.ac-boton-sec.azul{background:var(--ac-azul);border-color:var(--ac-azul);color:#fff}
.ac-boton-sec.azul:hover{background:#003E7C;color:#fff}

/* ---------- página del Área de cliente y del panel ---------- */
.ac-pagina{background:var(--ac-fondo);min-height:60vh;padding:28px 22px 80px;font-family:var(--ac-letra);color:var(--ac-tinta)}
.ac-pagina-in{width:min(1040px,100%);margin:0 auto;display:grid;gap:22px}
.ac-hola{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.ac-hola h2{margin:0;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.03em;font-weight:600;line-height:1.08}
.ac-hola p{margin:6px 0 0;color:var(--ac-gris)}
.ac-banda{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:14px;font-size:15px;line-height:1.45}
.ac-banda.pendiente{background:var(--ac-ambar-t);color:var(--ac-ambar)}
.ac-banda.verificada{background:var(--ac-verde-t);color:var(--ac-verde)}
.ac-caja{background:#fff;border:1px solid var(--ac-filete);border-radius:18px;padding:20px 22px}
.ac-caja>h3{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 14px;font-size:21px;letter-spacing:-.02em;font-weight:600}
.ac-caja>h3 small{font-size:14px;font-weight:400;color:var(--ac-gris)}
.ac-vacio{margin:0;color:var(--ac-gris)}
.ac-vacio a{color:var(--ac-azul)}
.ac-lista{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.ac-item{display:grid;grid-template-columns:72px 1fr;gap:6px 14px;align-items:start;padding:12px;border:1px solid var(--ac-filete);border-radius:14px}
.ac-item figure{margin:0;width:72px;height:56px;border-radius:10px;background:var(--ac-fondo);display:grid;place-items:center;overflow:hidden}
.ac-item figure img{max-width:100%;max-height:100%;object-fit:contain}
.ac-item h4{margin:0;font-size:16px;font-weight:600}
.ac-item p{margin:3px 0 0;font-size:13.5px;color:var(--ac-gris);line-height:1.4}
.ac-item .ac-acciones{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ac-peticion{grid-template-columns:1fr auto;align-items:center}
.ac-peticion .ac-acciones{grid-column:auto;margin:0}
.ac-numero{font-variant-numeric:tabular-nums;color:var(--ac-gris2);font-weight:500}
.ac-datos form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ac-datos .ac-entero{grid-column:1/-1}
.ac-datos .ac-pie{display:flex;flex-wrap:wrap;gap:8px;align-items:center;grid-column:1/-1;padding-top:6px}
.ac-datos .ac-pie .b-boton{min-height:40px;font-size:15px}
.ac-peligro{margin-top:18px;padding-top:16px;border-top:1px solid var(--ac-filete);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ac-peligro p{flex:1 1 260px;margin:0;font-size:13.5px;color:var(--ac-gris)}
.ac-entrar{max-width:560px;margin:20px auto;text-align:center}
.ac-entrar h2{margin:0 0 10px;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.03em;font-weight:600}
.ac-entrar ul{display:grid;gap:8px;margin:18px auto 22px;padding:0;list-style:none;text-align:left;max-width:380px;color:var(--ac-gris)}
.ac-entrar li::before{content:"✓";color:var(--ac-azul);font-weight:700;margin-right:10px}
.ac-sin-servidor{max-width:640px;margin:30px auto;padding:18px 20px;border-radius:14px;background:#fff;border:1px dashed var(--ac-filete);color:var(--ac-gris)}
.ac-sin-servidor code{font-size:13px;background:var(--ac-fondo);padding:2px 6px;border-radius:6px;color:var(--ac-tinta)}
@media (max-width:700px){.ac-item{grid-template-columns:56px 1fr}.ac-item figure{width:56px;height:46px}.ac-item .ac-acciones{grid-column:1/-1}
  .ac-peticion{grid-template-columns:1fr}.ac-datos form{grid-template-columns:1fr}}

/* Panel de Bwit */
.ac-pestanas{display:flex;flex-wrap:wrap;gap:8px}
.ac-pestanas button{min-height:36px;padding:0 14px;border:1px solid var(--ac-filete);border-radius:999px;background:#fff;color:var(--ac-tinta);font:500 14px var(--ac-letra);cursor:pointer}
.ac-pestanas button[aria-pressed="true"]{background:var(--ac-tinta);border-color:var(--ac-tinta);color:#fff}
.ac-tabla{width:100%;border-collapse:collapse;font-size:14px}
.ac-tabla th{text-align:left;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--ac-gris2);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--ac-filete)}
.ac-tabla td{padding:12px 10px;border-bottom:1px solid #EEF2F6;vertical-align:top}
.ac-tabla td small{display:block;color:var(--ac-gris2);font-size:12.5px;margin-top:2px}
.ac-tabla tr:target td,.ac-tabla tr.ac-resaltada td{background:#FFFBEA}
.ac-pistas{display:flex;flex-wrap:wrap;gap:6px}
.ac-tabla .ac-acciones{display:flex;flex-wrap:wrap;gap:6px}
.ac-tabla select{min-height:34px;border:1px solid var(--ac-filete);border-radius:10px;padding:0 8px;font:14px var(--ac-letra);background:#fff;color:var(--ac-tinta)}
.ac-texto-largo{max-width:420px;white-space:pre-line;color:var(--ac-gris);font-size:13.5px}
@media (max-width:860px){.ac-tabla thead{display:none}.ac-tabla,.ac-tabla tbody,.ac-tabla tr,.ac-tabla td{display:block}
  .ac-tabla tr{border:1px solid var(--ac-filete);border-radius:14px;margin-bottom:12px;padding:6px}.ac-tabla td{border:0;padding:6px 8px}}

/* ---------- la ficha: velo de la propuesta y «Guardar» ---------- */
.ac-cerrado{filter:blur(7px) saturate(.6);opacity:.55;pointer-events:none;user-select:none;transition:filter .4s,opacity .4s}
/* Va entre «Tus mínimos» (que se rellenan sin cuenta) y la propuesta, que queda borrosa hasta entrar */
.ac-velo{max-width:460px;margin:18px auto;padding:22px 22px 20px;border-radius:18px;background:#fff;border:1px solid var(--ac-filete);
  box-shadow:0 30px 60px -30px rgba(21,40,61,.45);text-align:center;font-family:var(--ac-letra)}
.ac-velo h4{margin:0 0 6px;font-size:21px;letter-spacing:-.02em;font-weight:600;color:var(--ac-tinta)}
.ac-velo p{margin:0 0 14px;font-size:14.5px;color:var(--ac-gris);line-height:1.45}
.ac-velo .ac-nota{margin:10px 0 0;font-size:12.5px;color:var(--ac-gris2)}
.ac-guardar{display:grid;gap:8px;margin-top:10px}
.ac-guardar .ac-boton-sec{justify-content:center;min-height:44px;width:100%}
.ac-guardada{font-size:13px;color:var(--ac-verde)}
.ac-guardada a{color:inherit}