/* Aspecto Iterya (ref. conversación 08/10/2026: «las páginas cuando se abren deben ser las mismas que estamos realizando
   en todos los ERP de Iterya; las que tiene ahora no son iguales»).
   Modelo: el aspecto Iterya que Benjamín dejó en DeCaConta el 07/10 (su `public/iterya.js`). Es una copia adaptada, no un
   enlace: si allí cambia, aquí no cambia solo. Va en un archivo .css (y no dentro del .js, como allí) porque este programa
   no admite estilos puestos desde la página.
   Qué cambia, solo de aspecto:
   - Títulos de pantalla con la letra del logo de Iterya (Rubik negrita), más grandes, sin el rótulo pequeño de encima, con
     las 2 últimas letras en el degradado del logo (violeta → fucsia → celeste) y la estrellita. Los colorea iterya.js.
   - Barra de cada pantalla: flecha de volver a la izquierda; — ▢ ✕ a la derecha.
   - Azul de Iterya en vez del verde azulado de SETAN (botones, foco, menú y barra de arriba en pastel azul). Sin morado.
   - Tablas: letra normal con las cifras del mismo ancho, cabecera y líneas suaves, y sin barra para moverse a los lados
     (los textos largos pasan de línea; los importes, fechas y matrículas no se parten).
   El logo sigue siendo el de Astotrans. El portal del asociado (portal.html) no carga este archivo. */

/* Se mantienen los nombres --amber* para no tocar el resto del código; ahora valen azul. */
:root{
  --amber:#2563EB;
  --amber-deep:#1D4ED8;
  --amber-soft:#DBEAFE;
  --paper:#F1F0F7;
}
.c-teal{--ico1:#60A5FA;--ico2:#2563EB;} /* el icono de Inicio, azul */
.c-iychat{--ico1:#E4DBFE;--ico2:#C4B5FD;} /* Chat: morado claro con el dibujo celeste, como en Iterya */
.nav-icon.app-ico.c-iychat svg{stroke:#0EA5E9;stroke-width:2.5;}

/* ---- Menú y barra de arriba en pastel azul ---- */
.sidebar{background:linear-gradient(185deg,#E8F0FE 0%,#E0F2FE 100%);border-right-color:#C7DBF7;}
.topbar{background:linear-gradient(90deg,#EEF4FF 0%,#E6F0FE 45%,#E0F4FE 100%);margin:0 -36px 14px;padding:16px 36px 14px;border-bottom-color:#C7DBF7;}
.content.con-fondo::before{background:linear-gradient(rgba(241,240,247,.74),rgba(241,240,247,.74)), var(--foto-seccion) center/cover no-repeat;}

/* ---- Títulos ---- */
.view-eyebrow{display:none;}
.view-title{font-family:'Rubik','Inter',system-ui,sans-serif;font-weight:700;font-size:34px;line-height:1.08;letter-spacing:-.025em;color:#0F172A;}
.iy-ult{background:linear-gradient(90deg,#8B5CF6 0%,#D946EF 50%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.iy-estrella{display:inline-block;width:.38em;height:.38em;margin-left:.1em;vertical-align:.7em;background:#38BDF8;
  -webkit-clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);}
/* Sobre la foto del escritorio las letras de color van en tonos claros y con su propia sombra. */
body.escritorio .inicio-escritorio .iy-ult, body.escritorio .barra-volver-camino .iy-ult{background:linear-gradient(90deg,#C4B5FD 0%,#F5A3FF 50%,#7DD3FC 100%);-webkit-background-clip:text;background-clip:text;
  text-shadow:none;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.75)) drop-shadow(0 0 6px rgba(0,0,0,.25));}
.ia-nombre, .inicio-saludo, .cal-mes, dialog h2, .form-seccion, .caja-entrada h2{font-family:'Rubik','Inter',system-ui,sans-serif;letter-spacing:-.01em;}
.ia-nombre{font-weight:700;}
.form-seccion{letter-spacing:.02em;}
.panel-title{font-family:'Rubik','Inter',system-ui,sans-serif;font-weight:700;letter-spacing:.02em;}
.panel-title::after{background:#E2E8F0;}
.kpi-value{font-family:'Rubik','Inter',system-ui,sans-serif;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
/* Sin descripción debajo del título en las listas (en las fichas sí: ahí es un dato, como el cliente del trámite). */
.view:not(.ficha) .view-head .view-desc{display:none;}

/* ---- Pantallas más justas: menos hueco entre la barra, el título y el contenido ---- */
.view-head{margin-bottom:12px;align-items:center;}
.kpi-row{margin-bottom:16px;}
.panel{margin-bottom:14px;border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(37,99,235,.06);}
.kpi{border-radius:14px;}

/* ---- Botones y casillas: azul de Iterya ---- */
.btn{border-radius:10px;transition:filter .15s,box-shadow .15s,transform .05s;}
.btn:active{transform:translateY(1px);}
.btn.amber{background:linear-gradient(135deg,#38BDF8 0%,#2563EB 60%,#1D4ED8 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.22);}
.btn.amber:hover{opacity:1;filter:brightness(1.06);box-shadow:0 6px 16px rgba(37,99,235,.3);}
.field input:focus, .field select:focus, .field textarea:focus, .global-search input:focus, .chat-escribir input:focus,
.toolbar input:focus, .toolbar select:focus{outline:none;border-color:#3B82F6;box-shadow:0 0 0 3px rgba(59,130,246,.18);}
.esc-fop.sel span{box-shadow:0 0 0 2px rgba(37,99,235,.3);}
*{scrollbar-width:thin;scrollbar-color:#BFD3F2 transparent;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:#C7DAF5;border-radius:10px;border:2px solid transparent;background-clip:padding-box;}
::-webkit-scrollbar-track{background:transparent;}

/* ---- Tablas: letra y cifras modernas ---- */
table{font-family:'Inter',system-ui,sans-serif;font-variant-numeric:tabular-nums;}
.mono, .plate, .topbar-date, .nota-cabecera, .cal-num, .chat-msg small{font-family:'Inter',system-ui,sans-serif;font-variant-numeric:tabular-nums;}
thead th{color:#64748B;background:#F8FAFC;border-bottom:1px solid #CBD5E1;font-weight:600;letter-spacing:.05em;}
tbody td{border-bottom-color:#EDF1F6;}
tbody tr:nth-child(even){background:#FAFBFD;}
tbody tr:hover{background:#EFF6FF;}
tfoot td{border-top:2px solid #BFDBFE;background:#F5F9FF;font-weight:700;padding:9px 12px;}
.totales-factura tr.total td{border-top-color:#BFDBFE;}

/* ---- Sin barra para moverse a los lados ---- */
.view{max-width:100%;}
tbody td, thead th{white-space:normal;}
tbody td.num, th.num, tfoot td, td:has(> .tag), td:has(> .mono), td:has(> .plate), td.acciones-fila, .iy-cifra{white-space:nowrap;}
tbody td.ajusta{min-width:0;}

/* ---- Barra de cada pantalla: flecha a la izquierda; — ▢ ✕ a la derecha ---- */
.barra-volver{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 8px;}
.barra-volver-camino{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--ink-soft);}
.barra-volver-camino a{color:var(--amber-deep);font-weight:600;text-decoration:none;}
.barra-volver-camino a:hover{text-decoration:underline;}
.barra-volver-camino b{color:var(--ink);font-family:'Rubik','Inter',system-ui,sans-serif;letter-spacing:-.01em;}
.barra-volver-botones{display:inline-flex;align-items:center;gap:2px;margin-left:auto;}
.iy-volver{width:38px;min-width:38px;height:34px;border-radius:10px;background:linear-gradient(160deg,#7DD3FC,#38BDF8);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  box-shadow:0 1px 3px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.35);transition:filter .15s,transform .1s;}
.iy-volver:hover{filter:brightness(1.05);transform:translateY(-1px);}
.iy-volver svg{width:20px;height:20px;fill:none;stroke:#7C3AED;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.iy-ctl{width:38px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#334155;cursor:pointer;flex:0 0 auto;}
.iy-ctl:hover{background:rgba(15,23,42,.08);}
.iy-ctl.iy-x:hover{background:#E81123;color:#fff;}
.iy-ctl svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
/* En la pantalla de apps de un departamento la barra va sobre la foto del escritorio. */
body.escritorio .barra-volver-camino, body.escritorio .barra-volver-camino a, body.escritorio .barra-volver-camino b{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 12px rgba(0,0,0,.3);}
body.escritorio .barra-volver{margin-top:4px;}

/* ---- Pantallas minimizadas: abajo, para volver a ellas ---- */
#barraMinimizadas{position:fixed;left:104px;bottom:12px;z-index:400;display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:calc(100vw - 130px);
  background:#fff;border:1px solid var(--line-strong);border-radius:12px;padding:6px 10px;box-shadow:0 4px 14px rgba(0,0,0,.15);}
#barraMinimizadas .bm-titulo{font-size:12px;font-weight:700;color:var(--ink-soft);}
#barraMinimizadas .bm-chip{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;}
#barraMinimizadas .bm-chip a, #barraMinimizadas .bm-chip button{border:0;background:var(--amber-soft);color:var(--amber-deep);font:600 12.5px 'Inter',sans-serif;padding:6px 10px;cursor:pointer;text-decoration:none;}
#barraMinimizadas .bm-chip button.bm-x{background:#fff;color:var(--ink-soft);padding:6px 8px;}
#barraMinimizadas .bm-chip a:hover, #barraMinimizadas .bm-chip button:hover{filter:brightness(.95);}
body.con-minimizadas .content{padding-bottom:96px;}

/* ---- ✕ arriba a la derecha en las ventanas ---- */
dialog{border-radius:16px;}
dialog .dlg-x{position:absolute;top:10px;right:10px;}
dialog h2{padding-right:44px;}

/* ---- Logo de Iterya, Astotrans en el centro y entrada como la de Iterya (ref. conversación 13/10) ----
   Barra de arriba: a la izquierda el logo de Iterya, del tamaño que tiene en DeCaConta (230×58); en el centro, el de Astotrans.
   Entrada: el recuadro va en el centro, sobre la foto de la oficina de Iterya (fondo-oficina.jpg, copiada de DeCaConta), con el
   logo de Iterya arriba y el de Astotrans debajo. La foto del camión de antes (fondo-entrada.jpg) sigue en la carpeta. */
.brand-top{width:230px;}
.brand-top img{width:100%;height:100%;object-fit:contain;object-position:left center;}
.topbar-empresa{display:flex;align-items:center;justify-content:center;height:58px;}
.topbar-empresa img{max-height:52px;max-width:100%;display:block;}
@media (max-width:1450px){ .brand-top{width:150px;} }
.pantalla-entrada{background:linear-gradient(180deg, rgba(21,32,48,.45) 0%, rgba(21,32,48,.72) 100%), url(/img/fondo-oficina.jpg) center/cover no-repeat;background-color:#1f3a5f;justify-content:center !important;padding-left:0;}
.caja-entrada{text-align:center;}
.caja-entrada .field{text-align:left;}
.logo-entrada-iterya{display:block;width:78%;height:auto;margin:0 auto 16px;}
.caja-entrada .logo-entrada{width:130px;margin:0 auto 12px;}

@media(max-width:840px){
  .brand-top{width:110px;}
  .topbar{margin:0 -16px 12px;padding:10px 16px;}
  .view-title{font-size:27px;}
  #barraMinimizadas{left:12px;max-width:calc(100vw - 24px);}
}

/* ---- Ficha del cliente con pestañas (ref. conversación 14/10: «toda la información en pestañas… de un clic») ---- */
.ficha-pestanas{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 16px;padding:6px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);}
.ficha-pestanas button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;border-radius:10px;padding:8px 13px;font:600 13.5px 'Inter',sans-serif;color:var(--ink-soft);cursor:pointer;white-space:nowrap;}
.ficha-pestanas button:hover{background:#EEF4FF;color:var(--ink);}
.ficha-pestanas button[aria-selected="true"]{background:var(--amber);color:#fff;box-shadow:0 2px 6px rgba(37,99,235,.3);}
.ficha-n{display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;background:#E5E7EB;color:var(--ink);font-size:11.5px;line-height:18px;text-align:center;}
.ficha-n.alerta{background:var(--red);color:#fff;}
.ficha-pestanas button[aria-selected="true"] .ficha-n{background:rgba(255,255,255,.28);color:#fff;}
.ficha-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:0 16px;}
.ficha-panel .sub{font-size:11.5px;color:var(--ink-soft);}
/* Asambleas y Junta (15/10) */
.as-orden { margin-top: 10px; }
.as-orden ol { margin: 6px 0 0; padding-left: 22px; line-height: 1.7; }
.as-resultados { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 12px; }
#asActa { width: 100%; box-sizing: border-box; font: inherit; font-size: 13.5px; line-height: 1.6; padding: 10px 12px; border: 1px solid var(--line, #E2E8F0); border-radius: 10px; resize: vertical; }
td .sub { display: block; font-size: 12px; color: var(--ink-soft, #64748B); font-weight: 400; }
/* Escritorio «Hoy» (15/10): casillas kpi de Iterya; agenda y vencidos en dos columnas */
.hoy-columnas { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.hoy-columnas .panel { margin-bottom: 16px; }
.hoy-agenda { list-style: none; margin: 0; padding: 0; }
.hoy-agenda li { border-top: 1px solid var(--line, #E2E8F0); }
.hoy-agenda li:first-child { border-top: 0; }
.hoy-agenda a { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; padding: 9px 4px; color: inherit; text-decoration: none; font-size: 14px; }
.hoy-agenda a:hover { background: var(--paper, #F8FAFC); }
.hoy-agenda .mono { min-width: 46px; color: var(--ink-soft, #64748B); }
.hoy-agenda .sub { flex-basis: 100%; margin-left: 0; font-size: 12px; color: var(--ink-soft, #64748B); }
.kpi-sub b { color: var(--ink, #0F172A); }
@media (max-width: 900px) { .hoy-columnas { grid-template-columns: 1fr; } }
/* Cobro de impagados (15/10) */
.acciones-izq { justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
.kpi.sel { outline: 2px solid var(--amber, #2563EB); }
/* ===== Colores de pantalla como Iterya (15/10: «pon los mismos colores de pantalla también como tiene Iterya»).
   Modelo: barra-izquierda.js de iterya.app (solo leído). Fondo «Iterya Software» (img/escritorio/iterya-software.jpg) con el
   velo de Iterya (violeta arriba a la izquierda, celeste abajo a la derecha) y, en el escritorio, el logo grande en el centro.
   Dentro de las pantallas, el mismo fondo claro (sin el logo). ===== */
body { background: #F6F4FB linear-gradient(155deg, rgba(139,92,246,.30) 0%, rgba(217,70,239,.12) 32%, rgba(255,255,255,0) 55%, rgba(56,189,248,.16) 78%, rgba(56,189,248,.34) 100%) fixed; }
body::after { content: ''; position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background: linear-gradient(rgba(255,255,255,.31), rgba(255,255,255,.31)), linear-gradient(155deg, rgba(139,92,246,.30) 0%, rgba(217,70,239,.12) 32%, rgba(255,255,255,0) 55%, rgba(56,189,248,.16) 78%, rgba(56,189,248,.34) 100%), url("/img/escritorio/iterya-software.jpg") center/cover no-repeat; }
body.escritorio.fondo-claro::before { background-image: url("/img/iterya-letras-fondo-claro.svg"), linear-gradient(rgba(255,255,255,.31), rgba(255,255,255,.31)),
  linear-gradient(155deg, rgba(139,92,246,.30) 0%, rgba(217,70,239,.12) 32%, rgba(255,255,255,0) 55%, rgba(56,189,248,.16) 78%, rgba(56,189,248,.34) 100%), url("/img/escritorio/iterya-software.jpg");
  background-size: max(42vw, 74.67vh) auto, cover, cover, cover; background-position: center; background-repeat: no-repeat; background-color: #F6F4FB; }
/* Sobre el fondo claro, los textos van oscuros (sin la sombra blanca de las fotos oscuras). */
body.fondo-claro .inicio-saludo, body.fondo-claro .inicio-escritorio .view-title, body.fondo-claro .inicio-escritorio .view-eyebrow,
body.fondo-claro .barra-volver-camino, body.fondo-claro .barra-volver-camino a, body.fondo-claro .barra-volver-camino b,
body.fondo-claro .sidebar .nav-text { color: #1E1B4B; text-shadow: none; }
body.fondo-claro .inicio-app, body.fondo-claro .ia-nombre { color: #0F172A; text-shadow: none; }
body.fondo-claro .inicio-escritorio .iy-ult, body.fondo-claro .barra-volver-camino .iy-ult { background: linear-gradient(90deg, #8B5CF6 0%, #D946EF 50%, #38BDF8 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.fondo-claro .sidebar { background: rgba(255,255,255,.55); border-right-color: rgba(228,219,254,.9); }
body.fondo-claro .topbar { background: rgba(255,255,255,.72); border-bottom-color: rgba(228,219,254,.8); }
body.fondo-claro .inicio-cambiar-fondo { color: #4C1D95; }

/* ===== «Encuentra» arriba, como en Iterya (15/10). Barra con forma de catalejo (copiada de iterya-encuentra.js de iterya.app):
   tubo de 3 tramos que se ensancha, ocular a la izquierda y la lente redonda a la derecha. ===== */
.topbar .global-search.iy-encuentra { flex: 1 1 auto; max-width: 560px; min-width: 220px; position: relative; margin: 0 14px; }
.iy-catalejo-bar { position: relative; display: flex; align-items: center; height: 50px; padding: 0 70px 0 28px; isolation: isolate; cursor: text; }
.iy-catalejo-bar::before { content: ""; position: absolute; top: 0; bottom: 0; left: 8px; right: 28px; z-index: -1; border-radius: 6px;
  background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,0) 48%, rgba(91,33,182,.07)), linear-gradient(90deg, #EFEAFF 0 29.3%, rgba(167,139,250,.6) 29.3% 30.9%, #ECE8FF 30.9% 63.3%, rgba(129,140,248,.6) 63.3% 64.9%, #E3F1FE 64.9%);
  clip-path: polygon(0 22%, 30% 22%, 30% 12%, 64% 12%, 64% 2%, 100% 2%, 100% 98%, 64% 98%, 64% 88%, 30% 88%, 30% 78%, 0 78%); filter: drop-shadow(0 2px 3px rgba(76,29,149,.16)); transition: filter .15s; }
.iy-catalejo-bar:focus-within::before { filter: drop-shadow(0 0 5px rgba(139,92,246,.55)); }
.iy-catalejo-bar::after { content: ""; position: absolute; left: 0; top: 30%; height: 40%; width: 12px; border-radius: 5px; background: linear-gradient(180deg, #A78BFA, #7C3AED); z-index: -1; }
.global-search .iy-catalejo-bar input { flex: 1; border: 0; outline: 0; background: none; box-shadow: none; height: 100%; min-height: 0; padding: 0; font-size: 15.5px; color: #1E1B4B; min-width: 0; border-radius: 0; }
.global-search .iy-catalejo-bar input:focus { box-shadow: none; border: 0; }
.iy-catalejo-bar input::placeholder { color: #6D5BA8; }
.iy-catalejo-bar .lente { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; cursor: pointer;
  background: radial-gradient(circle at 28% 26%, rgba(255,255,255,.8) 0 8%, rgba(255,255,255,0) 9%), linear-gradient(150deg, #8B5CF6, #D946EF 55%, #38BDF8);
  box-shadow: 0 0 0 4px #fff, 0 0 0 6px #C4B5FD, 0 6px 16px rgba(139,92,246,.35); }
.iy-catalejo-bar .lente svg { width: 24px; height: 24px; }
.iy-catalejo-bar.peq { height: 42px; padding: 0 58px 0 24px; } .iy-catalejo-bar.peq .lente { width: 40px; height: 40px; } .iy-catalejo-bar.peq .lente svg { width: 20px; height: 20px; }
.encuentra-res { display: none; position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); width: min(620px, calc(100vw - 40px)); max-height: min(70vh, 620px); overflow: auto; z-index: 900;
  background: #fff; border: 1px solid #E4DBFE; border-radius: 16px; box-shadow: 0 18px 44px rgba(15,23,42,.22); padding: 6px; font-family: 'Inter', sans-serif; }
.iy-encuentra.abierto .encuentra-res { display: block; }
.encuentra-res .gr { font: 700 11px 'Inter', sans-serif; text-transform: uppercase; letter-spacing: .12em; color: #7C3AED; padding: 10px 10px 4px; }
.encuentra-res .op { display: flex; align-items: center; gap: 11px; width: 100%; border: 0; background: none; padding: 7px 10px; border-radius: 11px; cursor: pointer; text-align: left; color: #0F172A; font: 600 13.5px 'Inter', sans-serif; }
.encuentra-res .op:hover, .encuentra-res .op.sel { background: #EDE9FE; }
.encuentra-res .op .ic { width: 30px; height: 30px; border-radius: 9px; flex: 0 0 30px; display: grid; place-items: center; background: linear-gradient(150deg, #8B5CF6, #D946EF); box-shadow: inset 0 0 0 2px #38BDF8; }
.encuentra-res .op .ic svg { width: 16px; height: 16px; }
.encuentra-res .op .tx { min-width: 0; flex: 1; }
.encuentra-res .op .tx b { display: block; font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.encuentra-res .op .tx small { display: block; color: #64748B; font-weight: 500; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.encuentra-res .op mark { background: #FDE68A; color: inherit; border-radius: 3px; padding: 0 1px; }
.encuentra-res .nada { padding: 14px 12px; color: #64748B; font-size: 13.5px; }
.encuentra-res .cargando { padding: 8px 12px; color: #7C3AED; font-size: 12.5px; }
@media (max-width: 900px) { .topbar .global-search.iy-encuentra { margin: 6px 0 0; max-width: none; } }
/* Pantalla de entrar (usuario y contraseña) con el fondo de Iterya (15/10: «el fondo de la pantalla donde se meten usuario y
   contraseña también debería ser el color de Iterya, como la de la pantalla principal»). Sin el logo grande: ya va en el recuadro.
   La foto de la oficina (fondo-oficina.jpg) sigue en la carpeta. */
.pantalla-entrada { background: linear-gradient(rgba(255,255,255,.31), rgba(255,255,255,.31)), linear-gradient(155deg, rgba(139,92,246,.30) 0%, rgba(217,70,239,.12) 32%, rgba(255,255,255,0) 55%, rgba(56,189,248,.16) 78%, rgba(56,189,248,.34) 100%), url("/img/escritorio/iterya-software.jpg") center/cover no-repeat; background-color: #F6F4FB; }

/* Dentro de las pantallas, el mismo fondo claro de Iterya en vez de la foto de cada pantalla (15/10: «pon los mismos colores de
   pantalla también como tiene Iterya»). Las fotos siguen en img/fondos por si se quieren volver a poner. */
.content.con-fondo::before { background: linear-gradient(rgba(255,255,255,.31), rgba(255,255,255,.31)), linear-gradient(155deg, rgba(139,92,246,.30) 0%, rgba(217,70,239,.12) 32%, rgba(255,255,255,0) 55%, rgba(56,189,248,.16) 78%, rgba(56,189,248,.34) 100%), url("/img/escritorio/iterya-software.jpg") center/cover no-repeat; }