/* rkrra.com, diseño nuevo (31-10-2026, Edgar: «más parecida a Civitai, conservando colores y tipografía»). */
:root{color-scheme:dark;--tinta:#f2efec;--fondo:#000;--panel:#101010;--panel2:#171717;--linea:#262626;--suave:#9a938d;
  --naranja:#e35303;--verde:#2f9e5b}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:"Zalando Sans",system-ui,sans-serif;font-size:15px;
  line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img,video{max-width:100%;display:block}
.saltar{position:absolute;left:-9999px;top:0;background:var(--naranja);color:#000;padding:.6em 1em;z-index:99}
.saltar:focus{left:0}
:focus-visible{outline:2px solid var(--naranja);outline-offset:3px}

/* ---- barra superior ---- */
.barra{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;padding:.7rem clamp(1rem,3vw,2rem);
  background:rgba(0,0,0,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.logo{line-height:0;flex:none}.logo svg{height:1.9rem;width:auto;fill:var(--tinta)}
.buscar{flex:1;max-width:34rem;position:relative}
.buscar input{width:100%;padding:.62rem 1rem .62rem 2.4rem;border-radius:99px;border:1px solid var(--linea);
  background:var(--panel);color:var(--tinta);font:inherit}
.buscar svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:1rem;opacity:.55;pointer-events:none}
.nav{display:flex;gap:.2rem}
.nav a{padding:.45rem .8rem;border-radius:99px;font-weight:500;font-size:.9rem;opacity:.8;white-space:nowrap}
.nav a:hover,.nav a.on{opacity:1;background:var(--panel2)}
.derecha{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex:none}
.icono{position:relative;width:2.4rem;height:2.4rem;border-radius:99px;border:1px solid var(--linea);background:var(--panel);
  display:grid;place-items:center;cursor:pointer;padding:0}
.icono svg{width:1.1rem}
.icono b{position:absolute;top:-4px;right:-4px;background:var(--naranja);color:#000;font-size:.7rem;border-radius:99px;
  min-width:1.15rem;height:1.15rem;display:grid;place-items:center;padding:0 .25rem}
.icono b:empty{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:99px;
  font-weight:700;font-size:.88rem;cursor:pointer;border:1px solid var(--linea);background:var(--panel)}
.btn:hover{border-color:#444}
.btn.prim{background:var(--naranja);border-color:var(--naranja);color:#000}
.btn.prim:hover{filter:brightness(1.08)}
.btn.verde{background:var(--naranja);border-color:var(--naranja);color:#000}   /* sin verde (Edgar, 31-10) */
.btn.grande{width:100%;padding:.8rem}

/* ---- cabecera del catálogo ---- */
.cabecera{padding:2rem clamp(1rem,3vw,2rem) 1rem;display:flex;gap:2rem;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.cabecera h1{font-family:"Zalando Sans Expanded",sans-serif;font-weight:200;font-size:clamp(1.8rem,4vw,3rem);margin:0;line-height:1.05}
.cabecera p{margin:.5rem 0 0;color:var(--suave);max-width:42rem}
.cabecera .sello{display:inline-block;margin-top:.7rem;font-size:.8rem;font-weight:500;color:var(--tinta);
  border:1px solid var(--linea);border-radius:99px;padding:.3rem .8rem;background:var(--panel)}
.desc.aviso{border-color:#1f4d33;background:#07130c}.desc.aviso p{color:#cfe9d9}
.planes{display:flex;gap:.6rem;flex-wrap:wrap}
.plan{border:1px solid var(--linea);background:var(--panel);border-radius:14px;padding:.7rem 1rem;min-width:12rem;display:block}
.plan:hover{border-color:#444}
.plan small{color:var(--suave);display:block}.plan strong{font-size:1.1rem}
.plan.dest{border-color:var(--naranja)}

/* ---- filtros ---- */
.filtros{position:sticky;top:3.6rem;z-index:20;background:#000;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;
  padding:.7rem clamp(1rem,3vw,2rem);border-bottom:1px solid var(--linea)}
.chip{padding:.42rem .9rem;border-radius:99px;border:1px solid var(--linea);background:transparent;cursor:pointer;
  font-size:.85rem;font-weight:500;white-space:nowrap}
.chip span{opacity:.5;margin-left:.3rem}
.chip.on{background:var(--tinta);color:#000;border-color:var(--tinta)}
.filtros select{padding:.42rem .8rem;border-radius:99px;border:1px solid var(--linea);background:var(--panel);
  color:var(--tinta);font:inherit;font-size:.85rem}
.filtros .empuje{margin-left:auto}
.cuenta{color:var(--suave);font-size:.85rem;white-space:nowrap}

/* ---- rejilla de fichas ---- */
/* Edgar, 31-10: «las imágenes son muy pequeñas, igual de grandes que en Civitai»: ~250 px de ancho por ficha (7
   columnas en una pantalla de 2000 px) y la rejilla centrada con un ancho máximo, como allí. */
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;padding:1rem clamp(1rem,3vw,2rem) 2rem;
  list-style:none;margin:0 auto;max-width:2350px}
.ficha{position:relative;border-radius:14px;overflow:hidden;background:var(--panel);aspect-ratio:2/3;border:1px solid var(--linea)}
.ficha[hidden]{display:none}
.ficha>a{position:absolute;inset:0}
.ficha img,.ficha video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ficha:hover img,.ficha:hover video{transform:scale(1.04)}
/* Altavoz de los vídeos con audio (Edgar, 31-10): empiezan mudos, el usuario lo activa. */
.sonido{position:absolute;right:.6rem;top:.6rem;z-index:3;width:2rem;height:2rem;border-radius:50%;border:0;cursor:pointer;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:0}
.sonido::before{content:"";width:1rem;height:1rem;background:var(--tinta);-webkit-mask:var(--altavoz) center/contain no-repeat;mask:var(--altavoz) center/contain no-repeat;--altavoz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4z'/%3E%3Cpath d='m23 9-6 6'/%3E%3Cpath d='m17 9 6 6'/%3E%3C/svg%3E")}
.sonido.on{background:var(--naranja)}.sonido.on::before{background:#000;--altavoz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7'/%3E%3Cpath d='M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E")}
.diapo{position:relative}
.ficha .sombra{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.92) 0,rgba(0,0,0,.25) 38%,transparent 60%)}
.ficha .arriba{position:absolute;top:.6rem;left:.6rem;right:.6rem;display:flex;gap:.35rem;flex-wrap:wrap;pointer-events:none}
.tag{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .5rem;border-radius:6px;
  background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}
.tag.new{background:var(--naranja);color:#000}
.tag.free{background:var(--verde);color:#000}
.tag.tuyo{background:var(--tinta);color:#000}
.ficha .abajo{position:absolute;left:0;right:0;bottom:0;padding:.75rem;pointer-events:none}
.ficha h3{margin:0 0 .45rem;font-size:1.08rem;font-weight:700;line-height:1.2}
.fila{display:flex;align-items:center;justify-content:space-between;gap:.4rem}
.precio{font-weight:700}.precio small{display:block;font-weight:400;color:var(--suave);font-size:.7rem}
.add{pointer-events:auto;padding:.4rem .75rem;border-radius:99px;border:0;background:var(--tinta);color:#000;font-weight:700;
  font-size:.78rem;cursor:pointer;white-space:nowrap}
.add{display:inline-flex;align-items:center;gap:.3rem}.add svg{width:.95rem;height:.95rem}
.btn svg{width:1.05rem;height:1.05rem}
.add.en{background:var(--naranja)}
/* Descargar (Edgar, 31-10: «el botón verde no me gusta»): solo el icono en un círculo naranja, con «Download» al pasar
   el ratón. El texto sigue en el HTML para lectores de pantalla. */
/* Icono: circle-down de Font Awesome Free 7 (CC BY 4.0, fontawesome.com/license/free), el que eligió Edgar, en el
   naranja de la web; el viewBox recortado al círculo para que lo llene entero y la flecha (negra) quede centrada. */
.add.dl{width:2.3rem;height:2.3rem;padding:0;background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 512 512'%3E%3Cpath fill='%23e35303' d='M320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64zM308.7 451.3L204.7 347.3C200.1 342.7 198.8 335.8 201.2 329.9C203.6 324 209.5 320 216 320L272 320L272 224C272 206.3 286.3 192 304 192L336 192C353.7 192 368 206.3 368 224L368 320L424 320C430.5 320 436.3 323.9 438.8 329.9C441.3 335.9 439.9 342.8 435.3 347.3L331.3 451.3C325.1 457.5 314.9 457.5 308.7 451.3z'/%3E%3C/svg%3E") center/100% no-repeat;border-radius:50%;font-size:0;position:relative}
.add.dl::after{content:"Download";position:absolute;bottom:calc(100% + 7px);right:0;background:#000;color:var(--tinta);font-size:.75rem;font-weight:500;padding:.3rem .6rem;border-radius:6px;border:1px solid var(--linea);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.add.dl:hover::after,.add.dl:focus-visible::after{opacity:1}.add.dl:hover{filter:brightness(1.1)}
.mas{display:flex;margin:0 auto 3rem;padding:.8rem 2rem}
.vacio{padding:3rem 1rem;text-align:center;color:var(--suave)}

/* ---- ficha de detalle ---- */
/* Ficha centrada y estrecha, como Civitai: ~1100 px en total, panel de 340 px. */
.detalle{padding:1.2rem clamp(1rem,3vw,2rem) 3rem;max-width:1140px;margin:0 auto}
.migas{color:var(--suave);font-size:.85rem;margin-bottom:.6rem}.migas a:hover{color:var(--tinta)}
.det-tit h1{font-family:"Zalando Sans Expanded",sans-serif;font-weight:400;font-size:clamp(1.5rem,3vw,2.3rem);margin:0 0 .4rem;line-height:1.1}
.det-tit .tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1rem}
.det{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.4rem;align-items:start}
.visor{background:var(--panel);border:1px solid var(--linea);border-radius:16px;overflow:hidden;position:relative}
.visor .pieza{display:none}.visor .pieza.on{display:block}
.visor img,.visor video{width:100%;max-height:74vh;object-fit:contain;background:#050505}
.flecha{position:absolute;top:50%;transform:translateY(-50%);width:2.6rem;height:2.6rem;border-radius:99px;border:0;
  background:rgba(0,0,0,.6);color:#fff;font-size:1.3rem;cursor:pointer;z-index:2}
.flecha.izq{left:.6rem}.flecha.der{right:.6rem}
.visor .num{position:absolute;bottom:.6rem;right:.8rem;font-size:.78rem;background:rgba(0,0,0,.6);padding:.15rem .5rem;border-radius:6px}
.tiras{display:flex;gap:8px;overflow-x:auto;padding:.7rem 0;scrollbar-width:thin}
.tiras button{flex:none;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;opacity:.55;background:none}
.tiras button.on{opacity:1;border-color:var(--naranja)}
.tiras img{width:84px;height:84px;object-fit:cover}
.tiras .es-video{position:relative}
.tiras .es-video:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:1.2rem;text-shadow:0 0 6px #000}
.desc{background:var(--panel);border:1px solid var(--linea);border-radius:16px;padding:1.2rem 1.4rem;margin-top:.8rem;overflow-wrap:anywhere}
.desc h2.titulo{font-size:1.05rem;margin:.2rem 0 .6rem}
.desc :is(h1,h2,h3){font-size:1rem;margin:1.2rem 0 .4rem}.desc p{color:#d8d3ce;margin:.5rem 0}.desc a{color:var(--naranja)}
.desc blockquote{margin:.6rem 0;padding:.6rem .9rem;border-left:3px solid var(--linea);background:#0a0a0a;border-radius:6px}
.desc blockquote p{margin:0;font-size:.88rem}
.desc code{background:#000;border:1px solid var(--linea);border-radius:6px;padding:.05rem .35rem;font-size:.85em}
.lado{position:sticky;top:4.6rem;display:flex;flex-direction:column;gap:.8rem}
.caja{background:var(--panel);border:1px solid var(--linea);border-radius:16px;padding:1.1rem 1.2rem}
.caja .gran{font-size:1.8rem;font-weight:700}.caja .gran small{font-size:.85rem;color:var(--suave);font-weight:400}
.caja .btn{margin-top:.6rem}
.caja .o{font-size:.82rem;color:var(--suave);margin:.7rem 0 0}.caja .o a{color:var(--naranja)}
.datos{width:100%;border-collapse:collapse;font-size:.88rem;table-layout:fixed}   /* fixed: el nombre largo del fichero no ensancha la tabla */
.datos td{padding:.5rem 0;border-top:1px solid var(--linea);vertical-align:top}.datos tr:first-child td{border-top:0}
.datos td:first-child{color:var(--suave);width:40%;padding-right:.8rem}
.datos td:last-child{overflow-wrap:anywhere}   /* nombres de fichero sin espacios: se parten (31-10) */
.tw{display:inline-flex;gap:.3rem;align-items:center;font-family:ui-monospace,monospace;font-size:.8rem;background:#000;
  border:1px solid var(--linea);border-radius:8px;padding:.2rem .5rem;margin:0 .3rem .3rem 0;cursor:pointer;color:var(--tinta)}
.tw:after{content:"⧉";opacity:.5}
.tw.ok:after{content:"✓";opacity:1;color:var(--verde)}
.relacionados h2{font-size:1.1rem;margin:2.2rem 0 .2rem}
.relacionados .rejilla{padding:1rem 0 0}

/* ---- carrito y ventana de entrada ---- */
.velo{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.7);display:none}
.velo.on{display:block}
.cajon{position:fixed;top:0;right:0;bottom:0;z-index:51;width:min(400px,100vw);background:var(--panel);border-left:1px solid var(--linea);
  transform:translateX(100%);transition:transform .25s;display:flex;flex-direction:column}
.cajon.on{transform:none}
.cajon header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--linea)}
.cajon header h2{margin:0;font-size:1.1rem}
.cajon .lista{flex:1;overflow:auto;padding:.4rem 1.2rem;list-style:none;margin:0}
.cajon .lista li{display:flex;gap:.7rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--linea)}
.cajon .lista img{width:44px;height:58px;object-fit:cover;border-radius:6px}
.cajon .lista span{flex:1;font-size:.9rem}
.cajon .lista button{background:none;border:0;opacity:.6;cursor:pointer;font-size:1.1rem}
.cajon footer{padding:1rem 1.2rem;border-top:1px solid var(--linea)}
.tot{display:flex;justify-content:space-between;margin:.2rem 0}.tot.g{font-weight:700;font-size:1.1rem}
.pista{font-size:.82rem;margin:.6rem 0;border-left:3px solid var(--naranja);padding-left:.6rem}
.tramos{font-size:.75rem;color:var(--suave);margin:.6rem 0 0}
.modal{position:fixed;z-index:52;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));
  background:var(--panel);border:1px solid var(--linea);border-radius:18px;padding:1.6rem;display:none}
.modal.on{display:block}
.modal h2{margin:0 0 .3rem;font-family:"Zalando Sans Expanded",sans-serif;font-weight:400}
.modal p{color:var(--suave);margin:.3rem 0 1rem}
.modal input[type=email]{width:100%;padding:.8rem 1rem;border-radius:99px;border:1px solid var(--linea);background:#000;
  color:var(--tinta);font:inherit;margin-bottom:.8rem}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.nota{font-size:.78rem;color:var(--suave);margin-top:.8rem}

/* ---- pie ---- */
.pie{border-top:1px solid var(--linea);padding:2rem clamp(1rem,3vw,2rem);color:var(--suave);font-size:.88rem;
  display:flex;gap:1rem 2rem;flex-wrap:wrap;justify-content:space-between}
.pie nav{display:flex;gap:.4rem 1.2rem;flex-wrap:wrap}.pie a:hover{color:var(--tinta)}

@media (max-width:900px){.det{grid-template-columns:1fr}.lado{position:static}}
@media (max-width:820px){
  .nav,.buscar{display:none}.cabecera{padding-top:1.2rem}.filtros{top:3.4rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .filtros::-webkit-scrollbar{display:none}.chip,.filtros select{flex:none}.filtros .cuenta{display:none}.filtros .empuje{margin-left:0}
  .rejilla{grid-template-columns:repeat(2,1fr);gap:10px}.ficha h3{font-size:.85rem}.add{font-size:.72rem;padding:.35rem .6rem}
  .planes{width:100%}.plan{flex:1;min-width:0}.derecha .btn:not(.prim){display:none}
}
.solo-movil{display:none}
@media (max-width:820px){.solo-movil{display:block;padding:.6rem clamp(1rem,3vw,2rem) 0}
  .solo-movil input{width:100%;padding:.62rem 1rem;border-radius:99px;border:1px solid var(--linea);background:var(--panel);color:var(--tinta);font:inherit}}

/* ---- páginas de texto (membresía) ---- */
.texto{max-width:1100px;margin:0 auto;padding:1.4rem clamp(1rem,3vw,2rem) 3rem}
.texto h1.grande{font-family:"Zalando Sans Expanded",sans-serif;font-weight:200;font-size:clamp(2rem,5vw,3.4rem);margin:.2rem 0 1.2rem}
.texto h2{font-family:"Zalando Sans Expanded",sans-serif;font-weight:400;font-size:1.4rem;margin:2.4rem 0 .6rem}
.texto p,.texto li{color:#d8d3ce;max-width:46rem}.texto a:not(.btn):not(.add){color:var(--naranja)}
.solo-modelos{border:2px solid var(--naranja);background:#1a0d02;border-radius:16px;padding:1.1rem 1.3rem;margin:0 0 1.4rem}
.solo-modelos strong{display:block;font-size:clamp(1.15rem,2.2vw,1.45rem);margin-bottom:.35rem}
.solo-modelos span{color:#e9d9cc}
.planes-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}
.plan-g{border:1px solid var(--linea);background:var(--panel);border-radius:18px;padding:1.4rem}
.plan-g.dest{border-color:var(--naranja)}
.plan-g h2{margin:0;font-size:1.2rem}
.plan-g .cifra{font-family:"Zalando Sans Expanded",sans-serif;font-size:2.6rem;margin:.4rem 0 0;color:var(--tinta)}
.plan-g .cifra small{font-size:.95rem;color:var(--suave)}
.plan-g .que{font-weight:700;color:var(--tinta);margin:.5rem 0 0}
.plan-g .o{font-size:.82rem;color:var(--suave);margin:.5rem 0 0}
.rejilla.mini{padding:1rem 0;grid-template-columns:repeat(5,1fr);max-width:none}   /* una sola fila de 5 (Edgar, 31-10) */
@media (max-width:700px){.rejilla.mini{grid-template-columns:repeat(2,1fr)}.rejilla.mini .ficha:nth-child(n+5){display:none}}
.pasos li{margin:.4rem 0}

/* ---- carrusel de la ficha y visor a pantalla completa ---- */
.carrusel-caja{position:relative}
/* Cada imagen con su forma (las de películas son apaisadas): alto fijo y ancho según la imagen, sin recortar. */
.carrusel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;border-radius:14px}
.carrusel::-webkit-scrollbar{display:none}
.diapo{margin:0;flex:none;scroll-snap-align:start;height:min(500px,62vh);border-radius:14px;overflow:hidden;
  background:var(--panel);border:1px solid var(--linea);cursor:zoom-in;max-width:100%}
.diapo img,.diapo video{height:100%;width:auto;max-width:100%;object-fit:contain;display:block}
.carrusel-caja .flecha{background:rgba(255,255,255,.85);color:#000}
.grande-velo{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center}
.grande-velo.on{display:flex}
.grande-velo img{max-width:94vw;max-height:92vh;object-fit:contain}
.grande-velo .cerrar{position:absolute;top:1rem;right:1rem}
.grande-velo .num{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);font-size:.85rem;color:var(--suave)}
@media (max-width:600px){.diapo{height:58vh}}

/* ---- Custom LoRAs (31-10) ---- */
.texto .lede{font-size:1.1rem;color:var(--suave)}
.modelos-c{margin:1.6rem 0 .4rem;color:var(--suave)}.modelos-c b{color:var(--tinta)}
.planes-g.c4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.plan-g .oferta{display:inline-block;margin:.2rem 0 .4rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  background:var(--naranja);color:#000;border-radius:6px;padding:.2rem .5rem}
.plan-g .cifra s{color:var(--suave);font-size:.55em;margin-right:.3rem;font-weight:400}
.formulario{display:grid;gap:1rem;max-width:46rem;margin:1rem 0 2rem}
.formulario .dos{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.formulario label{display:grid;gap:.4rem;font-size:.9rem;font-weight:500}
.formulario label small{color:var(--suave);font-weight:400}
.formulario input,.formulario select,.formulario textarea{width:100%;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--linea);
  background:var(--panel);color:var(--tinta);font:inherit}
.formulario input:focus,.formulario select:focus,.formulario textarea:focus{outline:none;border-color:var(--naranja)}
.formulario input[type=file]{padding:.55rem}
.formulario input::file-selector-button{font:inherit;font-weight:600;margin-right:.8rem;padding:.4rem .9rem;border-radius:99px;border:0;
  background:var(--tinta);color:#000;cursor:pointer}
.formulario .trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.aviso-form{border-left:3px solid #f5a524;padding:.4rem .9rem;margin:0}
.texto .ok{border-left:3px solid #7bd88f;padding:.6rem 1rem;background:var(--panel)}
@media (max-width:700px){.formulario .dos{grid-template-columns:1fr}}