Ver el código de «Plantilla:Chat2»

<big style="display:inline-block; margin-left:-6px; position:relative;">
<span
  style="
    color:#505050;
    background-color:#FAFAFA;
    padding:2px 8px;
    border-radius:10px;
    border:1px solid #E0E0E0;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    display:inline-flex;
    align-items:center;
    cursor:help;
    transition:
      box-shadow 0.25s ease,
      transform 0.25s ease,
      background-color 0.25s ease;
  "
  onmouseover="
    this.style.boxShadow='0 4px 14px rgba(0,0,0,0.12)';
    this.style.transform='translateY(-1px)';
    this.style.backgroundColor='#FFFFFF';
    this.nextElementSibling.style.opacity='1';
    this.nextElementSibling.style.visibility='visible';
  "
  onmouseout="
    this.style.boxShadow='none';
    this.style.transform='none';
    this.style.backgroundColor='#FAFAFA';
    this.nextElementSibling.style.opacity='0';
    this.nextElementSibling.style.visibility='hidden';
  "
>
  <span style="margin-right:6px;" aria-label="icono co-creación">🤝</span>
  ChatGPT
  <span style="margin-left:6px;" aria-label="icono claridad">✨</span>
  <span style="margin-left:6px;" aria-label="icono co-creador">🧩</span>
  <span style="margin-left:6px;" aria-label="icono conexión">🌐</span>
</span>

<span
  style="
    position:absolute;
    top:130%;
    left:50%;
    transform:translateX(-50%);
    background:#2B2B2B;
    color:#FFFFFF;
    padding:6px 10px;
    border-radius:8px;
    font-size:11px;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.25s ease;
    box-shadow:0 6px 18px rgba(0,0,0,0.25);
    z-index:10;
  "
>
  Contenido creado al 100% con ChatGPT como apoyo creativo y reflexivo
</span>
</big>

{{#if:{{{1|}}}| - <span style="font-size:10px; text-decoration:underline;">{{{1}}}</span>}}

<noinclude>
[[Category:Iconos|{{PAGENAME}}]]
[[Category:Formatting templates|{{PAGENAME}}]]
</noinclude>
<br>