x <br>
<style>
img{border-radius: 10px;}
.efeitocurva
{
	text-decoration: none;
	text-decoration: none;
    font-size: 40px;
	font-family: Century Gothic;
	border-color: #B0C4DE;
	border-radius: 20px;
}
</style>
<style>
td.efeitocurva {
  position: relative;             /* importante para conter o dropdown */
  overflow: visible;              /* garante que o menu possa ultrapassar a célula */
}

/* container dropdown */
.dropdown {
  position: relative;
  display: inline-block;
  font-family: system-ui, sans-serif;
}

/* botão */
.dropdown-btn {
  background: var(--card, #fff);
  color: var(--tx, #333);
  border: 1px solid var(--line, #d1d5db);
  border-radius: 8px;
  padding: 9px 20px;
  font-size: 40px;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 160px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  z-index: 2;
}

.dropdown-btn:hover {
  border-color: var(--brand, #6366f1);
  box-shadow: 0 0 0 3px rgba(99,102,241,0.15);
}

/* menu */
.dropdown-content {
  display: none;
  position: absolute;
  top: 100%;                      /* logo abaixo do botão */
  left: 0;
  background: var(--card, #fff);
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  min-width: 160px;
  z-index: 10;
  animation: fadeIn 0.2s ease;
}

/* animação suave */
@keyframes fadeIn {
  from {opacity: 0; transform: translateY(-5px);}
  to   {opacity: 1; transform: translateY(0);}
}

/* itens */
.dropdown-content a {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  color: var(--tx, #333);
  transition: background 0.2s ease;
}

.dropdown-content a:hover {
  background: var(--brand, #6366f1);
  color: #fff;
}

/* área invisível de sustentação (mantém o hover) */
.dropdown::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  bottom: -200px;   /* aumenta a área de hover até o limite da td */
}

/* mostrar o menu ao passar o mouse */
td.efeitocurva:hover .dropdown-content {
  display: block;
}
</style>
<table width="100%" bordercolor="#FFFFFF" border="0" align="center" cellspacing="0">
  <tr>
<td>
<a href="https://www.brcoop.com.br/biblioteca/?emp=101&col=3&id=212e&clk=7&tip=1&fil=&gma="><img src="imagens/livraria.png" width="119" /></a></td>
    <td>
      <table width="100%" bordercolor="#9F9FFF" border="0" align="center" cellspacing="0">
        
        <tr>
          <td>&nbsp;</td>
          <td class="efeitocurva" height="99" bgcolor="#0000FF" align="center"> 
          <a href="?emp=101&col=3&id=212e&clk=1&fil=&gma="><font color="#0F0FFF" style="color: white; font-size: 45px;" face="Century Gothic"> 391 e-books
                em 44 Temas</font></a> </td>
          <td>&nbsp;</td>
          <td class="efeitocurva" bgcolor="#0000FF" align="center">
<table border="0" width="100%" cellspacing="0" cellpadding="10">
<tr>
  <td class="efeitocurva" bgcolor="#0000FF" align="center">
    <div class="dropdown">
      <div class="dropdown-btn">HTMh</div>
      <div class="dropdown-content">
        <a href="?Modelo=3&fil=&ind=">Vertical</a>
        <a href="?Modelo=2&fil=&ind=">PDF</a>
        <a href="?Modelo=1&fil=&ind=">Horizontal</a>
        <a href="?Modelo=4&fil=&ind=">Cartões</a>
      </div>
    </div>
  </td>
</tr>
</table>
</td> 
          <td>&nbsp;</td>
        </tr>
      </table>
    </td>
    <td>
        <a href="?emp=101&col=4&id=202e&au=17&nic=Família&ls=&clk=7&fil=&gma="><img src="imagens/4quadros.png" width="119" height="115" /></a>
        
    </td>
  </tr>
</table>