/* 1. EL ICONO (A la derecha) */
.cookietwd-settings-icon {
    position: fixed;
    bottom: 20px;
    right: 20px; /* Cambiado de left a right */
    width: 45px;
    height: 45px;
    background: #333;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    opacity: 0.7;
    transition: 0.3s ease;
    font-size: 24px;
}

    .cookietwd-settings-icon:hover {
        opacity: 1;
        transform: scale(1.1);
    }

/* 2. EL PANEL (Centrado en pantalla) */
.cookietwd-manager {
    position: fixed;
    top: 50%;
    left: 50%;
    /* Lo centramos exactamente y lo hacemos un 10% más pequeño para la animación inicial */
    transform: translate(-50%, -50%) scale(0.9);
    width: 90%; /* Para que en móviles no se pegue a los bordes */
    max-width: 400px;
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    /* Sombra más amplia y oscura para separarlo visualmente del fondo */
    box-shadow: 0 15px 50px rgba(0,0,0,0.3);
    z-index: 10000;
    opacity: 0; /* Invisible por defecto */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-family: sans-serif;
}

    /* 3. ANIMACIÓN DE ENTRADA (Cuando el JS añade la clase .show) */
    .cookietwd-manager.show {
        /* Vuelve a su tamaño normal (scale 1) y se hace visible */
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

/* 4. ESTILOS INTERNOS (Mantén los que ya tenías) */
.cookietwd-options {
    margin: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cookietwd-buttons {
    display: flex;
    gap: 10px;
}

.cookietwd-btn {
    padding: 10px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    flex: 1;
    transition: 0.2s;
}

    .cookietwd-btn.primary {
        background: #007bff;
        color: white;
    }

        .cookietwd-btn.primary:hover {
            background: #0056b3;
        }

    .cookietwd-btn.secondary {
        background: #eee;
        color: #333;
    }

        .cookietwd-btn.secondary:hover {
            background: #ddd;
        }