/* Plataforma para Peritos Valuadores · estilos base */
:root{
  --tinta:#0F1B2D; --tinta-2:#34445A; --gris:#4A5A70; --gris-claro:#5B6B80;
  --fondo:#F6F7F9; --blanco:#FFFFFF; --borde:#E3E7EC; --borde-2:#C9D1DB;
  --acento:#0B6B52; --acento-osc:#08513E; --acento-claro:#E6F6EF; --menta:#2FBF8F;
  --navy-2:#1C2C44; --oscuro:#0F1B2D; --texto-suave:#C8D2DE; --texto-suave-2:#9FB0C4;
  --alerta:#8A4B00; --alerta-fondo:#FFF4E5; --error:#9B1C1C; --error-fondo:#FDECEC;
  --radio:14px;
  --fuente:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fuente-titulo:'Space Grotesk','Inter',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--fuente);color:var(--tinta);background:var(--fondo);line-height:1.5}
a{color:var(--acento)}a:hover{color:var(--acento-osc)}
img,svg{max-width:100%}
h1,h2,h3{line-height:1.15;margin:0}
h1,h2{font-family:var(--fuente-titulo)}
p{margin:0}
.contenedor{max-width:1200px;margin:0 auto;padding:0 24px}
.icono{width:24px;height:24px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Botones */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid transparent;font:600 15px var(--fuente);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.boton-primario{background:var(--acento);color:#fff}.boton-primario:hover{background:var(--acento-osc);color:#fff}
.boton-menta{background:var(--menta);color:var(--tinta);font-weight:700}.boton-menta:hover{background:var(--menta);filter:brightness(.92);color:var(--tinta)}
.boton-borde{border-color:var(--borde-2);color:var(--tinta);background:transparent}.boton-borde:hover{border-color:var(--tinta);color:var(--tinta)}
.boton-borde-claro{border-color:#3A4D68;color:#fff}.boton-borde-claro:hover{border-color:#fff;color:#fff}
.boton-grande{min-height:52px;padding:0 24px;font-size:17px}
.boton-bloque{width:100%}
.boton:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7CC4FF;outline-offset:2px}

/* Encabezado */
.encabezado{background:#fff;border-bottom:1px solid var(--borde)}
.encabezado .contenedor{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinta)}
.marca-logo{width:36px;height:36px;border-radius:8px;background:var(--acento);display:flex;align-items:center;justify-content:center;color:#fff}
.marca-logo .icono{width:20px;height:20px}
.marca-nombre{font:700 22px var(--fuente-titulo)}
.menu{display:flex;flex-wrap:wrap;gap:22px;font-size:15px}
.menu a{color:var(--tinta-2);text-decoration:none}.menu a:hover{color:var(--tinta)}
.acciones{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.acciones form{margin:0}

/* Portada */
.portada{background:var(--oscuro);color:#fff}
.portada .contenedor{display:flex;flex-wrap:wrap;gap:56px;align-items:center;padding-top:80px;padding-bottom:80px}
.portada-texto{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:24px}
.etiqueta{align-self:flex-start;padding:6px 12px;border-radius:999px;background:var(--navy-2);color:#BFE8D9;font-size:14px;font-weight:600}
.portada h1{font-size:clamp(34px,5vw,52px);letter-spacing:-.5px}
.portada-sub{font-size:19px;line-height:1.6;color:var(--texto-suave);max-width:560px}
.portada-nota{font-size:14px;color:var(--texto-suave-2)}
.botones{display:flex;flex-wrap:wrap;gap:12px}
.portada-muestra{flex:1 1 420px;min-width:0;display:flex;justify-content:center}
.tarjeta-muestra{width:100%;max-width:460px;background:#fff;color:var(--tinta);border-radius:16px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:18px}
.muestra-cabeza{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.muestra-mini{font-size:13px;color:var(--gris-claro);font-weight:600;text-transform:uppercase}
.muestra-titulo{font:700 20px var(--fuente-titulo)}
.insignia{padding:4px 10px;border-radius:999px;background:var(--acento-claro);color:var(--acento);font-size:13px;font-weight:700;white-space:nowrap}
.dato-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dato{background:var(--fondo);border-radius:10px;padding:12px}
.dato small{display:block;font-size:12px;color:var(--gris-claro)}
.dato strong{font-size:18px}
.revision{border-top:1px solid var(--borde);padding-top:16px;display:flex;flex-direction:column;gap:10px;font-size:14px}
.revision-linea{display:flex;align-items:center;gap:10px}
.revision-linea .icono{width:18px;height:18px;color:var(--acento);stroke-width:2.5}
.revision-linea.aviso{color:var(--alerta)}.revision-linea.aviso .icono{color:#B26200}

/* Franja */
.franja{background:#fff;border-bottom:1px solid var(--borde)}
.franja .contenedor{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px;padding-top:22px;padding-bottom:22px;font-size:15px;color:var(--tinta-2);font-weight:500}
.franja span{display:flex;align-items:center;gap:10px}
.franja .icono{width:20px;height:20px;color:var(--acento)}

/* Secciones */
.seccion{padding:88px 0}
.seccion-blanca{background:#fff;border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}
.seccion-cabeza{display:flex;flex-direction:column;gap:12px;max-width:720px;margin-bottom:40px}
.seccion-cabeza h2{font-size:clamp(28px,3.4vw,38px)}
.seccion-cabeza p{font-size:18px;line-height:1.6;color:var(--gris)}
.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:24px;display:flex;flex-direction:column;gap:12px}
.tarjeta h3{font-size:20px}
.tarjeta p{font-size:16px;line-height:1.55;color:var(--gris)}
.tarjeta>.icono{width:28px;height:28px;color:var(--acento)}
.pasos{list-style:none;margin:0;padding:0}
.paso-num{width:40px;height:40px;border-radius:999px;background:var(--oscuro);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.paso-num.final{background:var(--acento)}
.funciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px 32px}
.funcion{display:flex;gap:14px}
.funcion .icono{color:var(--acento)}
.funcion h3{font-size:17px;margin-bottom:6px}
.funcion p{font-size:15px;line-height:1.55;color:var(--gris)}

/* Privacidad */
.dos-columnas{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.dos-columnas>*{flex:1 1 420px;min-width:0}
.lista-check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:16px;color:var(--tinta-2)}
.lista-check li{display:flex;gap:10px}
.lista-check .icono{width:20px;height:20px;color:var(--acento);stroke-width:2.5;margin-top:2px}
.panel-oscuro{background:var(--oscuro);color:#fff;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px}
.panel-oscuro .muestra-mini{color:var(--texto-suave-2)}
.fila-comparable{display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:10px;background:var(--navy-2)}
.fila-comparable small{display:block;font-size:13px;color:var(--texto-suave-2)}
.fila-comparable small.cambio{color:#FFD7A8}
.fila-comparable strong{color:#BFE8D9;white-space:nowrap}

/* Directorio */
.directorio{background:var(--acento-claro)}
.directorio .contenedor{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between;padding-top:72px;padding-bottom:72px}
.directorio-texto{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:12px}
.directorio-texto h2{font-size:clamp(26px,3vw,34px)}
.directorio-texto p{font-size:17px;line-height:1.6;color:var(--tinta-2)}
.form-linea{flex:1 1 420px;min-width:0;display:flex;flex-wrap:wrap;gap:12px}
.form-linea label{flex:1 1 200px}

/* Precios */
.plan{background:#fff;border:1px solid var(--borde);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px}
.plan.destacado{border:2px solid var(--acento)}
.plan h3{font-size:20px}
.precio{font:700 40px var(--fuente-titulo)}
.precio small{font:500 16px var(--fuente);color:var(--gris-claro)}
.plan ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--gris)}
.plan .boton{margin-top:auto}

/* Llamado final y pie */
.llamado{background:var(--oscuro);color:#fff}
.llamado .contenedor{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding-top:72px;padding-bottom:72px}
.llamado h2{font-size:clamp(26px,3vw,36px)}
.llamado p{font-size:18px;color:var(--texto-suave);margin-top:10px}
.pie{background:#0A1422;color:var(--texto-suave-2);font-size:14px;line-height:1.6}
.pie .contenedor{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding-top:40px;padding-bottom:40px}
.pie strong{font:700 18px var(--fuente-titulo);color:#fff;display:block;margin-bottom:6px}
.pie nav{display:flex;flex-wrap:wrap;gap:20px}
.pie a{color:var(--texto-suave)}

/* Formularios */
.campo{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--tinta)}
.campo input,.campo select{min-height:48px;border:1px solid #B9C5D2;border-radius:10px;padding:0 12px;font:400 16px var(--fuente);background:#fff;color:var(--tinta);width:100%}
.campo .ayuda{font-weight:400;font-size:13px;color:var(--gris-claro)}
.campo-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--tinta-2)}
.campo-check input{width:20px;height:20px;margin-top:2px}
.form-rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}

/* Páginas internas */
.pagina-acceso{min-height:100vh;display:flex;flex-direction:column}
.acceso{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px}
.caja{width:100%;max-width:560px;background:#fff;border:1px solid var(--borde);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:20px}
.caja.angosta{max-width:440px}
.caja h1{font-size:30px}
.caja .sub{color:var(--gris);font-size:16px}
.aviso-caja{padding:12px 14px;border-radius:10px;font-size:15px}
.aviso-caja.error{background:var(--error-fondo);color:var(--error)}
.aviso-caja.exito{background:var(--acento-claro);color:var(--acento-osc)}
.aviso-caja.info{background:#EAF2FB;color:#1E3A5F}
.aviso-caja.alerta{background:var(--alerta-fondo);color:var(--alerta)}
.aviso-caja ul{margin:6px 0 0;padding-left:20px}

.panel{padding:40px 0 80px}
.panel-cabeza{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
.panel-cabeza h1{font-size:30px}
.indicadores{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}
.indicador{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:18px}
.indicador small{display:block;color:var(--gris-claro);font-size:13px;font-weight:600}
.indicador strong{font:700 24px var(--fuente-titulo)}
.tabla-caja{background:#fff;border:1px solid var(--borde);border-radius:12px;overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--borde);white-space:nowrap}
th{font-size:13px;color:var(--gris-claro);text-transform:uppercase;letter-spacing:.3px;background:#FAFBFC}
tr:last-child td{border-bottom:none}
.vacio{padding:40px 24px;text-align:center;color:var(--gris)}
.estado{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;background:#EEF1F4;color:var(--tinta-2)}
.estado.verde{background:var(--acento-claro);color:var(--acento)}

/* Panel de administración */
.admin-layout{display:flex;flex-wrap:wrap;gap:24px;padding-top:24px;padding-bottom:64px;align-items:flex-start}
.admin-menu{flex:1 1 200px;max-width:240px;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--borde);border-radius:12px;padding:8px}
.admin-menu a{display:block;padding:10px 12px;border-radius:8px;color:var(--tinta-2);text-decoration:none;font-weight:500}
.admin-menu a:hover{background:var(--fondo);color:var(--tinta)}
.admin-menu a.activa{background:var(--acento-claro);color:var(--acento-osc);font-weight:700}
.admin-contenido{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}
.admin-contenido h1{font-size:28px}
.bloque{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}
.bloque h2{font-size:19px;font-family:var(--fuente)}
.campo textarea{min-height:96px;border:1px solid #B9C5D2;border-radius:10px;padding:10px 12px;font:400 16px var(--fuente);color:var(--tinta);width:100%;resize:vertical}
.filtros{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:14px 16px}
.filtros .campo input,.filtros .campo select{min-height:40px}
.filtros .boton{min-height:40px}
.filtros .campo{flex:1 1 200px;max-width:340px}
.acciones-fila{display:flex;flex-wrap:wrap;gap:8px}
.boton-chico{min-height:36px;padding:0 12px;font-size:14px}
.estado.rojo{background:var(--error-fondo);color:var(--error)}
.estado.naranja{background:var(--alerta-fondo);color:var(--alerta)}
td.ajustar{white-space:normal;min-width:220px}

@media (max-width:820px){
  .admin-menu{max-width:none;flex-direction:row;flex-wrap:wrap}
}
@media (max-width:640px){
  .seccion{padding:56px 0}
  .portada .contenedor{padding-top:48px;padding-bottom:48px}
  .menu{width:100%;order:3;gap:16px}
  .caja{padding:24px}
}

/* Ficha de verificación: en pantallas angostas cada dato va debajo de su etiqueta */
.ficha table{min-width:0}
@media (max-width:640px){
  .ficha th,.ficha td{display:block;width:100%}
  .ficha th{border-bottom:0;padding-bottom:2px}
  .ficha td{padding-top:0;white-space:normal;overflow-wrap:anywhere}
}

/* ---------- Ingreso de datos del valúo ---------- */
.pasos-valuo{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:18px;scrollbar-width:thin}
.pasos-valuo a{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--borde);border-radius:10px;background:#fff;color:var(--tinta);text-decoration:none;font-weight:600;font-size:14px;min-width:120px}
.pasos-valuo a small{font-weight:400;color:var(--gris-claro);font-size:12px}
.pasos-valuo a[aria-current=page]{background:var(--oscuro);color:#fff;border-color:var(--oscuro)}
.pasos-valuo a[aria-current=page] small{color:#C9D3DE}
.resumen-valuo{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}
.resumen-valuo div{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.resumen-valuo small{font-size:12px;color:var(--gris-claro)}
.resumen-valuo strong{font-size:17px}
.resumen-valuo .destacado{background:var(--acento-claro);border-color:#9CC9B5}
.bloque-valuo{background:#fff;border:1px solid var(--borde);border-radius:14px;padding:18px;margin:0 0 16px;min-width:0}
.bloque-valuo legend{font-weight:700;font-size:17px;padding:0 6px}
.bloque-valuo h2{font-size:20px;margin-bottom:12px}
.con-mic{display:flex;gap:6px;align-items:flex-start}
.con-mic input,.con-mic textarea{flex:1;min-width:0}
.mic{flex:0 0 44px;height:48px;border:1px solid #B9C5D2;border-radius:10px;background:#fff;color:var(--tinta-2);cursor:pointer;display:flex;align-items:center;justify-content:center}
.mic svg,.dictar-bloque svg{width:20px;height:20px}
.mic.grabando,.dictar-bloque.grabando{background:#9B1C1C;color:#fff;border-color:#9B1C1C;animation:latido 1s infinite}
@keyframes latido{50%{opacity:.6}}
.dictado-barra{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;background:#F0F4F8;border:1px solid var(--borde);border-radius:14px;padding:14px;margin-bottom:16px}
.dictado-barra .ayuda{font-size:14px;color:var(--gris);flex:1 1 260px}
.rellenado{background:#E8F3EE!important;border-color:#2E8B62!important}
.grupo-tarjeta{border:1px solid var(--borde);border-radius:12px;padding:14px;margin-bottom:14px;background:#FAFBFC}
.grupo-cabeza{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.grupo-acciones{display:flex;gap:8px}
.factores{margin-top:14px}
.factores table{min-width:0;width:100%;table-layout:fixed}
.factores th:first-child{width:42%}.factores th:nth-child(2){width:36%}.factores th:nth-child(3){width:22%}
.factores th,.factores td{white-space:normal;overflow-wrap:anywhere}
.factores select,.factores input{min-height:40px;border:1px solid #B9C5D2;border-radius:8px;padding:0 8px;font:400 15px var(--fuente);width:100%;background:#fff}
.factores input{max-width:90px}
.acciones-valuo{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 28px}
.traza td{vertical-align:top}
.traza .valor{font-weight:700;white-space:nowrap}
.traza .formula{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:var(--gris);white-space:normal;overflow-wrap:anywhere}
@media (max-width:640px){
  .bloque-valuo{padding:14px 12px}
  .traza th:nth-child(3){display:none}
  .traza td{display:block;border:0;padding:2px 10px}
  .traza tr{display:block;border-bottom:1px solid var(--borde);padding:8px 0}
  .traza .valor{white-space:normal}
  .factores td,.factores th{padding:6px;font-size:13px}
  .factores select,.factores input{font-size:14px;padding:0 4px}
}

/* Teléfono con la casilla «¿Posees WhatsApp?» */
.tel-whatsapp{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.tel-whatsapp input[type=tel]{flex:1 1 160px;min-width:0}
.tel-whatsapp .casilla{display:flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap;cursor:pointer;min-height:48px}
.tel-whatsapp .casilla input{width:22px;height:22px;accent-color:var(--acento)}

/* ---------- Panel: pestañas, importar, mapa, perfil (v0.4) ---------- */
.acciones-panel{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.acciones-panel .boton{justify-content:center}
.pestanas{display:flex;gap:6px;border-bottom:2px solid var(--borde);margin:6px 0 16px;overflow-x:auto}
.pestanas a{padding:10px 16px;font-weight:600;color:var(--gris);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}
.pestanas a[aria-current=page]{color:var(--tinta);border-bottom-color:var(--acento)}
.mapa-expedientes{height:min(70vh,640px);min-height:360px;border-radius:14px;border:1px solid var(--borde);background:#E8ECF0}
.tarjeta-mapa{display:flex;flex-direction:column;gap:6px;width:240px;font:400 14px var(--fuente);color:var(--tinta)}
.tarjeta-mapa img{width:100%;height:140px;object-fit:cover;border-radius:8px}
.tarjeta-mapa strong{display:block;font-size:15px}
.tarjeta-mapa .precio{display:block;font-size:18px;font-weight:700;color:var(--acento)}
.tarjeta-mapa small{color:var(--gris)}
.pin-expediente span{display:inline-block;transform:translate(-50%,-100%);background:var(--oscuro);color:#fff;font:700 12px var(--fuente);padding:4px 8px;border-radius:8px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.pin-expediente span::after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--tinta)}
.dialogo{border:0;border-radius:16px;padding:24px;width:min(760px,calc(100% - 24px));max-height:calc(100% - 24px);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.dialogo::backdrop{background:rgba(15,27,45,.55)}
.dialogo h2{font-size:22px;margin-bottom:12px}
.dialogo-cerrar{position:absolute;right:14px;top:12px}
.dialogo-cerrar button{border:0;background:none;font-size:20px;cursor:pointer;color:var(--gris)}
.zona-archivo{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 16px;border:2px dashed #9FB0C2;border-radius:14px;cursor:pointer;text-align:center;margin-top:14px;background:#F7F9FB}
.zona-archivo svg{width:36px;height:36px;color:var(--acento)}
.zona-archivo.encima{border-color:var(--acento);background:var(--acento-claro)}
.zona-archivo span{color:var(--gris);font-size:14px}
.fotos-importar{border:0;padding:0;margin-top:14px}
.fotos-importar legend{font-weight:700;margin-bottom:8px}
#imp-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.foto-opcion{position:relative;cursor:pointer}
.foto-opcion img{width:100%;height:100px;object-fit:cover;border-radius:8px;border:3px solid transparent}
.foto-opcion input{position:absolute;opacity:0}
.foto-opcion input:checked+img{border-color:var(--acento)}
.foto-opcion input:focus-visible+img{outline:3px solid #7BB8F0}
.foto-fachada{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.foto-fachada img{width:min(320px,100%);border-radius:10px;border:1px solid var(--borde)}
.sin-foto{display:flex;align-items:center;justify-content:center;width:220px;height:140px;border:2px dashed var(--borde);border-radius:10px;color:var(--gris)}
.subir-doc{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.subir-doc .campo{flex:1 1 220px}

/* v0.4.1 revisión IA de documentos */
.alerta-datos{border:2px solid #E8A33D;background:#FFF8EC}
.revision{white-space:nowrap;font-size:14px;font-weight:600}
.revision-coincide{color:#0B7A4B}.revision-no_coincide{color:#B45309}.revision-no_legible,.revision-no_es{color:#B42318}

/* v0.4.2 revisión SSF */
.revision-celda{white-space:nowrap;font-size:14px;line-height:1.6}
.revision-celda .gris{color:var(--gris)}
.resumen-revision .linea-revision{margin:6px 0;padding:10px 12px;border-radius:8px;background:#F4F6F9}
.resumen-revision .linea-revision.bien{background:#E8F6EF}
.resumen-revision .linea-revision.mal{background:#FDECEC}
.fila-gestion td{background:#F7F9FB;white-space:normal}
.tabla-peritos th,.tabla-peritos td{padding:10px 12px}
.tabla-peritos td.ajustar{min-width:190px}
.tabla-peritos td.contacto{white-space:normal;word-break:break-word;max-width:190px;font-size:14px}
.gestion{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}
.gestion form{margin:0!important}
.gris{color:var(--gris)}

/* v0.4.4 nota de revisión en Mi perfil */
.nota-revision{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:#F1F4F8;border:1px solid var(--borde);font-size:15px;line-height:1.5}
.nota-revision>span{font-size:22px;line-height:1}
.nota-revision.bien{background:#E8F6EF;border-color:#9FD8BC;color:#0B4F33}
.nota-revision.mal{background:#FDECEC;border-color:#F3B4B4;color:#7A1C1C}
.nota-revision ul{margin:6px 0 0 18px}
.form-corregir{display:flex;flex-direction:column;gap:14px;margin-top:14px;padding:16px;border:1px solid var(--borde);border-radius:12px;background:#FAFBFC}

/* v0.4.5 mapa: capas y botón Mi ubicación */
.mapa-caja{position:relative}
.btn-ubicacion{position:absolute;left:12px;bottom:28px;z-index:1000;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:0;border-radius:24px;background:#fff;color:#1A73E8;font:600 15px var(--fuente);box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer}
.btn-ubicacion:disabled{opacity:.6;cursor:wait}
.btn-ubicacion span{color:var(--tinta)}

/* v0.4.7 enlace al catastro del CNR */
.btn-cnr{left:auto;right:12px;text-decoration:none}
.btn-cnr span{color:var(--acento-osc)}
.enlace-cnr{display:inline-block;margin-top:6px;font-size:13px;font-weight:600;color:var(--acento-osc)}
.ventana-cnr-fondo{position:fixed;inset:0;z-index:9000;background:rgba(17,32,58,.5);display:flex;align-items:center;justify-content:center;padding:16px}.ventana-cnr{background:var(--blanco,#fff);color:var(--tinta,#11203A);border-radius:16px;width:min(480px,100%);max-height:92vh;overflow:auto;padding:20px;box-shadow:0 12px 40px rgba(0,0,0,.35)}.ventana-cnr h2{font-size:20px;margin:0 0 12px}.cnr-rotulo{font-size:13px;color:var(--tinta-2,#475569);margin:0 0 6px}.cnr-coords{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 14px;border:2px solid var(--verde,#0E6B4F);border-radius:12px;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;user-select:all}.cnr-estado{min-height:20px;font-size:14px;color:var(--verde,#0E6B4F);font-weight:600;margin:8px 0}.cnr-pasos{margin:4px 0 16px;padding-left:22px;font-size:15px;line-height:1.5}.cnr-pasos li{margin-bottom:4px}
html[data-tema="oscuro"] .cnr-estado,html[data-tema="oscuro"] .cnr-coords{color:#6EE7B7;border-color:#34D399}html[data-tema="oscuro"] .cnr-coords{color:inherit}
.toast-cnr{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:5000;max-width:min(92vw,520px);background:#11203A;color:#fff;padding:12px 16px;border-radius:10px;font-size:14px;box-shadow:0 6px 20px rgba(0,0,0,.3)}

/* v0.4.7 «Mi perfil» debajo del nombre */
.usuario-cabecera{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2}
.usuario-cabecera a{font-size:13px;font-weight:600;color:var(--acento);text-decoration:underline;text-underline-offset:2px}
.usuario-cabecera a[aria-current="page"]{text-decoration:none;color:var(--tinta)}

/* v0.4.7 buscador de expedientes */
.buscador-expedientes{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.buscador-expedientes input{flex:1 1 260px;min-height:44px;border:1px solid #B9C5D2;border-radius:10px;padding:0 14px;font:400 16px var(--fuente);background:#fff}
.celda-ubicacion{min-width:260px;max-width:420px}
.paginacion{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;font-size:14px;color:var(--gris)}

/* v0.4.8 términos y condiciones */
.documento-legal{max-width:820px;line-height:1.65}
.documento-legal h1{margin-bottom:4px}
.documento-legal section{background:#fff;border:1px solid var(--borde);border-radius:14px;padding:18px 20px;margin:0 0 14px}
.documento-legal h2{font-size:19px;margin-bottom:8px}
.documento-legal p+p{margin-top:8px}
.documento-legal ul{margin:8px 0 0 20px}
.indice-legal{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0 18px;font-size:14px}
.lista-datos li{margin:2px 0}

/* v0.4.10 eliminar expediente y comparables */
.estado.azul{background:#E7F0FB;color:#1E4E8C}
.boton-eliminar{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #F0B8B8;border-radius:8px;background:#fff;color:#B42318;font:600 14px var(--fuente);cursor:pointer}
.boton-eliminar:hover{background:#FDECEC}
.boton-eliminar svg{width:16px;height:16px}
.boton-peligro{background:#B42318;color:#fff;border:0}
.boton-peligro:hover{background:#8F1C13}
.dialogo-chico{max-width:460px}
.acciones-eliminar{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}

/* v0.4.12 selector de ubicación */
.bloque-coordenadas{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.fila-ubicar{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ayuda-ubicar{font-size:13px;color:var(--gris);flex:1 1 260px}
.recien-llenado{background:#E8F6EF!important;transition:background .3s}
.selector-mapa{width:min(960px,96vw);max-width:none}
.selector-buscar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.selector-buscar input{flex:1 1 240px;min-height:44px;border:1px solid #B9C5D2;border-radius:10px;padding:0 12px;font:400 16px var(--fuente)}
.selector-lienzo{height:min(60vh,520px);min-height:300px;border-radius:12px;border:1px solid var(--borde);background:#E8ECF0}
.selector-estado{font-size:14px;color:var(--gris);margin:8px 0}
.selector-botones{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.pin-selector span{display:block;width:28px;height:28px;border-radius:50% 50% 50% 0;background:#D93025;border:3px solid #fff;transform:rotate(-45deg);box-shadow:0 2px 6px rgba(0,0,0,.4)}

/* v0.4.13 territorio y correlativo */
.rejilla-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.solo-lectura{background:#F1F4F8!important;color:var(--tinta);font-weight:600}
.rejilla-territorio{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}

/* v0.4.15 importar: ficha de comparable */
.bloque-importar{border:1px solid var(--borde);border-radius:12px;padding:12px 14px 16px;margin:12px 0}
.bloque-importar legend{font-weight:700;padding:0 6px}
.rejilla-ficha{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
input.falta,select.falta{border-color:#E8A33D!important;background:#FFF8EC!important}
.boton-eliminar{padding:0 10px;min-width:40px;justify-content:center}
.boton-eliminar svg{width:18px;height:18px}

/* v0.4.17 instalar la app en el celular */
.aviso-instalar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:4000;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--borde);box-shadow:0 8px 28px rgba(15,27,45,.25)}
.aviso-instalar img{border-radius:10px}
.aviso-instalar .texto{flex:1 1 200px;font-size:15px;line-height:1.4}
.aviso-instalar .botones{display:flex;gap:8px;margin-left:auto}
@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top)}}
.lista-opciones{display:flex;flex-direction:column;gap:6px}.lista-opciones select{width:100%}.lista-otro[hidden]{display:none}
.campo[hidden]{display:none}
.grupo-fotos{font-size:16px;margin:18px 0 8px;color:var(--verde,#0B6B52)}.grupo-fotos:first-child{margin-top:4px}.foto-cambiar{display:flex;align-items:center;gap:6px;padding:0 10px 8px;font-size:13px;color:var(--tinta-2)}.foto-cambiar select{flex:1;min-width:0;font-size:13px;padding:4px 6px;border:1px solid #CBD3DC;border-radius:8px;background:#fff;color:inherit}.foto-por-clasificar{outline:3px solid #D97706}.foto-por-clasificar figcaption strong{color:#B45309}.pestanas-campos{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.pestanas-campos a{padding:6px 12px;border:1px solid #B9C5D2;border-radius:999px;font-size:.85rem;text-decoration:none;color:inherit;background:#fff}.pestanas-campos a.activa{background:var(--azul,#0B3D6B);color:#fff;border-color:transparent}.editar-campo{display:inline-block}.editar-campo summary{list-style:none;cursor:pointer}.editar-campo summary::-webkit-details-marker{display:none}
.celda-datos{vertical-align:middle}.botones-celda{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.campo-tramos{display:flex;flex-direction:column;gap:6px}.campo-tramos .tramo{display:flex;align-items:center;gap:6px}.campo-tramos .tramo input{flex:1;min-width:0}.tramo-num{font-size:.8rem;color:var(--gris);white-space:nowrap;min-width:84px}.quitar-tramo{border:1px solid #B9C5D2;background:#fff;border-radius:8px;width:36px;height:40px;font-size:1.2rem;cursor:pointer;flex:none}.agregar-tramo{align-self:flex-start}.total-tramos[hidden]{display:none}
.campo-tramos .tramo input{min-height:40px;border:1px solid #B9C5D2;border-radius:10px;padding:0 12px;font:400 16px var(--fuente);background:#fff;color:var(--tinta)}.campo-tramos .tramo input:disabled{background:#F1F4F7}.tramo-num{min-width:0}
.calcular-distancias{margin-top:14px;display:flex;flex-direction:column;gap:8px}.calcular-distancias .boton{align-self:flex-start}.resultado-distancias ul{margin:6px 0 8px 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.resultado-distancias li{background:#F4F7FA;border-radius:10px;padding:10px 12px;line-height:1.45}.resultado-distancias[hidden]{display:none}
.barra-porcentaje{display:flex;align-items:center;gap:10px;margin-top:6px}.barra-porcentaje input[type=range]{flex:1;min-height:0;accent-color:var(--verde,#0E6B4F);padding:0;border:0}.barra-porcentaje output{min-width:56px;text-align:right;font-weight:600;font-size:.9rem}
.campo-con-cantidad{display:flex;flex-direction:column;gap:6px}.campo-cantidad{font-size:.85rem;font-weight:500;color:var(--gris)}.campo-cantidad input{min-height:40px}
.tabla-referencia{margin-top:8px}.tabla-referencia summary{cursor:pointer;padding:6px 0}.tabla-referencia table td{vertical-align:top}
.pasos-valuo{position:relative}
.mapas-rejilla{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:16px;align-items:start}.mapas-lienzo{position:sticky;top:12px;padding:8px}#mapa-ref{height:72vh;min-height:420px;border-radius:10px}.form-columna{display:flex;flex-direction:column;gap:10px}.botones-fila{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.botones-fila .campo{flex:1;min-width:120px}.lista-mapas{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.lista-mapas li{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #E3E8EE;border-radius:10px;padding:8px 10px}.lista-mapas form{margin:0}.vertice{background:#fff;border:2px solid #E8590C;border-radius:50%;cursor:move}.vertice-medio{background:#E8590C;opacity:.55;border-radius:50%;cursor:copy}@media (max-width:900px){.mapas-rejilla{grid-template-columns:1fr}.mapas-lienzo{position:static}#mapa-ref{height:60vh}}
.tabla-rh{max-height:420px;overflow:auto}.tabla-rh table{font-size:13px;text-align:right}.tabla-rh thead th{position:sticky;top:0;background:#fff;text-align:center}
.agregar-foto{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;max-width:560px}.boton-archivo{cursor:pointer}.galeria-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.galeria-fotos figure{margin:0;border:1px solid #E3E8EE;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.galeria-fotos img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.galeria-fotos figcaption{padding:8px 10px 4px;font-size:14px;display:flex;justify-content:space-between}.galeria-fotos .botones-fila{padding:0 10px 10px}.campo[hidden]{display:none}

/* ---------- Letra más grande en teléfonos y tabletas (pantallas táctiles) ----------
   Algunos teléfonos tienen el «tamaño de pantalla» en pequeño y la página se ve como de computadora con letra diminuta.
   En pantallas táctiles se agranda la letra y se usa el diseño de teléfono hasta 900 px. */
@media (pointer:coarse){
  body{font-size:17px}
  .menu{font-size:17px}
  .campo{font-size:16px}
  .campo input,.campo select,.campo textarea,input,select,textarea{font-size:17px}
  .ayuda{font-size:15px}
  .sub{font-size:17px}
  .boton{font-size:17px;min-height:48px}
  .boton-chico{font-size:15px;min-height:40px}
  table{font-size:16px}
  .pasos-valuo a{font-size:16px}
  .pasos-valuo a small{font-size:14px}
  .aviso-caja{font-size:16px}
  .resumen-valuo small{font-size:14px}
  .galeria-fotos figcaption{font-size:16px}
  .pie,.pie a{font-size:16px}
}
@media (pointer:coarse) and (max-width:900px){
  .menu{width:100%;order:3;gap:16px}
  .contenedor{padding-left:18px;padding-right:18px}
  .caja{padding:24px}
  h1{font-size:30px}
}

/* Mis expedientes en el teléfono y la tableta: cada expediente es una tarjeta (sin tabla ancha que achique la página). */
@media (max-width:960px){
  .tabla-tarjetas,.tabla-tarjetas tbody,.tabla-tarjetas tr,.tabla-tarjetas td{display:block;width:100%}
  .tabla-tarjetas{min-width:0!important}
  .tabla-tarjetas thead{display:none}
  .tabla-tarjetas tr{position:relative;padding:14px 16px;border-bottom:1px solid var(--borde)}
  .tabla-tarjetas td{border:0;padding:3px 0;display:flex;gap:10px;align-items:baseline}
  .tabla-tarjetas td[data-etq]::before{content:attr(data-etq);flex:0 0 108px;font-size:13px;font-weight:600;color:var(--gris-claro);text-transform:uppercase;letter-spacing:.3px}
  .tabla-tarjetas td[data-etq="Código"]::before{display:none}
  .tabla-tarjetas td[data-etq="Código"]{font-size:18px;padding-right:48px}
  .tabla-tarjetas td.celda-ubicacion{display:block}
  .tabla-tarjetas td.celda-ubicacion::before{display:block;margin-bottom:2px}
  .tabla-tarjetas td[data-etq="Datos del valúo"],.tabla-tarjetas td[data-etq="Informe"]{display:block;padding-top:8px}
  .tabla-tarjetas td[data-etq="Datos del valúo"]::before,.tabla-tarjetas td[data-etq="Informe"]::before{display:block;margin-bottom:6px}
  .tabla-tarjetas td[data-etq="Informe"] .boton{width:100%}
  .tabla-tarjetas td.celda-eliminar{position:absolute;top:10px;right:12px;width:auto;padding:0}
}
@media (max-width:760px){
  .indicadores{grid-template-columns:1fr 1fr;gap:10px}
  .indicador{padding:12px 14px}
  .indicador small{font-size:14px}
  .indicador strong{font-size:22px}
  .tabla-tarjetas .celda-ubicacion{min-width:0;max-width:none}
}
.nota-lugar{grid-column:1/-1}.nota-lugar:empty{display:none}select.recien-llenado{outline:3px solid #2FBF8F}
/* Cabecera en el teléfono: nombre, «Mi perfil» y «Salir» en una sola fila */
@media (max-width:640px){
  .encabezado .acciones{display:flex;align-items:center;gap:10px;width:100%;justify-content:space-between;flex-wrap:nowrap}
  .usuario-cabecera{min-width:0;flex:1}
  .usuario-cabecera .estado{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
}
.faltan-informe ul{margin:8px 0 0 18px;line-height:1.8}
.casilla{flex-direction:row!important;align-items:center;gap:8px}.casilla input{width:auto;min-height:0}.lista-cuentas{margin:6px 0 10px 18px;line-height:1.8;font-weight:600}.planes-compra .plan form{margin-top:auto}
.enlace-comprar{display:block;margin-top:4px;font-size:14px;font-weight:600;color:var(--acento)}
/* Mis expedientes en computadora: toda la tabla (con el botón Eliminar) cabe en la ventana, sin barra de lado */
@media (min-width:961px){
  .panel .contenedor{max-width:1440px;padding:0 20px}
  .tabla-tarjetas{width:100%}
  .tabla-tarjetas th,.tabla-tarjetas td{padding:10px 10px;white-space:normal;vertical-align:middle}
  .tabla-tarjetas th{font-size:12px}
  .tabla-tarjetas td:first-child strong{font-size:14px;white-space:nowrap}
  .tabla-tarjetas .celda-ubicacion{min-width:170px;max-width:300px;overflow-wrap:anywhere}
  .tabla-tarjetas .botones-celda .boton{white-space:nowrap}
  .tabla-tarjetas td[data-etq="Informe"]{min-width:150px;overflow-wrap:anywhere}
  .tabla-tarjetas td[data-etq="Informe"] .boton{white-space:nowrap}
  .tabla-tarjetas .celda-eliminar{width:48px;padding-left:4px;padding-right:12px;text-align:center}
}
@media (min-width:961px) and (max-width:1180px){
  .tabla-tarjetas th,.tabla-tarjetas td{padding:8px 6px;font-size:14px}
  .tabla-tarjetas td:first-child strong{font-size:13px}
  .tabla-tarjetas .celda-ubicacion{min-width:140px}
  .tabla-tarjetas td[data-etq="Informe"]{min-width:120px}
  .tabla-tarjetas .boton{padding-left:10px;padding-right:10px;font-size:14px}
  .tabla-tarjetas .celda-eliminar{width:40px;padding-right:8px}
}
.cnr-acciones{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.recien-pegado{outline:3px solid #12B76A;transition:outline .3s}
[hidden]{display:none!important}
/* Mapa: rojo = valúos hechos en la plataforma, azul = comparables (valúos importados para la base) */
.pin-propio span{background:#D92D20}.pin-propio span::after{border-top-color:#D92D20}
.pin-comparable span{background:#1E5BD8}.pin-comparable span::after{border-top-color:#1E5BD8}
.leyenda-mapa{display:flex;flex-wrap:wrap;gap:8px 20px;margin:4px 0 10px;font-size:15px}
.leyenda-mapa label{display:flex;align-items:center;gap:6px;cursor:pointer}
.leyenda-mapa input{width:18px;height:18px}
.punto-leyenda{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.punto-leyenda.rojo{background:#D92D20}.punto-leyenda.azul{background:#1E5BD8}
/* Buscar comparables */
.buscar-comparables{padding:16px}
.bc-botones{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bc-base{display:inline-flex;gap:4px;align-items:center}
.bc-radio{min-height:44px;border:1px solid #B9C5D2;border-radius:8px;padding:0 8px;font-size:15px}
.bc-pegar{margin-top:12px;display:grid;gap:10px}
.bc-pegar[hidden]{display:none}
.bc-estado{margin:10px 0 0;font-weight:600}
.bc-resultados{display:grid;gap:10px;margin-top:10px}
.bc-item{display:flex;gap:12px;align-items:center;border:1px solid #D5DEE8;border-radius:12px;padding:10px;background:#fff}
.bc-item img{width:72px;height:72px;object-fit:cover;border-radius:8px;flex:none}
.bc-datos{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.bc-datos small{color:var(--gris);overflow-wrap:anywhere}
.bc-precio{font-weight:700;color:var(--acento)}
.bc-acciones{display:flex;flex-direction:column;gap:6px}
.bc-banco{border-left:4px solid #1E5BD8}.bc-mia{border-left:4px solid var(--acento)}.bc-internet{border-left:4px solid #B54708}.bc-bandeja,.bc-anuncio{border-left:4px solid #7A5AF8}
@media (max-width:600px){.bc-item{flex-wrap:wrap}.bc-acciones{flex-direction:row;width:100%}}
.bc-meses{min-height:44px;border:1px solid #B9C5D2;border-radius:8px;padding:0 8px;font-size:15px}
.bc-tipo{display:inline-flex;align-items:center;gap:6px;font-size:15px;margin-left:6px}
.bc-tipo input{width:18px;height:18px}
.bc-otro{color:#B54708!important;font-weight:600}
/* Fichas de comparables compradas (v0.4.34) */
.fila-comprada{border-color:#B2CCFF!important;background:#F5F8FF!important}
.aviso-comprada{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:#EEF4FF;color:#1D3A8A;font-size:14px;font-weight:600}
.bc-tienda .bc-precio{color:#1D3A8A}
.mic[hidden]{display:none}

/* ===================== Plantillas (temas) =====================
   <html data-tema="…"> lo pone app/vistas/cabecera.php según Admin › Apariencia (o lo que escoja el perito).
   default = el diseño normal (sin cambios). Para agregar una plantilla: un bloque de variables aquí + su nombre en TEMAS (app/temas.php). */
:root{--superficie:#FFFFFF;--superficie-2:#F7F9FB}

/* Celeste (sky blue) */
html[data-tema="celeste"]{--acento:#0B6FA4;--acento-osc:#085680;--acento-claro:#E1F2FC;--menta:#5BC0EB;--fondo:#EEF7FD;--borde:#D3E6F2;--borde-2:#B5D3E6;--navy-2:#0F3D5E}
html[data-tema="celeste"] .encabezado{background:#F7FCFF}
html[data-tema="celeste"] .admin-menu a.activa,html[data-tema="celeste"] .admin-menu a[aria-current]{background:var(--acento-claro);color:var(--acento-osc)}

/* Rosa claro */
html[data-tema="rosa"]{--acento:#C2185B;--acento-osc:#9C1048;--acento-claro:#FCE4EC;--menta:#F48FB1;--fondo:#FFF5F8;--borde:#F6DCE5;--borde-2:#E9BFCD;--navy-2:#5A1A35;--tinta:#2B1420;--tinta-2:#4A2A38}
html[data-tema="rosa"] .encabezado{background:#FFFAFC}
html[data-tema="rosa"] .admin-menu a.activa,html[data-tema="rosa"] .admin-menu a[aria-current]{background:var(--acento-claro);color:var(--acento-osc)}

/* Verde bosque */
html[data-tema="bosque"]{--acento:#2E6B3A;--acento-osc:#1F4D29;--acento-claro:#E5F0E1;--menta:#7CB66B;--fondo:#F3F6EF;--borde:#DCE4D3;--borde-2:#C2CFB5;--navy-2:#1E3322}

/* Oscuro (dark) */
html[data-tema="oscuro"]{color-scheme:dark;--tinta:#E6EDF5;--tinta-2:#C9D4E0;--gris:#AAB7C6;--gris-claro:#9AA8B8;--fondo:#0E141C;--blanco:#151D28;--borde:#2A3644;--borde-2:#3A4757;
  --acento:#1FA37C;--acento-osc:#3BC596;--acento-claro:#123B30;--menta:#2FBF8F;--navy-2:#0A1018;--texto-suave:#C8D2DE;--texto-suave-2:#9FB0C4;
  --alerta:#F5B35C;--alerta-fondo:#2E2210;--error:#F38B8B;--error-fondo:#341617;--superficie:#151D28;--superficie-2:#1B2533}
html[data-tema="oscuro"] body{background:var(--fondo);color:var(--tinta)}
/* Secciones que en el diseño normal son azul oscuro (portada, llamado, pasos): en oscuro siguen oscuras y con texto claro */
html[data-tema="oscuro"]{--oscuro:#070C13}
html[data-tema="oscuro"] .portada,html[data-tema="oscuro"] .llamado{border-bottom:1px solid var(--borde)}
html[data-tema="oscuro"] .pasos-valuo a[aria-current=page]{border-color:var(--acento)}
html[data-tema="oscuro"] input,html[data-tema="oscuro"] select,html[data-tema="oscuro"] textarea{background:var(--superficie-2);color:var(--tinta);border-color:var(--borde-2)}
html[data-tema="oscuro"] input::placeholder,html[data-tema="oscuro"] textarea::placeholder{color:#7D8B9C}
html[data-tema="oscuro"] .solo-lectura,html[data-tema="oscuro"] input[readonly]{background:#0F1620!important;color:var(--tinta-2)}
html[data-tema="oscuro"] fieldset{border-color:var(--borde)!important}
html[data-tema="oscuro"] td{border-color:var(--borde)}
html[data-tema="oscuro"] .boton-primario{color:#fff}
:where(html[data-tema="oscuro"]) a{color:#5FD3AC}
html[data-tema="oscuro"] .boton-primario,html[data-tema="oscuro"] a.boton-primario{color:#fff}
html[data-tema="oscuro"] .boton-borde,html[data-tema="oscuro"] a.boton-borde{color:var(--tinta)}
html[data-tema="oscuro"] img:not(.icono){opacity:.95}
html[data-tema="oscuro"] .leaflet-container{filter:none}
/* (generado de las reglas con fondos claros) */
html[data-tema="oscuro"] .boton-borde-claro:hover{border-color:var(--borde)}
html[data-tema="oscuro"] .encabezado{background:var(--superficie)}
html[data-tema="oscuro"] .tarjeta-muestra{background:var(--superficie)}
html[data-tema="oscuro"] .revision-linea.aviso .icono{color:color-mix(in srgb,#B26200 45%,#ffffff)}
html[data-tema="oscuro"] .franja{background:var(--superficie)}
html[data-tema="oscuro"] .seccion-blanca{background:var(--superficie)}
html[data-tema="oscuro"] .tarjeta{background:var(--superficie)}
html[data-tema="oscuro"] .plan{background:var(--superficie)}
html[data-tema="oscuro"] .campo input,html[data-tema="oscuro"] .campo select{border:1px solid var(--borde);background:var(--superficie)}
html[data-tema="oscuro"] .caja{background:var(--superficie)}
html[data-tema="oscuro"] .aviso-caja.info{background:color-mix(in srgb,#EAF2FB 14%,var(--superficie));color:color-mix(in srgb,#1E3A5F 45%,#ffffff)}
html[data-tema="oscuro"] .indicador{background:var(--superficie)}
html[data-tema="oscuro"] .tabla-caja{background:var(--superficie)}
html[data-tema="oscuro"] th{background:var(--superficie)}
html[data-tema="oscuro"] .estado{background:color-mix(in srgb,#EEF1F4 14%,var(--superficie))}
html[data-tema="oscuro"] .admin-menu{background:var(--superficie)}
html[data-tema="oscuro"] .bloque{background:var(--superficie)}
html[data-tema="oscuro"] .campo textarea{border:1px solid var(--borde)}
html[data-tema="oscuro"] .pasos-valuo a{background:var(--superficie)}
html[data-tema="oscuro"] .resumen-valuo div{background:var(--superficie)}
html[data-tema="oscuro"] .bloque-valuo{background:var(--superficie)}
html[data-tema="oscuro"] .mic{border:1px solid var(--borde);background:var(--superficie)}
html[data-tema="oscuro"] .dictado-barra{background:color-mix(in srgb,#F0F4F8 14%,var(--superficie))}
html[data-tema="oscuro"] .rellenado{background:color-mix(in srgb,#E8F3EE 14%,var(--superficie)) !important}
html[data-tema="oscuro"] .grupo-tarjeta{background:var(--superficie)}
html[data-tema="oscuro"] .factores select,html[data-tema="oscuro"] .factores input{border:1px solid var(--borde);background:var(--superficie)}
html[data-tema="oscuro"] .mapa-expedientes{background:color-mix(in srgb,#E8ECF0 14%,var(--superficie))}
html[data-tema="oscuro"] .zona-archivo{background:var(--superficie)}
html[data-tema="oscuro"] .alerta-datos{background:var(--superficie)}
html[data-tema="oscuro"] .revision-coincide{color:color-mix(in srgb,#0B7A4B 45%,#ffffff)}
html[data-tema="oscuro"] .revision-no_coincide{color:color-mix(in srgb,#B45309 45%,#ffffff)}
html[data-tema="oscuro"] .revision-no_legible,html[data-tema="oscuro"] .revision-no_es{color:color-mix(in srgb,#B42318 45%,#ffffff)}
html[data-tema="oscuro"] .resumen-revision .linea-revision{background:color-mix(in srgb,#F4F6F9 14%,var(--superficie))}
html[data-tema="oscuro"] .resumen-revision .linea-revision.bien{background:color-mix(in srgb,#E8F6EF 14%,var(--superficie))}
html[data-tema="oscuro"] .resumen-revision .linea-revision.mal{background:color-mix(in srgb,#FDECEC 14%,var(--superficie))}
html[data-tema="oscuro"] .fila-gestion td{background:var(--superficie)}
html[data-tema="oscuro"] .nota-revision{background:color-mix(in srgb,#F1F4F8 14%,var(--superficie))}
html[data-tema="oscuro"] .nota-revision.bien{background:color-mix(in srgb,#E8F6EF 14%,var(--superficie));border-color:var(--borde);color:color-mix(in srgb,#0B4F33 45%,#ffffff)}
html[data-tema="oscuro"] .nota-revision.mal{background:color-mix(in srgb,#FDECEC 14%,var(--superficie));border-color:var(--borde);color:color-mix(in srgb,#7A1C1C 45%,#ffffff)}
html[data-tema="oscuro"] .form-corregir{background:var(--superficie)}
html[data-tema="oscuro"] .btn-ubicacion{background:var(--superficie);color:color-mix(in srgb,#1A73E8 45%,#ffffff)}
html[data-tema="oscuro"] .buscador-expedientes input{border:1px solid var(--borde);background:var(--superficie)}
html[data-tema="oscuro"] .documento-legal section{background:var(--superficie)}
html[data-tema="oscuro"] .estado.azul{background:color-mix(in srgb,#E7F0FB 14%,var(--superficie));color:color-mix(in srgb,#1E4E8C 45%,#ffffff)}
html[data-tema="oscuro"] .boton-eliminar{border:1px solid var(--borde);background:var(--superficie);color:color-mix(in srgb,#B42318 45%,#ffffff)}
html[data-tema="oscuro"] .boton-eliminar:hover{background:color-mix(in srgb,#FDECEC 14%,var(--superficie))}
html[data-tema="oscuro"] .recien-llenado{background:color-mix(in srgb,#E8F6EF 14%,var(--superficie)) !important}
html[data-tema="oscuro"] .selector-buscar input{border:1px solid var(--borde)}
html[data-tema="oscuro"] .selector-lienzo{background:color-mix(in srgb,#E8ECF0 14%,var(--superficie))}
html[data-tema="oscuro"] .pin-selector span{border:3px solid var(--borde)}
html[data-tema="oscuro"] .solo-lectura{background:color-mix(in srgb,#F1F4F8 14%,var(--superficie)) !important}
html[data-tema="oscuro"] input.falta,html[data-tema="oscuro"] select.falta{background:var(--superficie) !important}
html[data-tema="oscuro"] .aviso-instalar{background:var(--superficie)}
html[data-tema="oscuro"] .pestanas-campos a{border:1px solid var(--borde);background:var(--superficie)}
html[data-tema="oscuro"] .quitar-tramo{border:1px solid var(--borde);background:var(--superficie)}
html[data-tema="oscuro"] .campo-tramos .tramo input{border:1px solid var(--borde);background:var(--superficie)}
html[data-tema="oscuro"] .campo-tramos .tramo input:disabled{background:color-mix(in srgb,#F1F4F7 14%,var(--superficie))}
html[data-tema="oscuro"] .resultado-distancias li{background:color-mix(in srgb,#F4F7FA 14%,var(--superficie))}
html[data-tema="oscuro"] .lista-mapas li{border:1px solid var(--borde)}
html[data-tema="oscuro"] .vertice{background:var(--superficie)}
html[data-tema="oscuro"] .tabla-rh thead th{background:var(--superficie)}
html[data-tema="oscuro"] .galeria-fotos figure{border:1px solid var(--borde);background:var(--superficie)}
html[data-tema="oscuro"] .punto-leyenda{border:2px solid var(--borde)}
html[data-tema="oscuro"] .bc-radio{border:1px solid var(--borde)}
html[data-tema="oscuro"] .bc-item{border:1px solid var(--borde);background:var(--superficie)}
html[data-tema="oscuro"] .bc-meses{border:1px solid var(--borde)}
html[data-tema="oscuro"] .bc-otro{color:color-mix(in srgb,#B54708 45%,#ffffff) !important}
html[data-tema="oscuro"] .fila-comprada{border-color:var(--borde) !important;background:var(--superficie) !important}
html[data-tema="oscuro"] .aviso-comprada{background:color-mix(in srgb,#EEF4FF 14%,var(--superficie));color:color-mix(in srgb,#1D3A8A 45%,#ffffff)}
html[data-tema="oscuro"] .bc-tienda .bc-precio{color:color-mix(in srgb,#1D3A8A 45%,#ffffff)}
/* Selector de plantillas (Admin › Apariencia y Mi perfil) */
.temas-rejilla{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.tema-opcion{display:flex;flex-direction:column;gap:6px;padding:10px;border:2px solid var(--borde);border-radius:12px;cursor:pointer;background:var(--superficie)}
.tema-opcion.elegido{border-color:var(--acento);box-shadow:0 0 0 3px var(--acento-claro)}
.tema-opcion input{position:absolute;opacity:0;pointer-events:none}
.tema-muestra{display:block;height:84px;border-radius:8px;border:1px solid rgba(0,0,0,.12);padding:0;overflow:hidden;position:relative}
.tema-barra{display:block;height:18px}
.tema-tarjeta{display:block;position:absolute;left:12px;right:12px;top:30px;height:40px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.tema-tarjeta span{display:block;width:44%;height:12px;border-radius:4px;margin:14px 0 0 10px}
/* Ventana «📄 Ver ficha» (solo se cierra con sus botones) */
.ventana-ficha-fondo{position:fixed;inset:0;z-index:1000;background:rgba(15,27,45,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.ventana-ficha{background:var(--superficie);color:var(--tinta);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.35);width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column}
.vf-cabeza{padding:14px 18px;border-bottom:1px solid var(--borde)}.vf-cabeza h3{font-size:19px}
.vf-cuerpo{padding:14px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}
.vf-foto{width:100%;max-height:220px;object-fit:cover;border-radius:10px}
.vf-tabla{font-size:15px}.vf-tabla th{text-transform:none;letter-spacing:0;font-size:14px;width:48%;text-align:left;padding:6px 8px}.vf-tabla td{padding:6px 8px;font-weight:600}
.vf-resp{padding:8px 10px;border-radius:8px;background:var(--acento-claro)}
.vf-botones{display:flex;gap:10px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--borde)}.vf-botones .boton{flex:1 1 200px}
body.con-ventana{overflow:hidden}
.bc-ok{color:#0B6B52!important;font-weight:600}html[data-tema="oscuro"] .bc-ok{color:#5FD3AC!important}
/* Editor de planes (Admin › Precios): rejilla aunque también sea .bloque */
.bloque.form-rejilla{display:grid;align-items:end}
.form-rejilla > [hidden]{display:none}
.bc-aviso-tienda{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 14px;margin-bottom:10px;border-radius:12px;background:var(--acento-claro);border:1px solid var(--acento);font-weight:600}
/* Montos de Mi saldo y botón menta (también en tema oscuro) */
.monto-mas{font-weight:600;color:#0B6B52}.monto-menos{font-weight:600;color:#B42318}
html[data-tema="oscuro"] .monto-mas{color:#5FD3AC}html[data-tema="oscuro"] .monto-menos{color:#F38B8B}
html[data-tema="oscuro"] .boton-menta,html[data-tema="oscuro"] .boton-menta:hover{color:#08121C}

html[data-tema="oscuro"] .foto-cambiar select{background:var(--superficie);border-color:var(--borde)}

.plan .precio{white-space:nowrap;line-height:1.1}.plan .precio small{display:block;margin-top:6px;white-space:nowrap;line-height:1.3}

.admin-comp-mini{width:64px;height:48px;object-fit:cover;border-radius:6px;display:block}.admin-comp-foto{width:100%;max-width:420px;border-radius:12px;display:block}.admin-comp-ficha{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:20px;align-items:start;margin-top:12px}@media (max-width:820px){.admin-comp-ficha{grid-template-columns:1fr}}.etiqueta-falta{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:999px;background:#FEF3C7;color:#92400E;font-size:12px;font-weight:600}
.admin-comp-ficha table{table-layout:fixed;width:100%}.admin-comp-ficha th{width:40%;white-space:normal}.admin-comp-ficha td{white-space:normal;overflow-wrap:anywhere}
.tabla-apretada th,.tabla-apretada td{padding:10px 10px}.tabla-apretada td:first-child,.tabla-apretada th:first-child{padding-left:14px}
.cnr-pegar{border-top:1px solid var(--borde,#E2E8F0);padding-top:12px;margin:0 0 12px}.cnr-pegar .campo{font-weight:700;margin-bottom:4px}.cnr-pegar-fila{display:flex;gap:8px;align-items:flex-start}.cnr-pegar-fila textarea{flex:1;min-width:0;font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--borde-2,#CBD3DC);border-radius:10px;background:var(--blanco,#fff);color:inherit;resize:vertical}.cnr-encontrado{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:14px}.cnr-encontrado .campo-check{display:flex;gap:8px;align-items:flex-start}.cnr-encontrado input{width:18px;height:18px;margin-top:2px;flex:none}.cnr-datos{display:flex;flex-direction:column;gap:12px;margin:12px 0}.cnr-dato input[type=text]{width:100%;margin-top:4px}.cnr-sin-dato{opacity:.65}.cnr-texto pre{white-space:pre-wrap;font-size:13px;max-height:220px;overflow:auto;background:var(--fondo,#F6F7F9);padding:10px;border-radius:8px}
.bc-abrir{font-size:13px;align-self:center}
.vp-paginas{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:14px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.vp-pagina{max-width:100%;height:auto;box-shadow:0 4px 18px rgba(0,0,0,.25);background:#fff;pointer-events:none}.vp-oculto{filter:blur(18px)}.vp-tapa{position:fixed;inset:0;z-index:8000;background:rgba(15,27,45,.85);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;padding:20px;cursor:pointer}.vp-tapa[hidden]{display:none}
@media print{html.sin-imprimir body *{display:none!important}html.sin-imprimir body::after{content:"La vista previa del informe no se puede imprimir.";display:block;font:16pt sans-serif;padding:40px}}
.grupo-guardar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px dashed var(--borde,#E2E8F0)}.guardar-estado{font-size:14px;font-weight:600}.guardar-estado.ok{color:var(--verde,#0E6B4F)}.guardar-estado.error{color:#B91C1C}.grupo-tarjeta.sin-guardar .guardar-fila::after{content:" · hay cambios sin guardar";font-weight:500}
html[data-tema="oscuro"] .guardar-estado.ok{color:#6EE7B7}html[data-tema="oscuro"] .guardar-estado.error{color:#FCA5A5}
/* Barra de pestañas del valúo: todas a la vista (sin deslizar) y con color según lo guardado. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pasos-valuo{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;overflow:visible;padding-bottom:0;margin-bottom:8px}
.pasos-valuo a{min-width:0;border-top-width:5px}
.pasos-valuo a span{overflow-wrap:anywhere}
.pasos-valuo a.paso-completo{background:#E7F6EE;border-color:#16A34A;color:#14532D}
.pasos-valuo a.paso-completo small{color:#166534}
.pasos-valuo a.paso-incompleto{background:#FEF6E0;border-color:#D97706;color:#78350F}
.pasos-valuo a.paso-incompleto small{color:#92400E}
.pasos-valuo a.paso-vacio{border-top-color:#94A3B8}
.pasos-valuo .paso-icono{font-weight:700}
.pasos-valuo a.paso-completo .paso-icono{color:#15803D}
.pasos-valuo a.paso-incompleto .paso-icono{color:#B45309}
.pasos-valuo a[aria-current=page]{background:var(--oscuro);color:#fff;box-shadow:0 0 0 2px var(--acento,#0E6B4F) inset}
.pasos-valuo a[aria-current=page] small{color:#C9D3DE}
.pasos-valuo a[aria-current=page].paso-completo{border-top-color:#22C55E}
.pasos-valuo a[aria-current=page].paso-incompleto{border-top-color:#F59E0B}
.pasos-valuo a[aria-current=page] .paso-icono{color:inherit}
.pasos-leyenda{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 18px;font-size:13px;color:var(--gris)}
.pasos-leyenda .ley{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;border:1px solid var(--borde)}
.pasos-leyenda .paso-completo{background:#E7F6EE;color:#14532D;border-color:#86EFAC}
.pasos-leyenda .paso-incompleto{background:#FEF6E0;color:#78350F;border-color:#FCD34D}
.pasos-leyenda .paso-vacio{background:var(--superficie,#fff)}
html[data-tema="oscuro"] .pasos-valuo a.paso-completo{background:#0F2E1F;color:#BBF7D0;border-color:#22C55E}
html[data-tema="oscuro"] .pasos-valuo a.paso-completo small{color:#86EFAC}
html[data-tema="oscuro"] .pasos-valuo a.paso-incompleto{background:#33240A;color:#FDE68A;border-color:#F59E0B}
html[data-tema="oscuro"] .pasos-valuo a.paso-incompleto small{color:#FCD34D}
html[data-tema="oscuro"] .pasos-valuo a.paso-completo .paso-icono{color:#4ADE80}
html[data-tema="oscuro"] .pasos-valuo a.paso-incompleto .paso-icono{color:#FBBF24}
html[data-tema="oscuro"] .pasos-leyenda .paso-completo{background:#0F2E1F;color:#BBF7D0;border-color:#166534}
html[data-tema="oscuro"] .pasos-leyenda .paso-incompleto{background:#33240A;color:#FDE68A;border-color:#92400E}
@media (max-width:520px){.pasos-valuo{grid-template-columns:repeat(2,minmax(0,1fr))}.pasos-valuo a{padding:8px 10px;font-size:14px}.pasos-valuo a small{font-size:12px}}
html[data-tema="oscuro"] .pasos-valuo a[aria-current=page]{background:#E6EDF5;color:#0F1B2D;box-shadow:none}
html[data-tema="oscuro"] .pasos-valuo a[aria-current=page] small{color:#34445A}
html[data-tema="oscuro"] .pasos-valuo a[aria-current=page] .paso-icono{color:inherit}
/* Pestaña «Croquis y anexos» */
.croquis-controles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0}
.croquis-capas{grid-column:1/-1;border:1px solid var(--borde);border-radius:10px;padding:10px 14px;display:flex;flex-wrap:wrap;gap:6px 18px}
.croquis-capas legend{font-weight:700;padding:0 6px}
.croquis-capas .campo-check{display:flex;align-items:center;gap:6px;font-size:15px}
.croquis-capas input{width:18px;height:18px}
.croquis-mapa{height:440px;border-radius:12px;border:1px solid var(--borde);margin:8px 0;background:#E5E7EB}
.croquis-mapa.marcando{outline:4px solid #F59E0B;cursor:crosshair}
.croquis-estado{min-height:22px;font-weight:600;color:var(--verde,#0E6B4F);margin:6px 0}
.croquis-estado.error{color:#B91C1C}
html[data-tema="oscuro"] .croquis-estado{color:#6EE7B7}html[data-tema="oscuro"] .croquis-estado.error{color:#FCA5A5}
.croquis-comps{margin:12px 0;border:1px solid var(--borde);border-radius:10px;padding:10px 14px}
.croquis-comps summary{cursor:pointer}
.croquis-comps tr.marcando{outline:3px solid #F59E0B}
.croquis-coord{width:100%;min-width:190px;padding:6px 8px;border:1px solid var(--borde-2,#CBD3DC);border-radius:8px;background:var(--blanco,#fff);color:inherit;font:inherit}
.croquis-img{display:block;width:100%;max-width:1100px;border-radius:10px;border:1px solid var(--borde);margin-top:8px}
.anexo-subir{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:10px 0}
.anexo-subir .campo{flex:1 1 280px}
.anexos-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:12px}
.anexos-lista figure{margin:0;border:1px solid var(--borde);border-radius:12px;overflow:hidden;background:var(--superficie,#fff)}
.anexos-lista img{display:block;width:100%;height:220px;object-fit:contain;background:#F3F4F6}
.anexos-lista figcaption{padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.anexo-titulo-hoja{width:100%;padding:6px 8px;border:1px solid var(--borde-2,#CBD3DC);border-radius:8px;background:var(--blanco,#fff);color:inherit;font:inherit;font-size:14px}
/* Foto de cada comparable */
.comp-foto{grid-column:1/-1;display:flex;flex-direction:column;gap:8px}
.comp-foto .etiqueta-campo{font-weight:600}
.comp-foto-caja{width:min(320px,100%);aspect-ratio:4/3;border:1px solid var(--borde);border-radius:10px;overflow:hidden;background:#EEF1F4;display:flex;align-items:center;justify-content:center}
.comp-foto-caja img{width:100%;height:100%;object-fit:cover}
.comp-sin-foto{font-weight:700;font-size:13px;color:#4B5563;text-align:center;padding:10px;letter-spacing:.3px}
html[data-tema="oscuro"] .comp-foto-caja{background:#1F2937}html[data-tema="oscuro"] .comp-sin-foto{color:#D1D5DB}
.foto-marcador{margin:8px 0}.foto-marcador img{max-width:280px;max-height:210px;border-radius:10px;border:1px solid var(--borde);display:block}.foto-marcador figcaption{font-size:13px;color:var(--gris)}

/* Pestañas del valúo en 2 filas: la mitad arriba y la mitad abajo (--cols lo pone valuo.php). En pantallas angostas se desliza de lado. */
.pasos-valuo.dos-filas{grid-template-columns:repeat(var(--cols,6),minmax(112px,1fr));overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.pasos-valuo.dos-filas a{padding:7px 9px;font-size:13px;line-height:1.25;border-radius:9px}
.pasos-valuo.dos-filas a small{font-size:11.5px}
@media (max-width:760px){.pasos-valuo.dos-filas{grid-template-columns:repeat(var(--cols,6),132px)}}

/* Pie: datos de la empresa (Admin › Datos de la empresa) */
.pie-empresa{display:flex;flex-direction:column;gap:3px;margin-top:10px;font-size:14px;color:var(--texto-suave)}
.pie-empresa a{text-decoration:underline;text-underline-offset:2px}