/* estilos de respaldo de la maqueta (27 oct), ya compilados: aquí no se carga ningún script de Tailwind */
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.sticky{position:sticky}.left-0{left:0px}.top-0{top:0px}.z-30{z-index:30}.z-40{z-index:40}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-16{margin-top:4rem}.mt-2{margin-top:0.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:0.75rem}.mt-4{margin-top:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-3{height:0.75rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-screen{height:100vh}.min-h-\[148px\]{min-height:148px}.min-h-screen{min-height:100vh}.min-h-\[92px\]{min-height:92px}.w-1\/2{width:50%}.w-\[130px\]{width:130px}.w-\[248px\]{width:248px}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[620px\]{min-width:620px}.max-w-3xl{max-width:48rem}.max-w-\[1120px\]{max-width:1120px}.max-w-\[80\%\]{max-width:80%}.max-w-\[90\%\]{max-width:90%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.125rem * var(--tw-space-y-reverse))}.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-borde > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(213 220 229 / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[14px\]{border-radius:14px}.rounded-md{border-radius:0.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-borde{--tw-border-opacity:1;border-color:rgb(213 220 229 / var(--tw-border-opacity, 1))}.border-primary{--tw-border-opacity:1;border-color:rgb(0 51 160 / var(--tw-border-opacity, 1))}.bg-amarillo{--tw-bg-opacity:1;background-color:rgb(255 199 44 / var(--tw-bg-opacity, 1))}.bg-niebla{--tw-bg-opacity:1;background-color:rgb(233 237 243 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(0 51 160 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1{padding:0.25rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.\!px-0{padding-left:0px !important;padding-right:0px !important}.px-1{padding-left:0.25rem;padding-right:0.25rem}.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-1{padding-top:0.25rem}.pt-2{padding-top:0.5rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-right{text-align:right}.font-body{font-family:Schibsted Grotesk, sans-serif}.font-display{font-family:Schibsted Grotesk, sans-serif}.font-label{font-family:IBM Plex Mono, monospace}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[32px\]{font-size:32px}.text-\[36px\]{font-size:36px}.text-\[42px\]{font-size:42px}.text-\[44px\]{font-size:44px}.text-\[10px\]{font-size:10px}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[26px\]{line-height:26px}.leading-\[27px\]{line-height:27px}.leading-\[29px\]{line-height:29px}.leading-\[36px\]{line-height:36px}.leading-\[40px\]{line-height:40px}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-0.025em}.tracking-wider{letter-spacing:0.05em}.text-acero{--tw-text-opacity:1;color:rgb(94 104 115 / var(--tw-text-opacity, 1))}.text-error{--tw-text-opacity:1;color:rgb(179 38 30 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity:1;color:rgb(0 51 160 / var(--tw-text-opacity, 1))}.text-tinta{--tw-text-opacity:1;color:rgb(11 21 48 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 768px){.md\:ml-\[248px\]{margin-left:248px}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:self-auto{align-self:auto}.md\:p-8{padding:2rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:text-\[30px\]{font-size:30px}.md\:text-\[44px\]{font-size:44px}.md\:text-\[48px\]{font-size:48px}.md\:leading-\[52px\]{line-height:52px}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}}

/* estilos propios de la maqueta (26 oct y 2 nov) */
body { background:#FFFFFF; color:#0B1530; -webkit-font-smoothing:antialiased; font-family:"Schibsted Grotesk",sans-serif; }
  .material-symbols-outlined { font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20; vertical-align:middle; }
  .pantalla { display:none; } .pantalla.activa { display:block; }
  .nav-item { display:flex; align-items:center; justify-content:space-between; padding:6px 8px; font-size:15px; color:#5E6873; border-left:3px solid transparent; cursor:pointer; }
  .nav-item:hover { color:#0033A0; }
  .nav-item.activo { background:#FFFFFF; color:#0033A0; font-weight:600; border-left-color:#0033A0; }
  .boton { border:1px solid #0033A0; color:#0033A0; padding:6px 16px; font-size:15px; font-weight:600; background:#fff; transition:background-color 150ms cubic-bezier(0.2,0,0,1), transform 150ms; }
  .boton:hover { background:rgba(0,51,160,0.06); } .boton:active { transform:scale(0.98); }
  .boton:focus-visible, .nav-item:focus-visible, .organo:focus-visible { outline:2px solid #FFC72C; outline-offset:2px; }
  .boton-principal { background:#0033A0; color:#fff; border:1px solid #0033A0; padding:10px 20px; font-size:16px; font-weight:600; transition:background-color 150ms; }
  .boton-principal:hover { background:#002E90; }
  .fuente { font-family:"IBM Plex Mono",monospace; font-size:13px; line-height:18px; color:#5E6873; }
  .vacio { border:1px dashed #D5DCE5; color:#5E6873; }
  .organo { cursor:pointer; transition:border-color 150ms; } .organo.cerrado:hover { border-color:#0033A0; }
  th { text-align:left; font-family:"IBM Plex Mono",monospace; font-size:12px; color:#5E6873; font-weight:600; text-transform:uppercase; padding:12px 16px; }
  td { padding:12px 16px; }
  .sin-marco aside, .sin-marco header, .sin-marco footer { display:none !important; }
  .sin-marco main { margin-left:0 !important; }
  .campo { width:100%; border:1px solid #D5DCE5; padding:12px 16px; font-size:17px; font-family:"IBM Plex Mono",monospace; letter-spacing:.04em; background:#fff; color:#0B1530; }
  .campo:focus-visible { outline:2px solid #FFC72C; outline-offset:2px; border-color:#0033A0; }
  .campo.con-error { border-color:#B3261E; }
  .barra-espera { height:12px; background:#E9EDF3; }
  .nav-borrador { font-size:14px; }

/* Task 4 (3 Nov 2026): what the platform adds to the approved mock-up. No inline styles: the content policy forbids them. */
.boton-chico { padding:2px 10px; font-size:14px; flex-shrink:0; }
.rojo { color:#B3261E; }
.borde-rojo { border-color:#B3261E; }
.burbuja { overflow-wrap:anywhere; }
.quieto { opacity:.5; }
.punto-amarillo { display:inline-block; width:12px; height:24px; background:#FFC72C; }
.barra-llena { height:12px; background:#0033A0; }
.parrafos p + p { margin-top:.5rem; }
.sugerencias { display:flex; flex-wrap:wrap; gap:.5rem; }
.sugerencias .boton { text-align:left; }
/* classes the mock-up got from the Tailwind script and the 27 Oct fallback does not have */
.block{display:block}
.underline{text-decoration-line:underline}
.mb-3{margin-bottom:0.75rem}
.mt-6{margin-top:1.5rem}
.w-2\/3{width:66.666667%}
.w-5\/6{width:83.333333%}
.leading-\[22px\]{line-height:22px}
.max-w-\[440px\]{max-width:440px}
.min-h-\[80vh\]{min-height:80vh}

/* The approved mock-up lets «Prendido» run over the next card at 375 px; here the card header may wrap. */
.organo > div:first-child { flex-wrap:wrap; row-gap:4px; }

/* Task 5 (3 Nov 2026): a company without a logo shows its name where the logo goes. */
.nombre-empresa { display:block; font-family:"Schibsted Grotesk",sans-serif; font-weight:700; color:#0033A0; font-size:17px; line-height:22px; text-align:center; overflow-wrap:anywhere; }
.nombre-empresa[hidden] { display:none; }
header .nombre-empresa { font-size:12px; line-height:15px; max-width:104px; text-align:left; }