@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../shared/fonts/bebas-neue-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
                 U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../../shared/fonts/space-grotesk-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
                 U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Paleta petróleo compartida por portada, herramientas, cuenta y administración.
   Los fondos de medios no alteran los archivos.
   El rosa es el token de la casa, --gr-rosa: lo define app/grieta.css (15/10/2026,
   «un rosa un poco más fuerte»), que va después en cada página y manda. Acá queda
   el mismo valor como respaldo para /tablero/, la única pantalla que no carga
   grieta.css. Desde el 23/10/2026 ya no es rosa ni durazno («el color rosa te
   dije que no lo quería»): marfil neutro, y blanco al pasar el cursor. */
:root {
 --gr-rosa:#EFEBE4;--gr-rosa-hover:#FFFFFF;
 --f-sans:'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;--f-rara:var(--f-sans);--f-serif:var(--f-sans);
 --sans:var(--f-sans);--serif:var(--f-serif);--noche-1:#304956;--papel:#405967;--papel-2:#354f5d;
 --tinta:#edf2f4;--tinta-dim:#d5e1e7;--tinta-faint:#cad8df;--rojo:var(--gr-rosa);--acento:var(--gr-rosa);--acento-ink:#28161f;--acento-soft:color-mix(in oklch, var(--gr-rosa) 10%, transparent);
 --g0:#405967;--g1:#354f5d;--g2:#304b59;--g3:#3b5665;--g4:#42606f;--g5:#3f5b6b;--g6:#5d7887;--g7:#7893a0;--g8:#92abb6;--g9:#cad8df;--g10:#d5e1e7;
 --linea:#d5e8f02b;--linea-fuerte:#d5e8f05c;--capa:#c3e2ef12;--capa-fuerte:#c3e2ef20;
 --papel-25:#40596740;--papel-45:#40596773;--papel-58:#40596794;--papel-70:#405967b3;--papel-84:#405967d6;--papel-90:#354f5de6;--papel-97:#354f5df7;--papel-99:#354f5dfc;
 --noche:#304956;--noche-tinta:#edf2f4;--noche-tinta-dim:#d5e1e7;--noche-tinta-faint:#cad8df;--linea-noche:#ffffff21;
 --rosa:var(--gr-rosa);--rosa-suave:#e4d7df;--rosa-fuerte:var(--gr-rosa);--ambar:#ffd3a0;--verde:#9dd5b7;--barra:72px;
}
html {background:var(--papel);color-scheme:dark;scroll-padding-top:90px}
body {background:var(--papel);color:var(--tinta);font-family:var(--f-sans)}
[hidden] {display:none!important}
body::before,body::after {content:none}
p {line-height:1.65}
h1,h2,h3,h4 {color:var(--tinta)}
h1,h2 {font-family:var(--f-rara);font-weight:500;letter-spacing:-.045em;line-height:1.07;text-transform:none}
h1 em,h2 em {font-family:inherit;color:var(--rosa);font-weight:inherit;letter-spacing:inherit}
button,input,select,textarea {font:inherit}
button,a,input,select,textarea {touch-action:manipulation}
button {cursor:pointer}
button:disabled {cursor:not-allowed;opacity:.55}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible {outline:2px solid var(--acento);outline-offset:4px}
.boton-acento,.boton-borde,.boton-claro {min-height:42px;padding:11px 18px;border-radius:8px;font-size:13px;line-height:1.3;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.boton-acento {background:var(--acento);color:var(--acento-ink);border:1px solid transparent}
.boton-borde {background:transparent;color:var(--tinta);border:1px solid var(--g6)}
.boton-acento:hover {background:var(--gr-rosa-hover)}
/* «Empezar gratis» de la barra sin sesión: `.barra-acciones a` (app.css) le
   ponía la letra gris clara de los enlaces, #d5e1e7 sobre rosa (1,41:1), y al
   pasar el mouse la tinta (todavía menos). Se le devuelve la letra oscura de
   los botones rosas, sin tocar nada más de su estilo: 9,1 a 1. */
.barra-acciones>.boton-acento,.barra-acciones>.boton-acento:hover {color:var(--acento-ink)}
.boton-borde:hover {background:var(--g3)}
.barra {height:72px;gap:24px;padding:0 28px;background:var(--papel-97);border-bottom:1px solid var(--g6);backdrop-filter:blur(14px);z-index:100}
.marca {display:flex;flex-direction:column;gap:3px;flex-shrink:0;font-family:var(--f-rara);font-weight:600;line-height:1.2;letter-spacing:-.04em;font-size:16px;color:var(--tinta);text-decoration:none}
.marca small {font-size:9px;letter-spacing:.28em;color:var(--rosa);font-weight:500}
.barra .buscador {display:none}
.pestanas {display:flex;gap:3px;margin:auto;overflow:visible}
.pestanas a {font-size:12px;padding:10px 9px;white-space:nowrap}
.pestanas .pestana-cerrada {display:none}
.pestanas a.activa {background:var(--g2);color:var(--tinta)}
.barra-acciones {margin-left:auto;gap:14px;font-size:12px;white-space:nowrap}
.menu-movil {display:none;background:var(--g2);color:var(--tinta);border:1px solid var(--g6);border-radius:7px;min-height:40px;padding:8px 12px}
.menu-cuenta {background:var(--g2);border:1px solid var(--g6);border-radius:12px;min-width:220px;box-shadow:0 16px 60px #0008}
.menu-cuenta a,.menu-cuenta button {min-height:42px;display:flex;align-items:center}
.contenido {max-width:1440px;margin:auto;padding:30px clamp(18px,3.5vw,58px) 60px}
.sin-lateral .contenido {max-width:1440px}
.migas {font-size:11px;margin:0 0 22px;color:var(--tinta-faint)}
.crear-tipos {display:flex;gap:4px;width:max-content;max-width:100%;padding:4px;border:1px solid var(--g6);border-radius:10px;background:var(--g1);margin-bottom:22px}
.crear-tipos a {padding:9px 22px;border-radius:6px;text-decoration:none;font-size:13px;color:var(--tinta-dim)}
.crear-tipos a.activa {background:var(--g2);color:var(--rosa)}
.portada-prompt {min-height:0;padding:30px 0 34px;border:0;border-radius:0;background:transparent;overflow:hidden;margin-bottom:0;text-align:left;position:relative}
.portada-prompt::after {display:none}
.portada-prompt>.fondo {display:none}
.portada-cuerpo {position:relative;padding:0;max-width:900px;margin:0;z-index:2;text-align:left}
.portada-prompt h1 {font-size:clamp(34px,4vw,58px);margin:8px 0 15px}
.portada-prompt .bajada {font-size:15px;max-width:65ch;line-height:1.65;color:var(--tinta-dim);margin:0}
.portada-prompt .kicker {font-size:10px;letter-spacing:.2em;color:var(--rosa)}
.taller {display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;margin-top:10px}
.taller-con-capas {grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr)}
.taller-pedido {min-width:0;padding:26px;border:1px solid var(--g6);border-radius:14px;background:var(--g1)}
.campo-prompt {display:flex;flex-direction:column;align-items:stretch;padding:0;background:transparent;border:0;border-radius:0;width:100%;max-width:none;gap:12px;margin:0 0 24px}
.campo-prompt textarea {width:100%;min-height:134px;resize:vertical;border:1px solid var(--g7);border-radius:9px;background:var(--g0);color:var(--tinta);padding:16px;line-height:1.6;font-size:15px}
.campo-prompt textarea::placeholder {color:var(--tinta-faint)}
.campo-prompt .boton-acento {align-self:flex-end;min-width:175px;min-height:44px}
.generar-panel {padding:0!important;border:0!important;background:transparent!important}
.generar-cabecera {margin-bottom:16px}
.generar-modelos {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:300px;overflow:auto;padding:3px}
.generar-modelo {background:var(--g3);border:1px solid var(--g6);border-radius:8px;text-align:left;min-height:100px;padding:14px;box-shadow:none}
.generar-modelo.elegido,.generar-modelo[aria-pressed=true] {border-color:var(--acento);background:var(--g2)}
/* 1px de separación: la lista tiene scroll propio y 3px de relleno; con más,
   el borde de afuera del anillo quedaba recortado en las tarjetas del borde. */
.generar-modelo:focus-visible {outline:2px solid var(--acento);outline-offset:1px}
.generar-modelo-limites {font-size:11px;line-height:1.45;color:var(--verde,#9dd5b7);letter-spacing:.01em}
.generar-duracion:focus-visible,.generar-formato:focus-visible {outline:2px solid var(--acento);outline-offset:2px}
.generar-modelo p {line-height:1.5}
.generar-ajustes {margin-top:18px}
.generar-ajustes button {min-width:40px;min-height:36px}
.generar-presupuesto {margin:18px 0;padding:14px;border:1px solid #9dd5b73d;background:#9dd5b708;border-radius:8px;color:#b6ddc9;font-size:12px;line-height:1.6}
.generar-presupuesto.con-error {color:#ffc1b8;border-color:#ffc1b84d}
.generar-presets {border-top:1px solid var(--g6);padding-top:16px}
.taller-capas {min-width:0;max-height:none;position:static}
.presets-capas {margin:0;padding:22px;background:var(--g1);border:1px solid var(--g6);border-radius:14px}
.capas-cabecera h2 {font-size:24px;margin:0 0 10px}
.capas-bajada {font-size:12px;line-height:1.6;color:var(--tinta-dim)}
.capas-modos {gap:6px;margin:16px 0}
.capas-modos button {font-size:11px;min-height:34px}
.capa {border:0;border-top:1px solid var(--g6);padding:0;margin:0}
.capa-cabecera {cursor:pointer;display:flex;align-items:center;min-height:48px;padding:12px 0;gap:8px}
.capa-cabecera::after {content:'+';color:var(--tinta-faint);margin-left:auto;font-size:18px}
.capa[open]>.capa-cabecera::after {content:'−'}
.capa-cabecera h4 {font:500 13px var(--f-rara);margin:0}
.capa-cabecera::-webkit-details-marker {display:none}
.capas-fichas {padding-bottom:14px}
.capa-ficha {font-size:11px;min-height:34px;border-radius:6px}
.pedido-tecnico {margin-top:16px;font-size:11px;color:var(--tinta-faint)}
.pedido-tecnico summary {cursor:pointer;line-height:1.6}
.generar-resultados:not(:empty) {border-top:1px solid var(--g6);margin-top:24px;padding-top:20px}
.generar-resultados img,.generar-resultados video {max-height:500px;object-fit:contain}
.biblioteca-controles {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 12px}
.biblioteca-controles input[type=search] {flex:1;min-width:220px}
.biblioteca-controles input,.biblioteca-controles select,.sitio-editor select {min-height:44px;border:1px solid var(--g6);border-radius:8px;background:var(--g1);padding:10px 14px;color:var(--tinta)}
.importar-archivo {position:relative;cursor:pointer;overflow:hidden}
.importar-archivo input {position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.importar-archivo:focus-within {outline:2px solid var(--acento);outline-offset:3px}
.biblio-grilla {margin:24px 0;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}
.biblio-lienzo.plano {aspect-ratio:16/10}
.biblio-lienzo video {width:100%;height:100%;object-fit:contain}
.biblio-pie {padding:16px}
.biblio-accion {min-height:38px;display:inline-flex;align-items:center}
.biblio-cabecera h1,.sitio-editor h1 {font-size:clamp(36px,4.5vw,62px);margin:12px 0}
.sitio-editor>p {max-width:68ch;color:var(--tinta-dim)}
.sitio-editor>.boton-borde {margin-left:10px}
.sitio-espacios {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.sitio-espacios .cuenta-bloque {margin:0;padding:24px;border:1px solid var(--g6);background:var(--g1);border-radius:12px}
.sitio-espacios h2 {font-size:24px;margin:0 0 18px}
.sitio-espacios select {width:100%}
.sitio-previa {aspect-ratio:16/9;background:var(--g0);border:1px solid var(--g6);margin:18px 0;display:grid;place-items:center;color:var(--tinta-faint);overflow:hidden;border-radius:8px}
.sitio-previa img,.sitio-previa video {height:100%;width:100%;object-fit:contain}
.medio-portada {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.hero-media.con-medio-propio>#hero-poster {display:none}
.portada-prompt.con-medio-propio {min-height:280px;padding:36px;border-radius:14px;margin-bottom:26px}
.portada-prompt.con-medio-propio::after {content:'';display:block;position:absolute;inset:0;background:linear-gradient(90deg,var(--papel-90),var(--papel-45));z-index:1}
.medio-fondo {position:fixed;inset:0;height:100vh;width:100vw;object-fit:cover;opacity:.12;pointer-events:none;z-index:-1}
body.con-medio-propio {isolation:isolate;background:transparent}
.hero {min-height:640px}
.hero-media {background:var(--papel-2)}
.hero-media>img {opacity:.38;filter:saturate(.7)}
.hero-velo {background:linear-gradient(90deg,var(--papel-90),var(--papel-25)),linear-gradient(0deg,var(--papel),transparent 50%)}
.hero h1 {font-size:clamp(48px,7.8vw,112px)}
.hero-bajada {max-width:48ch;color:var(--tinta-dim)}
.hero .kicker {color:var(--rosa)}
.tarjeta,.app,.ficha,.pieza {background:var(--g3);box-shadow:none}
.tarjeta>img,.app>img,.ficha>img,.pieza>img {opacity:.7;filter:saturate(.7)}
.pie-marca,.pie-app-marca img {display:none}
.pie-social img {filter:none}
#nav {background:var(--papel-97);border-bottom:1px solid var(--g6)}
#nav .marca {background:transparent;color:var(--tinta);align-items:flex-start;padding:0;border-radius:0}
#nav .marca img {display:none}
#nav .marca::before {content:'Sweet Little Trauma';font:600 16px var(--f-rara);letter-spacing:-.04em}
#nav .marca::after {content:'STUDIO';color:var(--rosa);font-size:9px;letter-spacing:.28em}
#nav .mega {background:var(--papel-99)}
@media(max-width:1180px) {
 .barra {gap:16px;padding:0 20px}
 .pestanas a {padding:10px 6px;font-size:11px}
 /* Acá había además `.barra-acciones>a:first-child {display:none}`. No tocaba
    nada mientras el idioma iba primero, y en el celular, donde «Empezar»
    queda solo en la barra, lo escondía. */
}
/* El botón de menú de la barra de las pantallas, hasta 1180 px (antes 980):
   con «Tienda» (23/10/2026) la barra tiene seis entradas y, entre 981 y 1180,
   no entraban la marca, el menú y las acciones (medido en las cuatro
   interfaces y los tres idiomas). Es el corte que ya tenía app.css para las
   pestañas. El contenido de cada pantalla sigue cambiando a 980. */
@media(max-width:1180px) {
 .barra .pestanas {display:none}
 .menu-movil {display:block}
 .barra.menu-visible .pestanas {display:flex;position:absolute;top:71px;left:0;right:0;padding:16px;flex-wrap:wrap;gap:8px;background:var(--papel-2);border-bottom:1px solid var(--g6);box-shadow:0 15px 40px #0005}
 .barra.menu-visible .pestanas a {font-size:14px;min-height:44px;padding:12px 16px}
}
@media(max-width:980px) {
 .taller-con-capas {grid-template-columns:minmax(0,1fr)}
 .taller-pedido {padding:20px}
}
@media(max-width:600px) {
 .barra {padding:0 14px;gap:10px}
 .marca {font-size:13px;max-width:150px}
 .barra-acciones {gap:8px;font-size:12px}
 /* «Empezar» ya no se esconde en el celular: es el botón rosa chico de la barra (menu.css). */
 .barra-cuenta {max-width:85px;overflow:hidden;text-overflow:ellipsis}
 .menu-cuenta {right:-40px}
 .contenido {padding:24px 16px 40px}
 .crear-tipos {width:100%;justify-content:space-between}
 .crear-tipos a {padding:9px 14px}
 .portada-prompt {padding:16px 0 26px}
 .portada-prompt h1 {font-size:38px}
 .portada-prompt .bajada {font-size:14px}
 .taller-pedido,.presets-capas {padding:16px}
 .generar-modelos {grid-template-columns:1fr;max-height:260px}
 .sitio-espacios {grid-template-columns:1fr}
 .sitio-editor>.boton-acento,.sitio-editor>.boton-borde {margin:5px 0}
 .hero {min-height:620px}
 .sitio-editor h1 {font-size:38px}
 .pie-app-cols {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*::before,*::after {animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Superar las reglas de composición heredadas, no añadir alturas vacías. */
body.sin-lateral .contenido {max-width:1440px}
.contenido>.portada-prompt {display:block;min-height:0;margin:0 0 16px;padding:8px 0 22px}
.contenido>.portada-prompt.con-medio-propio {min-height:260px;padding:32px}
.contenido>.portada-prompt>.portada-cuerpo {width:100%;max-width:900px;margin:0;text-align:left}
.barra .pestanas a.pestana-cerrada {display:none}
.barra .pestanas {background:transparent;border:0;border-radius:0;padding:0}

/* La navegación principal del Studio también queda centrada en la pantalla.
   (23/10/2026) Las dos columnas de los costados no bajan de lo que ocupan
   (minmax(max-content, 1fr), como las acciones de la portada desde 1440): con
   lugar, el menú va al centro de la pantalla; si un costado no entra, el menú
   se corre hacia el otro en vez de pisarlo. */
@media (min-width: 1181px) {
  .barra { display:grid; grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr); }
  .barra > .marca { justify-self:start; }
  .barra > .pestanas { justify-self:center; margin:0; }
  .barra > .barra-acciones { justify-self:end; margin-left:0; }
}

/* Acceso de cuenta compartido por la portada y las herramientas. */
.acceso-cuenta { position: relative; display: inline-flex; min-width: 0; }
.cuenta-disparador,
.cuenta-ingresar {
  appearance: none; background: none; border: 0; border-radius: 0;
  color: var(--tinta); font: 500 13px var(--f-sans); line-height: 1.4;
  padding: 10px 0; min-height: 44px; max-width: 170px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none;
}
.cuenta-disparador:hover,
.cuenta-ingresar:hover { color: var(--rosa); }
.cuenta-disparador[aria-expanded=true] { color: var(--rosa); }
.cuenta-disparador { position: relative; padding-right: 18px; }
.cuenta-disparador::after {
  content: ''; position: absolute; right: 2px; top: calc(50% - 4px);
  width: 6px; height: 6px; border: solid currentColor; border-width: 0 1px 1px 0;
  transform: rotate(45deg); pointer-events: none;
}
.cuenta-disparador[aria-expanded=true]::after { top: calc(50% - 1px); transform: rotate(225deg); }

.cuenta-panel {
  position: fixed; z-index: 200; display: block;
  width: min(310px, calc(100vw - 24px)); min-width: 0;
  padding: 8px; overflow-y: auto; overscroll-behavior: contain;
  background: var(--g2); border: 1px solid var(--g6); border-radius: 14px;
  box-shadow: 0 14px 40px #0a17234d; white-space: normal;
  scrollbar-width: thin;
}
.cuenta-panel[hidden] { display: none; }
.cuenta-panel .cuenta-panel-nombre {
  font: 600 15px var(--f-sans); color: var(--tinta); margin: 0; padding: 12px;
  overflow-wrap: anywhere;
}
.cuenta-grupo { border-top: 1px solid var(--linea, #ffffff21); padding: 6px 0; }
.cuenta-panel .cuenta-grupo-titulo { font: 600 10px var(--f-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--rosa); margin: 0; padding: 9px 12px 5px; }
.cuenta-panel a,
.cuenta-panel button {
  display: flex; align-items: center; width: 100%; min-height: 36px;
  padding: 8px 12px; border: 0; border-radius: 6px; background: none;
  font: 400 13px var(--f-sans); line-height: 1.45; text-align: left;
  color: var(--tinta-dim); text-decoration: none; white-space: normal;
}
.cuenta-panel a:hover,
.cuenta-panel button:hover { background: var(--g4); color: var(--tinta); }
.cuenta-panel .cuenta-menu-aviso { color: var(--rosa); font-size: 12px; margin: 10px 12px; }
.cuenta-panel .menu-cuenta-salir { margin-top: 0; border-top: 1px solid var(--linea, #ffffff21) !important; min-height: 44px; }
@media (max-width: 600px) {
  .barra .cuenta-disparador { max-width: 105px; }
}

/* Páginas de ayuda y oportunidades: información y destinos concretos. */
.pagina-soporte .contenido { max-width: 1100px; padding-top: 54px; }
.pagina-soporte h1 { font-size: clamp(34px, 5vw, 62px); margin: 12px 0 20px; }
.soporte-entradilla { max-width: 65ch; color: var(--tinta-dim); margin-bottom: 32px; }
.soporte-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.soporte-bloque { padding: 24px; border: 1px solid var(--g6); border-radius: 14px; background: var(--g1); }
.soporte-bloque h2 { margin: 0 0 12px; font-size: 24px; }
.soporte-bloque p { color: var(--tinta-dim); font-size: 14px; }
.soporte-bloque a { color: var(--rosa); display: inline-flex; padding-block: 8px; font-size: 14px; }
.soporte-contacto { margin-block: 32px; padding-top: 24px; border-top: 1px solid var(--g6); }
.soporte-contacto a { color: var(--rosa); overflow-wrap: anywhere; }
@media (max-width: 640px) { .soporte-grid { grid-template-columns: 1fr; } }

/* Marca en una línea, con subrayado y sin trazos de arcoíris. */
.marca.firma-editorial {
  display: inline-flex; flex-direction: row; gap: .22em; align-items: baseline;
  position: relative; width: max-content; max-width: none;
  padding: 10px 0; min-height: 44px;
  font: 600 17px/24px var(--f-rara); letter-spacing: -.04em;
  background: none; white-space: nowrap;
}
.marca.firma-editorial::before,
.marca.firma-editorial::after { content: none; }
/* El foco de la marca se indica con un subrayado, sin encuadrar el logo. */
.marca.firma-editorial:focus-visible { outline: none; }
.marca.firma-editorial:focus-visible .marca-sweet::after {
  width: 100%; height: 0; background: none;
  border-bottom: 3px solid var(--acento);
}
.firma-editorial .marca-trauma { font-weight: 750; }
.firma-editorial .marca-studio {
  color: var(--rosa);
  font: 400 19px/24px var(--f-serif);
  letter-spacing: .01em;
}
.firma-editorial .marca-sweet::after {
  content: ''; position: absolute; left: 0; width: 68px; bottom: 3px; height: 1px;
  background: linear-gradient(90deg, #bad6e0a6, #bad6e000);
  pointer-events: none;
}
@media (max-width: 600px) {
  .marca.firma-editorial { font-size: 15px; }
  .firma-editorial .marca-sweet::after { width: 56px; }
  .firma-editorial .marca-studio { font-size: 18px; }
}
.generar-ficha-aviso {margin:6px 0 0;font-size:11.5px;line-height:1.5;color:var(--ambar,#ffd3a0)}