/* Contenedor flotante */
    .float-container {
      position: fixed;
      bottom: 35px;
      right: 35px;
      z-index: 1000;
    }

    /* Botón flotante */
    .float-btn {
      width: 60px;
      height: 60px;
      background: #0d1427;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      font-size: 24px;
      cursor: pointer;
      box-shadow: 0 4px 10px rgba(0,0,0,0.25);
      z-index: 1001;
      position: relative;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53.081' height='44.413' viewBox='0 0 53.081 44.413'%3E%3Cg id='Icono' transform='translate(-25.282 -29.615)'%3E%3Cpath id='Trazado_215' data-name='Trazado 215' d='M10.282,16.9a5.023,5.023,0,0,1,4.9-4.283l32.977.007a4.935,4.935,0,0,1,4.813,4.933c.41,6.489-.212,13.529-.135,20.048a5.009,5.009,0,0,1-4.982,3.849l-21.606,0-.268.143c-1.879,2.041-3.609,4.384-5.522,6.376-.746.779-1.327,1.375-2.536,1.071-.509-.128-1.341-.915-1.341-1.429V41.449h-1.6a5.073,5.073,0,0,1-4.7-4.38ZM19.171,45.32a1.116,1.116,0,0,0,.364-.3c1.641-1.791,3.293-4.121,5.007-5.761a1.418,1.418,0,0,1,.721-.409l23-.047a2.25,2.25,0,0,0,1.947-1.545l.072-20.1a2.209,2.209,0,0,0-2.012-1.888l-33.486.012a2.243,2.243,0,0,0-1.819,1.877l.01,19.855c.615,2.66,3.385,1.453,5.187,1.816.331.066,1.006.637,1.006.943Z' transform='translate(15 17)' fill='%23fff'/%3E%3Cpath id='Trazado_216' data-name='Trazado 216' d='M50.1,46.074v6.265a6.356,6.356,0,0,1-.413.713,1.957,1.957,0,0,1-3.052.054c-1.971-1.878-3.745-4.54-5.68-6.524-.162-.166-.4-.462-.625-.506l-19.591-.047a1.308,1.308,0,0,1,.167-2.5l20.558,0c.377.059.774.531,1.04.807,1.47,1.517,2.789,3.338,4.236,4.893l.777.711V44.393a3.173,3.173,0,0,1,.48-.647c1.4-1.029,5.033.824,5.7-1.922l.015-20.137a2.166,2.166,0,0,0-1.441-1.636c-.827-.274-2.065-.121-2.073-1.429-.01-1.646,2.1-1.391,3.166-.972A4.994,4.994,0,0,1,56.4,21.881c-.362,6.364.488,13.26.005,19.562-.159,2.075-2.02,4.631-4.294,4.631Z' transform='translate(21.805 20.218)' fill='%23fff'/%3E%3Cpath id='Trazado_217' data-name='Trazado 217' d='M19.964,20.582a1.547,1.547,0,1,1,.087,3.022,1.547,1.547,0,0,1-.087-3.022' transform='translate(21.004 22.408)' fill='%23fff'/%3E%3Cpath id='Trazado_218' data-name='Trazado 218' d='M24.6,21.017c1.4,1.48-.861,3.6-2.306,2.171-1.47-1.454.9-3.656,2.306-2.171' transform='translate(23.178 22.39)' fill='%23fff'/%3E%3Cpath id='Trazado_219' data-name='Trazado 219' d='M27.681,23.189c-1.445,1.428-3.709-.691-2.306-2.171s3.776.716,2.306,2.171' transform='translate(25.373 22.391)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 35px auto;
    }

    /* Panel flotante */
    .float-panel {
        opacity: 0.9;
      position: absolute;
      bottom: 25px;
      right: 25px;
      background: #f6f7fa;
      border-radius: 5px;
      width: 290px;
      height: 350px;
      padding: 25px;
      display: none;

      /* Mordisco transparente con clip-path */
      -webkit-clip-path: path("M0 0 H280 V270 A30 30 0 0 0 250 300 H0 Z");
      clip-path: path("M0 0 H383 V387 A62 45 57 0 0 303 427 H0 Z")
    }
    
    .cont-opciones{
        margin-left: 12px;
        margin-right: 30px;
        margin-top: 12px;
    }

    /* Mostrar panel */
    .float-panel.active {
      display: block;
      animation: fadeInUp 0.3s ease;
    }

    /* Animación */
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* Encabezados y links */
    .float-panel h4 {
        font-weight: 500;
      margin: 10px 0 5px;
      font-size: 16px;
      border-bottom: 1px solid #868b96;
      padding-bottom: 3px;
    }
    .float-panel p {
      font-size: 14px;
      margin: 1px 0 15px;
      color: black;
    }
    
.float-panel a {
  position: relative;
  display: block;
  margin-bottom: 14px;
  color: #0047bb;
  text-decoration: none;
  padding: 6px 10px;
  font-weight: 500;
  border-bottom: 0px solid #0047bb;

  /* Efecto de background fill */
  background-image: linear-gradient(to top, #0d1427 50%, transparent 50%);
  background-size: 100% 200%;
  background-position: 0 0; /* inicio transparente */
  transition: background-position 0.3s ease, color 0.3s ease;
}

.float-panel a:hover {
  color: #fff; /* cambia texto a blanco */
  background-position: 0 100%; /* sube el azul */
}

.float-panel a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #0047bb;
  transition: background-color 0.3s ease;
}





    
    #soy-candidato{
        padding-top: 8px;
        padding-bottom: 8px;
    }
    
    .float-panel, 
    .float-panel * , 
    .float-btn {
      user-select: none;
      -webkit-user-select: none; /* Safari */
      -moz-user-select: none;    /* Firefox */
      -ms-user-select: none;     /* IE10+ */
      -webkit-tap-highlight-color: transparent;
    }