#cookie-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    z-index: 99999;
    display: none;
    justify-content: center;
    align-items: center;
  }

  
  #cookie-banner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background: #222;
    /*color: #fff;*/

    /*display: none;*/
    align-items: center;

    z-index: 99999;
    max-width: 80%;
    
    display: flex;
    flex-direction: column;
      
    font-family: 'NewsCycle-Regular', sans-serif;
    
    width: min(420px, 90%);
      background: white;
      border-radius: 18px;
      padding: 24px;
      text-align: center;
      box-shadow: 0 25px 70px rgba(0,0,0,0.25);
      animation: pop 0.25s ease-out;
        text-decoration-color: black;
  }
  
  /* Botón flotante */
  #cookie-settings-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #222;
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1039;
    
  }

#cookie-settings-btn-mini {
  display: inline-flex;       /* 🔴 clave */
  align-items: center;
  justify-content: center;
  background: #222;
  border-radius: 50%;
  padding: 5px;
  margin: 0 5px;              /* espacio con el texto */

  vertical-align: middle;     /* 🔴 alinea con texto */
}

#cookie-settings-btn-mini img {
  width: 18px;
  height: 18px;
  filter: brightness(0) invert(1);
}

.cookie-settings-btn-mini {
  display: inline-flex;       /* 🔴 clave */
  align-items: center;
  justify-content: center;

  background: #222;
  border-radius: 50%;
  padding: 5px;
  margin: 0 5px;              /* espacio con el texto */

  vertical-align: middle;     /* 🔴 alinea con texto */
}

.cookie-settings-btn-mini img {
  width: 40px;
  height: 40px;
  filter: brightness(0) invert(1);
}


  #cookie-banner a {color: #000;text-decoration: none;}
  #cookie-banner a:visited {text-decoration:none;color:black;}
  
  

  #cookie-settings-btn img {
     width: 40px;
     height: 40px;
    filter: brightness(0) invert(1);
  }
  
  .cookie-buttons{
    display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 25%; 
}
  
  
/**
 * Botones de aceptacion y rechazo de cookies:
 * 
 */
/*
#accept-cookies {
              background-color: #25971d;
              border-radius: 5px;
              color: #3a6f4b !important;
              cursor: pointer;
              display: inline-block;
              font-weight: bold;
              line-height: 1;
              margin-top: 2px;
              padding: 5px 10px 6px;
              position: relative;
              text-decoration: none;
              text-shadow: 0 -1px 1px #222;
  font-family: 'NewsCycle-Regular', sans-serif;
   font-size: 24px;
}*/

/*
#reject-cookies {
              background-color: #D02828;
              border-radius: 5px;
              color: #951b1b!important;
              cursor: pointer;
              display: inline-block;
              font-weight: bold;
              line-height: 1;
              margin-top: 2px;
              padding: 5px 10px 6px;
              position: relative;
              text-decoration: none;
              text-shadow: 0 -1px 1px #222;
  font-family: 'NewsCycle-Regular', sans-serif;
   font-size: 24px;
}*/

 
/* ❌ RECHAZAR */
.btn-reject {
  background: linear-gradient(135deg, #ff2a2a, #cf0000);
  color: white;
  
  /*box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);*/
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: none;
  font-size: 26px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.25s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* ✅ ACEPTAR */
.accept-cookies {
  background: linear-gradient(135deg, #19ca1c, #087216);
  /*box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);*/
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: none;
  font-size: 26px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.25s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}